/*$(document).ready(function(){
		$('h3').textShadow();
	});*/
			
	$(function() {
		$('.choice *').tooltip({							
			});
	});
	
	var timeout    = 300;
	var closetimer = 0;
	var ddmenuitem = 0;
	
	function jsddm_open()
	{  jsddm_canceltimer();
	   jsddm_close();
	   ddmenuitem = $(this).find('ul').css('visibility', 'visible');}
	
	function jsddm_close()
	{  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
	
	function jsddm_timer()
	{  closetimer = window.setTimeout(jsddm_close, timeout);}
	
	function jsddm_canceltimer()
	{  if(closetimer)
	   {  window.clearTimeout(closetimer);
	      closetimer = null;}}
	
	$(document).ready(function()
	{  $('#topnav > li').bind('mouseover', jsddm_open)
	   $('#topnav > li').bind('mouseout',  jsddm_timer)});
	
	document.onclick = jsddm_close;
	
	function select(position,shade){
		setchoice(position,shade);
		highlight(position,shade);
		if(document.getElementById('carselect').value!=0)
			updateprice();
	}
	
	function setchoice(position,shade){
		document.getElementById(position).value=shade;	
	}
	
	function highlight(position,shade){
				
		if(position=='rear')
		{
			if(shade=='none')
				document.getElementById('carrear').style.backgroundPosition='0px';				
			if(shade=='50')
				document.getElementById('carrear').style.backgroundPosition='-188px';
			if(shade=='35')
				document.getElementById('carrear').style.backgroundPosition='-379px';
			if(shade=='20')
				document.getElementById('carrear').style.backgroundPosition='-570px';
			if(shade=='5')
				document.getElementById('carrear').style.backgroundPosition='-761px';	
			if(shade=='mirror')
				document.getElementById('carrear').style.backgroundPosition='-952px';
			if(shade=='blue')
				document.getElementById('carrear').style.backgroundPosition='-1140px';
				
				
			// Set all classes to non selected	
			document.getElementById('rear-none').className='notselected';
			document.getElementById('rear-50').className='notselected';
			document.getElementById('rear-35').className='notselected';
			document.getElementById('rear-20').className='notselected';
			document.getElementById('rear-5').className='notselected';
			document.getElementById('rear-mirror').className='notselected';
			document.getElementById('rear-blue').className='notselected';
			document.getElementById('rear-'+shade).className='selected';
		}	
		
		if(position=='front')
		{
			if(shade=='none')
				document.getElementById('carfront').style.backgroundPosition='0px';				
			if(shade=='50')
				document.getElementById('carfront').style.backgroundPosition='-188px';
			if(shade=='35')
				document.getElementById('carfront').style.backgroundPosition='-377px';
			if(shade=='20')
				document.getElementById('carfront').style.backgroundPosition='-565px';
			if(shade=='5')
				document.getElementById('carfront').style.backgroundPosition='-753px';
			if(shade=='mirror')
				document.getElementById('carfront').style.backgroundPosition='-945px';
			if(shade=='blue')
				document.getElementById('carfront').style.backgroundPosition='-1137px';
		
			// Set all classes to non selected	
			document.getElementById('front-none').className='notselected';
			document.getElementById('front-50').className='notselected';
			document.getElementById('front-35').className='notselected';
			document.getElementById('front-20').className='notselected';
			document.getElementById('front-5').className='notselected';
			document.getElementById('front-mirror').className='notselected';
			document.getElementById('front-blue').className='notselected';
			document.getElementById('front-'+shade).className='selected';
		}	
	}
	
	
function submitForm()
{
	var front=document.getElementById('front').value;
	var rear=document.getElementById('rear').value;
	var car=document.getElementById('carselect').value;

	if(car=="0")
	{
		alert('Please select a car');	
		return false;
	}
	
	if(front=="none" && rear=="none")
	{
		alert('Please select either a front or rear shade, or both');	
		return false;
	}	
}


/* AJAX Stuff */
function updateprice()
{
	var total=0;
	
	var id=document.getElementById('carselect').value;
	var front=document.getElementById('front').value;
	var rear=document.getElementById('rear').value;
	
	if((front=="none" && rear=="none") || id=="0")
	{
		document.getElementById("totalprice").innerHTML="0.00";
		return true;	
	}
	
	document.getElementById("totalprice").innerHTML='<img src="/modules/onepagecheckout/img/ajax-loader.gif">';
	
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
   
	var time=new Date().getTime();
	
	xmlhttp.open("GET","calcprice.php?id_product=" + id + "&front=" + front + "&rear=" +rear + "&time=" + time,true);
	xmlhttp.send();
	
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			document.getElementById("totalprice").innerHTML=xmlhttp.responseText;
			document.getElementById("inttotal").value=xmlhttp.responseText;
			updatetotal();
		}
	}
}


function updatetotal()
{
	var fitting=0;
	var sunstrip=0;
	var tint=0;
	
	// Find fitting kit
	if(document.getElementById("fittingkit").checked==1)
		fitting="5.99";
	
	// Find sunstrip
	//if(document.getElementById("sunstrip").value!="0")
	//	sunstrip="6.99";
	
	// Find sunstrip
	if(document.getElementById("sunstrip").checked==1)
		sunstrip="4.99";
	
		
	// Find tint
	var tint=document.getElementById("inttotal").value;
	
	var total=(parseFloat(fitting) + parseFloat(sunstrip) + parseFloat(tint)).toFixed(2);
		
	document.getElementById("totalprice").innerHTML=total;
}