// JavaScript Document
var kit={sex:"man", sport:{id:null, name:null}, shirt:{id:null, name:'', colour:null, panels:null, piping:null, size:null, collar:null, material:null}, shorts:{id:null, name:'None Selected', colour:null, panels:null, piping:null, size:null, material:null}, socks:{id:null, name:'None Selected', colour:null, panels:null, size:null, material:null}}; //initialize the kit object

var baseImage="images/"+kit.sex+"/base.gif"; //initialize global base image for avatar and set it to default value
var blackout;	//initialize global to load with blackout panel

var currentItem="base";



window.onload=function(){
	//$("avatar").onmouseout=function(){
	//	this.src=baseImage;
	//}

}
window.addEvent("domready", function(){
	$$("select").each(function(element){
		element.disabled=true;
	});
	blackout=new Element("div");
	blackout.setStyles({
		position:"absolute",
		backgroundColor:"#D5DDE5",
		backgroundImage:"url(images/structure/loader.gif)",
		backgroundPosition:"center",
		backgroundRepeat:"no-repeat",
		width:"100%",
		height:"157px",
		left:"0px",
		top:"35px",
		opacity:0
	});
	blackout.injectInside($("garmenteditor"));
	blackout.fader=new Fx.Styles(blackout, {duration:500, wait:false});

	
	
	topHotSpot=$("tophotspot");
	shortsHotSpot=$("shortshotspot");
	socksHotSpot=$("sockshotspot");
	
	//topHotSpot.onmouseover=function(){
	//	$("avatar").src="images/"+kit.sex+"/shirt.gif";
	//}
	topHotSpot.onclick=function(){
		if(kit.sport.name!=null){
			baseImage="images/"+kit.sex+"/shirt.gif";
			currentItem="shirt";
			getShirts();
		} else {
			alert("You must choose a sport");
		}
	}
	
	//shortsHotSpot.onmouseover=function(){
		//$("avatar").src="images/"+kit.sex+"/shorts.gif";
	//}
	shortsHotSpot.onclick=function(){
		if(window.isbasketball){
			alert("Basketball kits come a set, you do not need to choose seperate shorts.");
		} else if(window.iscricket){
			//alert("Cricket kits only include tops");
		} else {
			if(kit.sport.name!=null){
				baseImage="images/"+kit.sex+"/shorts.gif";
				currentItem="shorts";
				getShorts();
			} else {
				alert("You must choose a sport");
			}
		}
	}
	//socksHotSpot.onmouseover=function(){
		//$("avatar").src="images/"+kit.sex+"/socks.gif";
	//}
	socksHotSpot.onclick=function(){
		if(window.iscricket){
			alert("Cricket kits only include tops");
		} else {
			if(kit.sport.name!=null){
				baseImage="images/"+kit.sex+"/socks.gif";
				currentItem="socks";
				getSocks();
			} else {
				alert("You must choose a sport");
			}
		}
	}
	
	$$("#sexchange a").each(function(element){
		element.onclick=function(){
			sex=this.rel;
			kit.sex=sex;
			baseImage="images/"+kit.sex+"/"+currentItem+".gif";
			//$("avatar").src="images/"+kit.sex+"/"+currentItem+".gif";
		}
	});
	
	$("shirtmaterial").onchange=function(){
		elements=Array($("shirtcolour"), $("shirtpanelscolour"), $("shirtpipingcolour"));
		if(this.value=="Coolknit"){
			alertme=0;
			for(i=0; i<elements.length; i++){
				if(elements[i].innerHTML=="1"){
					elements[i].setStyle("background-color", "");
					elements[i].innerHTML="";
					elements[i].title="";
					alertme=1;
				}
			}
			if(alertme==1){
				alert("One or more of the colours you have chosen are not available in Coolknit fabric");
			}
		}
		this.blur();
	}
	$("shortsmaterial").onchange=function(){
		elements=Array($("shortscolour"), $("shortspanelscolour"), $("shortspipingcolour"));
		if(this.value=="Coolknit"){
			alertme=0;
			for(i=0; i<elements.length; i++){
				if(elements[i].innerHTML=="1"){
					elements[i].setStyle("background-color", "");
					elements[i].innerHTML="";
					elements[i].title="";
					alertme=1;
				}
			}
			if(alertme==1){
				alert("One or more of the colours you have chosen are not available in Coolknit fabric");
			}
		}
		this.blur();
	}
	
	/*
	$$(".bits2 select").each(function(element){
		element.onchange=function(){
			switch(element.id.substr(0, 5)){
				case "shirt":
					checker="shirtmaterial";
					break;
				case "short":
					checker="shortsmaterial";
					break;
				case "socks":
					checker="socksmaterial";
					break;
			}
			
			for(x=0; x<this.options.length; x++){
				if(this.options[x].selected==true){
					if(this.options[x].text==1){
						if($(checker).value=="Coolknit"){
							alert("This colour is not available in Coolknit fabric");
							return false;
						}
					}
				}
			}
			this.blur();
		}
	});
	*/
	
	shirtDiv=$("shirtdetails");
	shirtDiv.setStyle("opacity", ".5");
	shirtDiv.fader=new Fx.Styles(shirtDiv);

	shortsDiv=$("shortsdetails");
	shortsDiv.setStyle("opacity", ".5");
	shortsDiv.fader=new Fx.Styles(shortsDiv);

	socksDiv=$("socksdetails")
	socksDiv.setStyle("opacity", ".5");
	socksDiv.fader=new Fx.Styles(socksDiv);
	
	$$("div.colorselect").each(function(el){
		el.onmouseover=function(){
			el.setStyle("border", "solid 1px #000");
			clearTimeout(window.chartTimer);
		}
		el.onmouseout=function(){
			el.setStyle("border", "solid 1px #FFF");
		}
		el.onclick=function(){
			switch(window.selectedcolorgarment.substr(0, 5)){
				case "shirt":
					checker="shirtmaterial";
					break;
				case "short":
					checker="shortsmaterial";
					break;
				case "socks":
					checker="socksmaterial";
					break;
			}
			if($(checker).value=="Coolknit" && el.innerHTML=="1"){
				alert("This colour is not available in Coolknit fabric");
			} else {
				$(window.selectedcolorgarment).setStyles({"background-color": el.colorvalue, color:el.colorvalue});
				$(window.selectedcolorgarment).title=el.title;
				$(window.selectedcolorgarment).innerHTML=el.innerHTML;
				$("colorchart").setStyle("display","none");
			}
		}
	});
	$("colorchart").onmouseout=function(){
		window.chartTimer=setTimeout('$("colorchart").setStyle("display","none");', 100);
	}
	
	$$("div.colorselector").each(function(el){
		el.onclick=function(){
			if(this.disable==true){
				alert("This option is not available");
			} else {
				$("colorchart").setStyles({
					display:"block",
					left:this.getPosition().x,
					top:this.getPosition().y
				});
				window.selectedcolorgarment=this.id;
			}
		}
	});
	$$("div.disabler").each(function(el){
		el.setStyle("opacity", ".05");
	});
	$("submitbutton").onclick=function(){
		//output="?sex="+kit.sex+"&";
		output="?";
		if($("shirtname").innerHTML!="None Selected"){
			
			output+="shirt_name="+$("shirtname").innerHTML+"&";
			if($("shirtcollar").disabled==false){
				output+="shirt_collar="+$("shirtcollar").value+"&";
			}
			output+="shirt_material="+$("shirtmaterial").value+"&";
			output+="shirt_colour="+$("shirtcolour").title+"&";
			output+="shirt_panels_colour="+$("shirtpanelscolour").title+"&";
			output+="shirt_piping_colour="+$("shirtpipingcolour").title+"&";
			output+="shirt_size="+$("shirtsize").value+"&";
			$("shirtquantity").value=parseInt($("shirtquantity").value);
			output+="shirt_quantity="+($("shirtquantity").value>0?$("shirtquantity").value:1)+"&";
			output+="shirt_price="+$("shirtprice").innerHTML+"&";
		}
		if($("shortsname").innerHTML!="None Selected"){
			output+="shorts_name="+$("shortsname").innerHTML+"&";
			output+="shorts_material="+$("shortsmaterial").value+"&";
			output+="shorts_colour="+$("shortscolour").title+"&";
			output+="shorts_panels_colour="+$("shortspanelscolour").title+"&";
			output+="shorts_piping_colour="+$("shortspipingcolour").title+"&";
			output+="shorts_size="+$("shortssize").value+"&";
			$("shortsquantity").value=parseInt($("shortsquantity").value);
			output+="shorts_quantity="+($("shortsquantity").value>0?$("shortsquantity").value:1)+"&";
			output+="shorts_price="+$("shortsprice").innerHTML+"&";
		}
		if($("socksname").innerHTML!="None Selected"){
			output+="socks="+$("socksname").innerHTML+"&";
			output+="socks_colour="+$("sockscolour").title+"&";
			output+="socks_panels_colour="+$("sockspanelscolour").title+"&";
			$("socksquantity").value=parseInt($("socksquantity").value);
			output+="socks_quantity="+($("socksquantity").value>0?$("socksquantity").value:1)+"&";
			output+="socks_price="+$("socksprice").innerHTML+"&";
		}
		//alert(output);
		//window.location="output.php"+output;
		window.location="basket.php"+output;
	}
	
	$("resetshirt").onclick=function(){
		$("shirtcolour").innerHTML="";
		$("shirtcolour").title="";
		$("shirtcolour").setStyle("background-color", "");
		$("shirtpanelscolour").innerHTML="";
		$("shirtpanelscolour").title="";
		$("shirtpanelscolour").setStyle("background-color", "");
		$("shirtpipingcolour").innerHTML="";
		$("shirtpipingcolour").title="";
		$("shirtpipingcolour").setStyle("background-color", "");
		$("shirtimageholder").innerHTML="<br><br><br><br><br>None Selected";
		$("shirtname").innerHTML="None Selected";
	}
	$("resetshorts").onclick=function(){
		$("shortscolour").innerHTML="";
		$("shortscolour").title="";
		$("shortscolour").setStyle("background-color", "");
		$("shortspanelscolour").innerHTML="";
		$("shortspanelscolour").title="";
		$("shortspanelscolour").setStyle("background-color", "");
		$("shortspipingcolour").innerHTML="";
		$("shortspipingcolour").title="";
		$("shortspipingcolour").setStyle("background-color", "");
		$("shortsimageholder").innerHTML="<br><br><br><br><br>None Selected";
		$("shortsname").innerHTML="None Selected";
	}
	$("resetsocks").onclick=function(){
		$("sockscolour").innerHTML="";
		$("sockscolour").title="";
		$("sockscolour").setStyle("background-color", "");
		$("sockspanelscolour").innerHTML="";
		$("sockspanelscolour").title="";
		$("sockspanelscolour").setStyle("background-color", "");
		$("socksimageholder").innerHTML="<br><br><br><br><br>None Selected";
		$("socksname").innerHTML="None Selected";
	}
	getSport();
	
	setInterval("checkPrices()", 1000);
});


function getSport(){
	blackout.fader.start({
		opacity:[0, 1]
	});
	var myAJAX=new Ajax("ajax/ajax.php?getsports", {
			data:{},
			method:'post',
			update: "options", 
			//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
			evalScripts:true
		}).request();
}


function setColourPickers(){
	$$("div.colourpicker").each(function(element){
		element.onmouseover=function(){
			if(!element.opened){
				element.opened=true;
				var myAJAX=new Ajax("ajax/ajax.php?getcolours", {
						data:{type:element.rel},
						method:'post',
						update: element, 
						//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
						evalScripts:true
					}).request();
			}
		}
	});
}

function getShirts(){
	blackout.fader.start({
		opacity:[0, 1]
	});
	var myAJAX=new Ajax("ajax/ajax.php?getshirts", {
			data:{category:kit.sport.id},
			method:'post',
			update: "options", 
			//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
			evalScripts:true
		}).request();
}

function getShorts(){
	blackout.fader.start({
		opacity:[0, 1]
	});
	var myAJAX=new Ajax("ajax/ajax.php?getshorts", {
			data:{category:kit.sport.id},
			method:'post',
			update: "options", 
			//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
			evalScripts:true
		}).request();
}
function getSocks(){
	blackout.fader.start({
		opacity:[0, 1]
	});
	var myAJAX=new Ajax("ajax/ajax.php?getsocks", {
			data:{category:kit.sport.id},
			method:'post',
			update: "options", 
			//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
			evalScripts:true
		}).request();
}

function initStage1(){
	$$("a.selectsport").each(function(element){
		element.onclick=function(){
			kit.sport.id=this.rel;
			kit.sport.name=this.innerHTML;
			baseImage="images/"+kit.sex+"/shirt.gif";
			//$("avatar").src="images/"+kit.sex+"/shirt.gif";
			currentItem="shirt";
			getShirts();
			if(kit.sport.id==2 || kit.sport.id==3){
				sex="woman";
				kit.sex=sex;
				baseImage="images/"+kit.sex+"/"+currentItem+".gif";
				//$("avatar").src="images/"+kit.sex+"/"+currentItem+".gif";
			}
			$("chosensport").innerHTML=kit.sport.name;
		}
	});
}

function initScroller(){
	$("scrollbox").position=0;
	$("scrollbox").scroller=new Fx.Scroll($("scrollbox"), {wait:false});

	$("leftscroller").onmousedown=function(){
		$("scrollbox").position-=100;
		$("scrollbox").scroller.scrollTo($("scrollbox").position, 0);
		if($("scrollbox").position<0){
			$("scrollbox").position=0;
		}
	}
	$("rightscroller").onmousedown=function(){
		$("scrollbox").position+=100;
		$("scrollbox").scroller.scrollTo($("scrollbox").position, 0);
		if($("scrollbox").position>$("scrollbox").getSize().scrollSize.x){
			$("scrollbox").position=$("scrollbox").getSize().scrollSize.x;
			alert($("scrollbox").position);
		}
	}
}

function initTops1(){
	$$("div.garment").each(function(element){
		element.fader=new Fx.Styles(element, {duration:400, wait:false});
		element.onmouseover=function(){
			this.fader.start({
				opacity:.5
			});
		}
		element.onmouseout=function(){
			this.fader.start({
				opacity:1
			});
		}
		
		element.onclick=function(){
			//updateTop(this.rel);
			kit.shirt.name=this.title;
			kit.shirt.id=this.id;
			
			
			var myAJAX=new Ajax("ajax/ajax.php?getfabrics", {
					data:{shirt:kit.shirt.id, update:"shirtmaterial"},
					method:'POST',
					//update: "options", 
					//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
					evalScripts:true
				}).request();
			var myAJAX2=new Ajax("ajax/ajax.php?getcollars", {
					data:{shirt:kit.shirt.id, update:"shirtmaterial"},
					method:'POST',
					//update: "options", 
					//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
					evalScripts:true
				}).request();
			var myAJAX3=new Ajax("ajax/ajax.php?getpanelspiping", {
					data:{shirt:kit.shirt.id},
					method:'POST',
					//update: "options", 
					//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
					evalScripts:true
				}).request();
			
			updateKit();
			setSelectedImage(this, $("shirtimageholder"));
		}
	});
}


function initShorts1(){
	$$("div.garment").each(function(element){
		element.fader=new Fx.Styles(element, {duration:400, wait:false});
		element.onmouseover=function(){
			this.fader.start({
				opacity:.5
			});
		}
		element.onmouseout=function(){
			this.fader.start({
				opacity:1
			});
		}
		
		element.onclick=function(){
			//updateTop(this.rel);
			kit.shorts.name=this.title;
			kit.shorts.id=this.id;
			var myAJAX=new Ajax("ajax/ajax.php?getfabrics", {
					data:{shirt:kit.shorts.id, update:"shortsmaterial"},
					method:'POST',
					//update: "options", 
					//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
					evalScripts:true
				}).request();
			var myAJAX3=new Ajax("ajax/ajax.php?getpanelspiping", {
					data:{shirt:kit.shorts.id},
					method:'POST',
					//update: "options", 
					//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
					evalScripts:true
				}).request();
			updateKit();
			setSelectedImage(this, $("shortsimageholder"));
		}
	});
}

function initSocks1(){
	$$("div.garment").each(function(element){
		element.fader=new Fx.Styles(element, {duration:400, wait:false});
		element.onmouseover=function(){
			this.fader.start({
				opacity:.5
			});
		}
		element.onmouseout=function(){
			this.fader.start({
				opacity:1
			});
		}
		
		element.onclick=function(){
			//updateTop(this.rel);
			kit.socks.name=this.title;
			kit.socks.id=this.id;
			var myAJAX=new Ajax("ajax/ajax.php?getfabrics", {
					data:{shirt:kit.socks.id, update:"socksmaterial"},
					method:'POST',
					//update: "options", 
					//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
					evalScripts:true
				}).request();
			updateKit();
			setSelectedImage(this, $("socksimageholder"));
		}
	});
}


function updateTop(topId){

}
function setColour(element, garment){
	switch(currentItem){
		case "shirt":
			kit.shirt.colour=element.title;
			$("shirtcolour").innerHTML="";
			$("shirtcolour").setStyle("background-color", "#"+element.rel);
			setColourPickers();
		default:
			$("shirtcolour").innerHTML="";
			break;
	}
	updateKit();
}

function updateKit(){
	$("shirtname").innerHTML=kit.shirt.name;
	$("shortsname").innerHTML=kit.shorts.name;
	$("socksname").innerHTML=kit.socks.name;
}
	
function setSelectedImage(el, image){
	im=new Element("img");
	if(el.childNodes[0].tagName=="IMG"){
		im.src=el.childNodes[0].src;
	} else {
		im.src=el.childNodes[1].src;
	}
	image.innerHTML="";
	im.injectInside(image);
}


function checkPrices(){
	var myAJAX=new Ajax("ajax/ajax.php?getprice", {
			data:{
				shirtgarment:$("shirtname").innerHTML, 
				shirtfabric:$("shirtmaterial").value,
				shortsgarment:$("shortsname").innerHTML, 
				shortsfabric:$("shortsmaterial").value,
				socksgarment:$("socksname").innerHTML, 
				socksfabric:$("socksmaterial").value
			},
			method:'post',
			//update: "bottom", 
			//onComplete: setTimeout("alert($('thingy').innerHTML)", 1000), 
			evalScripts:true
		}).request();
}