window.onload = rolloverInit;

function rolloverInit() {	
	
	var size = 1024;
// Division position adjustment ------------------------------------	
	var i = 0;
	var divs = document.getElementsByTagName("DIV");		
	//alert(screen.availWidth);
	if (screen.availWidth > 1024) {			
		for (i=0; i < divs.length; i++) {
			var divleft = divs[i].style.left; 
			//alert(divs.length+" "+i);
			//alert(divs[i].style.left +" "+"ID = "+divs[i].id);
	if (divleft != "") {
	//alert(divleft);
	  if (divleft.indexOf("%") == -1){
	  pix = parseFloat(divleft);
	
	  //alert(pix);
	  pcleft= pix/size;
	  pcleft=pcleft * 1000;
	  var percent = Math.round(pcleft);
	  percentx=percent/10
	  //alert(percentx);
	  //alert(percent);
	  divs[i].style.left = percentx+"%";
	  //alert(divs[i].style.left);
	}
	}
}
// Paragraph position adjustment ----------------------------------
     var x = 0
	 var pars = document.getElementsByTagName("P");
			for (x=0; x < pars.length; x++) {
			 var parleft = pars[x].style.left; 

			//alert(pars.length+" "+x);
			//alert(pars[x].style.left +" "+"ID = "+pars[x].id);
	if (parleft != "") {
	//alert(parleft);
	  if (parleft.indexOf("%") == -1){
	  pix = parseFloat(parleft);	
	  //alert(pix);
	  pcleft= pix/size;
	  pcleft=pcleft * 1000;
	  var percent = Math.round(pcleft);
	  percentx=percent/10
	  //alert(percentx);
	  //alert(percent);
	  pars[x].style.left = percentx+"%";
	  //alert(pars[x].style.left);
	}
	}
}
// Image position adjustment ------------------------------------
     var y = 0
	 var images = document.getElementsByTagName("IMG");
			for (y=0; y < images.length; y++) {
			 var imgleft = images[y].style.left; 

			//alert(images.length+" "+x);
			//alert(images[y].style.left +" "+"ID = "+images[y].id);
	if (imgleft != "") {
	//alert(imgleft);
	  if (imgleft.indexOf("%") == -1){
	  pix = parseFloat(imgleft);	
	  //alert(pix);
	  pcleft= pix/size;
	  pcleft=pcleft * 1000;
	  var percent = Math.round(pcleft);
	  percentx=percent/10
	  //alert(percentx);
	  //alert(percent);
	  images[y].style.left = percentx+"%";
	  //alert(images[y].style.left);
	}
	}
}

} 
// Rollover setup -----------------------------------------------
for (var i=0; i<document.images.length; i++) {	
		if (document.images[i].parentNode.tagName == "A") {				
			setupRollover(document.images[i]);
			}	
	}

function setupRollover(thisImage) {
		
	thisImage.outImage = new Image();
	thisImage.outImage.src = thisImage.src;
	thisImage.onmouseout = rollOut;
	
	thisImage.onmouseup = rollUp;   
	
	thisImage.clickImage = new Image();
	thisImage.overImage = new Image();

	/*alert(thisImage.src.length);*/
	var lgth=thisImage.src.length;
	var path = thisImage.src.substring(0,lgth-4);
	var ext = thisImage.src.substring(lgth-4,lgth);
	/*alert(path);
	alert(ext);*/
	thisImage.clickImage.src = path + "_click" + ext;
	thisImage.overImage.src = path + "_on" + ext;
    /*alert(thisImage.overImage.src);
	alert(thisImage.clickImage.src);*/
	
	
	thisImage.onmousedown = rollClick;
	
	
	thisImage.onmouseover = rollOver; 
}	
}


function rollOver() {
	this.src = this.overImage.src;
}

function rollOut() {
	this.src = this.outImage.src;
}

function rollClick() {
	this.src = this.clickImage.src;
}
function rollUp() {
    this.src = this.outImage.src;
}