/*
		Description:
			This function must be called when the IMAGE element is loaded (onLoad event)
			It attachs muse event to simulate a standard HTML button (onmouseover, onmousedown, etc)

		HowTo:
			It get source path of image setted in the SRC attribute IMG tag.
			For each event to handle add a portion of path string to search corrispondent image.
			For "onmouseover" append "-over" string to the source path.
			For "onmousedown" append "-down" string to the source path.
			
		Example:
			in HTML source there are two img. Ono of theese implementing a rolloverButton:
				...
				<IMG SRC="01_str.jpg">
				<A HREF="http://...."> <IMG SRC="button.gif" onLoad="makeMeARolloverButton(this);"> </A>
				...
			makeMeARolloverButton function does:
				for "onmouseover" event search "01_str_over.jpg" image, and
				for "onmousedown" event search "01_str_act.jpg" image.
	*/
	
    img1=new Image().src = "img/01_str.jpg";
	img1=new Image().src = "img/01_str_act.jpg";
	img1=new Image().src = "img/01_str_over.jpg";

	img2=new Image().src = "img/02_dvs.jpg";
	img2=new Image().src = "img/02_dvs_act.jpg";
	img2=new Image().src = "img/02_dvs_over.jpg";

	img3=new Image().src = "img/03_div.jpg";
	img3=new Image().src = "img/03_div_act.jpg";
	img3=new Image().src = "img/03_div_over.jpg";

	img4=new Image().src = "img/04_svz.jpg";
	img4=new Image().src = "img/04_svz_act.jpg";
	img4=new Image().src = "img/04_svz_over.jpg";

	img5=new Image().src = "img/05_prn.jpg";
	img5=new Image().src = "img/05_prn_act.jpg";
	img5=new Image().src = "img/05_prn_over.jpg";

	img6=new Image().src = "img/06_fto.jpg";
	img6=new Image().src = "img/06_fto-over.jpg";
	img6=new Image().src = "img/06_fto-down.jpg";
	function makeMeARolloverButton(img, onclickAction)
	{		
	
		var test = img.setted;
		if (typeof(test)=="undefined")
		{
			// get path of the image in the src attribute
			var imgsrc = img.src;	imgext = img.src;
			var imgsrc = imgsrc.substring(0, imgsrc.lastIndexOf("."));
			imgext = imgext.substring(imgext.lastIndexOf("."));																					
			
			// attach new handler events
			img.onmouseover = function(){ img.src= imgsrc + "_over" + imgext; };						
			img.onmouseout	= function(){ img.src= imgsrc + imgext; };
			img.onmousedown	= function(){ img.src= imgsrc + "_act" + imgext; };
			//img.onmouseup	= function(){ img.src= imgsrc + imgext; };			
			img.onmouseup	= function(){ img.src= imgsrc + imgext; eval(onclickAction) };			
			//document.login.submit();
			img.setted = "true";					
		}
	}

function pop(page,w,h) {
popwin = window.open(page,'','scrollbars=no,resizable=yes,width='+ w + ',height=' + h + ',status=no,location=no,toolbar=no');
}