var posX = new Array(45,110,248,480,645,690);
var posY = new Array(540,386,264,224,338,550);
var sizeXsmall = new Array(116,112,128,135,164,88);
var sizeYsmall = new Array(97,84,96,86,78,227);
var sizeXlarge = new Array(145,140,160,169,205,110);
var sizeYlarge = new Array(121,105,120,108,97,284);
var largeImg = new Array('large-tire.png','large-tube.png','large-pedal.png','large-bag.png','large-tool.png','large-pump.png');
var smallImg = new Array('tire.png','tube.png','pedal.png','bag.png','tool.png','pump.png');
var steps = 10;
var speed = 10;
var pngsupport = true;
var onImage = new Array(0,0,0,0,0,0);

function adjustImages() {
if (ie) {
	var arVersion = navigator.appVersion.split("MSIE");
	version = parseFloat(arVersion[1]);
//	if (version < 7 && typeof document.body.filters != 'object') {pngsupport = false;}
	if (version < 7) {pngsupport = false;}
}

	searchPos = findPos(document.getElementById("homepageBackground"));
	document.getElementById("tire").style.left = searchPos[0]+65+"px";
	document.getElementById("tube").style.left = searchPos[0]+115+"px";
	document.getElementById("pedal").style.left = searchPos[0]+190+"px";
	document.getElementById("bag").style.left = searchPos[0]+480+"px";
	document.getElementById("tool").style.left = searchPos[0]+645+"px";
	document.getElementById("pump").style.left = searchPos[0]+700+"px";
	document.getElementById("asterisk").style.left = searchPos[0]+530+"px";
	if (!pngsupport) {document.getElementById("homepageBackground").style.backgroundImage= "url(/images/bicycle-tires-bkgrnd-tools.jpg)";
/*		document.getElementById("tireimg").style.display = "none";
		document.getElementById("tubeimg").style.display = "none";
		document.getElementById("pedalimg").style.display = "none";
		document.getElementById("bagimg").style.display = "none";
		document.getElementById("toolimg").style.display = "none";
		document.getElementById("pumpimg").style.display = "none"; */
		document.getElementById("tireimg").outerHTML = "<div id='tireimg' style='width:"+sizeXsmall[0]+"px;height:"+sizeYsmall[0]+"px;'></div>";
		document.getElementById("tubeimg").outerHTML = "<div id='tubeimg' style='width:"+sizeXsmall[1]+"px;height:"+sizeYsmall[1]+"px;'></div>";
		document.getElementById("pedalimg").outerHTML = "<div id='pedalimg' style='width:"+sizeXsmall[2]+"px;height:"+sizeYsmall[2]+"px;'></div>";
		document.getElementById("bagimg").outerHTML = "<div id='bagimg' style='width:"+sizeXsmall[3]+"px;height:"+sizeYsmall[3]+"px;'></div>";
		document.getElementById("toolimg").outerHTML = "<div id='toolimg' style='width:"+sizeXsmall[4]+"px;height:"+sizeYsmall[4]+"px;'></div>";
		document.getElementById("pumpimg").outerHTML = "<div id='pumpimg' style='width:"+sizeXsmall[5]+"px;height:"+sizeYsmall[5]+"px;'></div>";
	}
	document.getElementById("tire").style.visibility = "visible";
	document.getElementById("tube").style.visibility = "visible";
	document.getElementById("pedal").style.visibility = "visible";
	document.getElementById("bag").style.visibility = "visible";
	document.getElementById("tool").style.visibility = "visible";
	document.getElementById("pump").style.visibility = "visible";
	document.getElementById("asterisk").style.visibility = "visible";
	
	if (pngsupport && document.images) {
		preload_large = new Array();
		for (i=0;i<largeImg.length;i++) {
			preload_large[i] = new Image();
			preload_large[i].src = static3url+"/images/"+largeImg[i];
		}
	}	
	
}

function enlarge(index,id) {
	document.getElementById(id.replace('img','link')).style.color = "#ae0f21";
	document.getElementById(id.replace('img','link')).style.textDecoration = "underline";
	if(pngsupport) {
		var timer = 0;
		for (i = 0;i <= steps;i++) {
			setTimeout("grow("+i+","+index+",'"+id+"')",(timer*speed));
			timer++;
		}
		setTimeout("growDone("+index+",'"+id+"')",(timer*speed));
	}
}

function reduce(index,id) {
	document.getElementById(id.replace('img','link')).style.color = "#4062b2";
	document.getElementById(id.replace('img','link')).style.textDecoration = "none";
	if (pngsupport) {
		var timer = 0;
		for (i = 0;i <= steps;i++) {
			setTimeout("shrink("+i+","+index+",'"+id+"')",(timer*speed));
			timer++;
		}
		setTimeout("shrinkDone("+index+",'"+id+"')",(timer*speed));
	}
}

function grow(step,index,id) {
	var Xsize = sizeXsmall[index]+(step*(sizeXlarge[index]-sizeXsmall[index])/steps);
	document.getElementById(id).style.width = Xsize + "px";
	var Ysize = sizeYsmall[index]+(step*(sizeYlarge[index]-sizeYsmall[index])/steps);
	document.getElementById(id).style.height = Ysize + "px";
}

function growDone(index,id){
	if(IE6) {
		var strNewHTML = "<span id='" + id + "' class='catimg' "
         + " style=\"" + "width:" + sizeXlarge[index] + "px; height:" + sizeYlarge[index] + "px;" + "display:inline-block;"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src='static3url/images/" + largeImg[index] + "', sizingMethod='scale');\"></span>" 
		document.getElementById(id).outerHTML = strNewHTML;
	} else { 
		var testImg = new Image();
		testImg.src = static3url+"/images/"+largeImg[index];
		if (testImg.complete) {document.getElementById(id).src = testImg.src;}
		
//		document.getElementById(id).src="/images/"+largeImg[index];
	}
}

function shrink(step,index,id) {
	var Xsize = sizeXlarge[index]-(step*(sizeXlarge[index]-sizeXsmall[index])/steps);
	document.getElementById(id).style.width = Xsize + "px";
	var Ysize = sizeYlarge[index]-(step*(sizeYlarge[index]-sizeYsmall[index])/steps);
	document.getElementById(id).style.height = Ysize + "px";
}

function shrinkDone(index,id){
	if(IE6) {
		var strNewHTML = "<span id='" + id + "' class='catimg' "
         + " style=\"" + "width:" + sizeXsmall[index] + "px; height:" + sizeYsmall[index] + "px;" + "display:inline-block;"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=static3url+'/images/" + smallImg[index] + "', sizingMethod='scale');\"></span>" 
		document.getElementById(id).outerHTML = strNewHTML;
	} else { 
		document.getElementById(id).src=static3url+"/images/"+smallImg[index];
	}
}