var counter=0;
var pressed = {	"NoSki" : true, "NoHoop" : true, "BlackSki" : false, "BlackHoop" : false, "BlueSki" : false, "BlueHoop" : false, 
			"RedSki" : false, "RedHoop" : false, "YellowSki" : false, "GreenSki" : false, "YellowHoop" : false,
			"WhiteSki" : false, "WhiteHoop" : false, "SilverSki" : false, "SilverHoop" : false};
var previousSkiColor = '';
var previousHoopColor = '';			


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function replaceOptionsImage() {
	hoopColor = '';
	skiColor = '';
	for (imageName in pressed) {					// for each button image
		if(pressed[imageName]) {					// if it's pressed
			if(imageName.indexOf("Ski") != -1) {	// Save it's color
				skiColor = imageName.substring(0, (imageName.length - 3));
			}
			else if(imageName.indexOf("Hoop") != -1) {
				hoopColor = imageName.substring(0, (imageName.length - 4));
			}
		}
	}
	


	if(document.getElementById("optionsImageHoop") != null) {
		hoopImageFile = document.getElementById("optionsImageHoop");
		enlargeHoopImageFile = document.getElementById("enlargeOptionsImageHoop");
		hoopImageFile.src="images/Ski-Hoop-125x96/"+hoopColor+"-HOOP.png";	
		enlargeHoopImageFile.href="images/ski-hoop-for-enlarge/"+hoopColor+"-HOOP.jpg";
	}
	
	if(document.getElementById("optionsImageSki") != null) {
		skiImageFile = document.getElementById("optionsImageSki");
		enlargeSkiImageFile = document.getElementById("enlargeOptionsImageSki");	
		skiImageFile.src="images/thumbs/shirt-"+skiColor+"-back.gif";
		enlargeSkiImageFile.href="images/full/shirt-"+skiColor+"-back.jpg";
	}
	
	if(hoopColor != previousHoopColor || skiColor != previousSkiColor) {
		assemblyImageFile = document.getElementById("optionsImageAssembly");		
		enlargeAssemblyImageFile = document.getElementById("enlargeOptionsImageAssembly");	
		assemblyImageFile.src="images/thumbs/shirt-"+skiColor+"-front.gif";
		enlargeAssemblyImageFile.href="images/full/shirt-"+skiColor+"-front.jpg";		
	}
	
	previousSkiColor = skiColor;
	previousHoopColor = hoopColor;
	
}

function toggleButton(color, type, imageName) {

	if(pressed[imageName]) {
		//MM_swapImage(imageName,'','images/color-buttons/'+color+'.gif',1);			
	}
	else {
		deselectButtons(type, color);
		MM_swapImage(imageName,'','images/color/'+color+'-PRESS.gif',1);						
		pressed[imageName] = !pressed[imageName];
		replaceOptionsImage();		
	}
	return false;
}

// Parse all image names and if it is pressed, we need to disable it.
function deselectButtons(type, color) {
	for (imageName in pressed) {					
		if(pressed[imageName]) {
			if(imageName.indexOf(type) != -1) {
				if(imageName.indexOf("Black") != -1) {
					MM_swapImage(imageName,'','images/color/black.gif',1);					
				}
				else if(imageName.indexOf("Cedar") != -1) {
					MM_swapImage(imageName,'','images/color/cedar.gif',1);					
				}
				else if(imageName.indexOf("Green") != -1) {
					MM_swapImage(imageName,'','images/color/green.gif',1);					
				}
				else if(imageName.indexOf("Sapphire") != -1) {
					MM_swapImage(imageName,'','images/color/sapphire.gif',1);					
				}
				else if(imageName.indexOf("White") != -1) {
					MM_swapImage(imageName,'','images/color/white.gif',1);					
				}
				else if(imageName.indexOf("Blue") != -1) {
					MM_swapImage(imageName,'','images/color/blue.gif',1);					
				}
				else if(imageName.indexOf("Royal") != -1) {
					MM_swapImage(imageName,'','images/color/royal.gif',1);					
				}
				else if(imageName.indexOf("Red") != -1) {
					MM_swapImage(imageName,'','images/color/red.gif',1);					
				}
				else if(imageName.indexOf("Blacks") != -1) {
					MM_swapImage(imageName,'','images/color/blacks.gif',1);					
				}
				pressed[imageName] = !pressed[imageName];
			}
		}
	}
}

function openPage(pageName) {
	var load = window.open('http://www.treelinegearinc.com/'+pageName,'','scrollbars=yes,menubar=no,height=800,width=320,resizable=no,toolbar=no,location=no,status=no');		
}

function openXriderPage(imageName) {
	var load = window.open('http://www.treelinegearinc.com/images/medium/'+imageName,'','scrollbars=no,menubar=no,resizable=yes,toolbar=no,location=no,status=no');			
}


function doRadioSelect(objImg) {
	var objRadio = document.getElementById('rd'+objImg.id);
	objRadio.checked = true;
} // doRadioSelect


// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

PositionX = 100;
PositionY = 100;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth  = 540;
defaultHeight = 460;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = false;

// Do not edit below this line...
// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(300,300);');
writeln('width=300-(document.body.clientWidth-document.images[0].width);');
writeln('height=300-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();		
}}