// 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');}
			);
		
		//flash slide slideshow
		if($.flash.available)
		{
			$('#home-slideshow').html(''); //clear alternative content
			$('#home-slideshow').flash({  
				swf: liveSite+'home_slideshow.swf',
				menu: "false",
				wmode: "transparent",
				width: "800",
				height: "324",
				flashvars: {
							clickTag: liveSite
							}
			});
		}
		
		//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;
			}
		});
		
		//product images lightbox
		//$('#allImages a').lightBox();
		
		//price selector
		$('li',$('#price-range-selector')).click(function(){
												$('li',$('#price-range-selector')).removeClass('over');
												$(this).addClass('over').fadeIn();
												$('#priceRange').attr('value', $(this).attr('title'));
											});
		
		//select list styling
});


//Animate the product detail slideshow images.
$(function(){
	var imagesUrl=Array();
	var mainImage=$('img').filter('#mainImage');
	var current=0;
	var interval=null;
	var intervalTime=8000;
	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_/,'');
		otherImagesUrl[0] = $(this).parent().attr('href');
		otherImagesUrl[1] = $(this).parent().attr('href');
		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);
});