// JavaScript Document
function toggleSubmenu(submenuId, show){
	var theSub=document.getElementById('submenu-'+submenuId);
	var theMenu=document.getElementById(submenuId);
	if(show==1){
		theSub.className='submenu';
		theMenu.className='menu-over';
	}
	else{
		theSub.className='submenu-hide';
		theMenu.className='';
	}
}

function toggleSubmenuH(submenuId, show){
	var theSub=document.getElementById('submenu-'+submenuId);
	var theMenu=document.getElementById(submenuId);
	if(show==1){
		theSub.className='submenu-h';
	}
	else{
		theSub.className='submenu-hide';
	}
}


$(function(){
		//Controll the main menu drop down list
		$('ul li',$('#mainMenu')).hover(
			function(){$(this).addClass('over');},
			function(){$(this).removeClass('over');}
			);
		
		//Make the shipping details same as billing details
		$('#shippingController').click(function(){
			var theForm=document.forms['cart'];
			if(theForm.elements['controller'].checked){
				theForm.elements['dFirstName'].value=theForm.elements['bFirstName'].value;
				theForm.elements['dLastName'].value=theForm.elements['bLastName'].value;
				theForm.elements['dCompany'].value=theForm.elements['bCompany'].value;
				theForm.elements['dAddress'].value=theForm.elements['bAddress'].value;
				theForm.elements['dAddress1'].value=theForm.elements['bAddress1'].value;				
				theForm.elements['dCity'].value=theForm.elements['bCity'].value;		
				theForm.elements['dState'].value=theForm.elements['bState'].value;		
				theForm.elements['dPostcode'].value=theForm.elements['bPostcode'].value;				
				theForm.elements['dCountry'].value=theForm.elements['bCountry'].value;		
				theForm.elements['dPhone'].value=theForm.elements['bPhone'].value;
			}else{
				theForm.elements['dFirstName'].value='';
				theForm.elements['dLastName'].value='';
				theForm.elements['dCompany'].value='';
				theForm.elements['dAddress'].value='';
				theForm.elements['dAddress1'].value='';
				theForm.elements['dCity'].value='';		
				theForm.elements['dState'].value='';		
				theForm.elements['dPostcode'].value='';				
				theForm.elements['dCountry'].value='';		
				theForm.elements['dPhone'].value='';
			}
		});
		
		//User registration form verification
		$('#loginForm').submit(function(){
			if($('#member_pass').attr('value')!=$('#member_pass1').attr('value')){
				alert('Passwords entered are not the same!');
				return false;
			}
		});
		
		
		//Calculator
		$('#cement-substitution, #cement-addition, #dose-substitution, #dose-addition').keyup(function(){
																									   var cementsub=parseFloat($('#cement-substitution').attr('value'));
																									   var dosesub=parseFloat($('#dose-substitution').attr('value'))/100;
																									   var cementadd=parseFloat($('#cement-addition').attr('value'));
																									   var doseadd=parseFloat($('#dose-addition').attr('value'))/100;
																									   
																									   $('#revise-substitution').attr('value',Math.round(cementsub*(1-dosesub*1.3)*1000)/1000);
																									   $('#powder-substitution').attr('value',Math.round(cementsub*dosesub*1000)/1000);
																									   $('#totalc-substitution').attr('value',Math.round(cementsub*(1-dosesub*0.3)*1000)/1000);
																									   
																									   $('#powder-addition').attr('value',Math.round(cementadd*doseadd*1000)/1000);
																									   $('#revise-addition').attr('value',Math.round(cementadd*(1-doseadd*0.3)*1000)/1000);
																									   $('#totalc-addition').attr('value',Math.round(cementadd*(1+doseadd*0.7)*1000)/1000);
																									   });
		
		$('#mpowder1').keyup(function(){
									  $('#mslurry1').attr('value',Math.round(parseFloat($('#mpowder1').attr('value'))*1.434*1000)/1000);
									  });
		
		$('#mslurry2').keyup(function(){
									  $('#mpowder2').attr('value',Math.round(parseFloat($('#mslurry2').attr('value'))/1.434*1000)/1000);
									  });
});


//Animate the product detail slideshow images.
$(function(){
	var imagesUrl=Array();
	var mainImage=$('img').filter('#mainImage');
	var current=0;
	var interval=null;
	var intervalTime=5000;
	var thumbnailImages=$('img').filter('.thumbnail');
	
	thumbnailImages.each(function(i){
		var theSrc=this.src;
		var otherImagesUrl=Array();
		
		otherImagesUrl[0]=theSrc.replace(/thumb_/,'medium_');
		otherImagesUrl[1]=theSrc.replace(/thumb_/,'');
		imagesUrl[i]=otherImagesUrl;
		
		$(this).click( function(){
				clearInterval(interval);
				mainImage.attr('src',imagesUrl[i][0]).fadeIn();
				$('#theLink').attr('href',imagesUrl[i][1]);
				
				current=i;
				if(imagesUrl.length>1)//start slide show for over 1 image.
					interval=setInterval(slideShow,intervalTime);
				//The thumbnail class switcher
				thumbnailImages.each(function(i){
									if(i!=current)
										$(this).removeClass('thumbnail-over');
									else
										$(this).addClass('thumbnail-over');
								 });

			});
		
		$(this).mouseover( function(){
			if(current!=i)
				$(this).addClass('thumbnail-over');
			}
		);	

		$(this).mouseout( function(){
			if(current!=i)
				$(this).removeClass('thumbnail-over');
			}
		);	
	});

	function slideShow(){
			if(current<(imagesUrl.length-1))
				current++;
			else
				current=0; 
			
			mainImage.attr('src',imagesUrl[current][0]).fadeIn();
			$('#theLink').attr('href',imagesUrl[current][1]);
			
			thumbnailImages.each(function(i){
									if(i!=current)
										$(this).removeClass('thumbnail-over');
									else
										$(this).addClass('thumbnail-over');
								 });
			
		}
	
	
	$(thumbnailImages.get(0)).addClass('thumbnail-over');
	
	if(imagesUrl.length>1) //start slide show for over 1 image.
		interval=setInterval(slideShow, intervalTime);
});