$(document).ready(function(){//start ready
		$('#sg2 span').wrapAll('<a href="#" title="go to step 2"></a>');
		$('#sg2 a').click( function() {
			$('input[@name=addToBasket]').val('stepTwo');
			//alert($('input[@name=addToBasket]').val());
			document.forms[0].submit();			
		});
		//swap images on details page
		//prevent loading of it
		$('.dt-subimg').click(function(e) {
		e.preventDefault();
		 });						   
		$('.dt-subimg').hover(
			function() {
			   var skuId = $(this).attr('name');
			   //reset big image 
			   //alert('skuid->'+skuId);
			   newSrc1 = 'images/products/460x240/'+skuId+'.jpg';
			  //fade out and in
				$("#prod-img-1").fadeOut("fast", function(){
					$("#prod-img-1").attr('src', newSrc1);
					$("#prod-img-1").fadeIn("slow");
				}); 
				//$("#prod-img-1").fadeIn("slow");
				//set class to +selected details-sub-imgs-slctd
				$(this).addClass('details-sub-imgs-slctd');
				if($(this).attr('id') =='prod-img-2'){ $('#prod-img-3').removeClass('details-sub-imgs-slctd');};
				if($(this).attr('id') =='prod-img-3'){ $('#prod-img-2').removeClass('details-sub-imgs-slctd');};
				//set popup url value for main image
				// alert("Asdf")
				var newSrcPop = 'images/products/935x488/'+skuId+'.jpg';
				$("#dt_main_img").attr('href',newSrcPop );
				$("#main_img_popup").attr('href',newSrcPop );
				$(".hlp-pnl img.dt-lrg").attr('src',newSrcPop);
			},
			//end hover
			function(){}
		);
});

//image swtitching on details page -> prod-img-1   2 or 3
function swapColour(skuId){
	$("#prod-img-2").hide();
	//get selected skuid and colour
	//reset colour of main image AND sub img previews
	var newSrc1 = 'images/products/460x240/'+skuId+'-angle.jpg';
	var newSrc2 = 'images/products/95x50/'+skuId+'-front.jpg'; 
	var newSrc3 = 'images/products/95x50/'+skuId+'-angle.jpg'; 
	//set image src and NAME
	
	//fade out and in
	$("#prod-img-1").fadeOut("fast", function(){
		$("#prod-img-1").attr('src', newSrc1);
   		$("#prod-img-1").fadeIn("slow");
	}); 
	
	$("#prod-img-2").attr('src', newSrc2);$("#prod-img-2").attr('name', skuId+'-front');
	$("#prod-img-3").attr('src', newSrc3);$("#prod-img-3").attr('name', skuId+'-angle');
	//set popup url value for main image
	var newSrcPop = 'images/products/935x488/'+skuId+'-angle.jpg';
	$("#dt_main_img").attr('href',newSrcPop );
	$("#main_img_popup").attr('href',newSrcPop );
	$(".hlp-pnl img.dt-lrg").attr('src',newSrcPop);
	//set default highlighting of sub img
	$("#prod-img-2").removeClass('details-sub-imgs-slctd');
	$("#prod-img-3").addClass('details-sub-imgs-slctd');
}

//show and hide 2nd image - temp toggler for detaisl page
function hideSubImg(){
	//$("#prod-img-2").hide();
	$("#prod-img-2").attr('src', 'images/icn-prod-img-empty.gif');
}
function showSubImg(skuId){
	$("#prod-img-2").show(); 
	var newSrc2 = 'images/products/95x50/'+skuId+'-front.jpg'; 
	$("#prod-img-2").removeClass('details-sub-imgs-slctd');
	$("#prod-img-2-link").attr('href', newSrc2);
	var newSrc2 = 'images/products/95x50/'+skuId+'-front.jpg';
}

//vars for preloader/checker
var timer = null; 
var imgObj = new Array();
var lastImg = null;
var checks = 80; //4==1second

function preloadDtImgs(imgString){ //pass in as string
	var imgArray = new Array();
	var t;
	//turn string into array
	imgStringEnd = imgString.slice(0,(imgString.length-1));
	var imgArray = imgStringEnd.split(",");
	for(i=0; i<imgArray.length; i++) 
	{	
		imgObj[i] = new Image();
		imgObj[i].src=imgArray[i];
	}
	lastImg = imgArray.length-1;
	if(lastImg < 0) lastImg = 0;
	timer = setInterval("check()", 250);
}	
function check(){
	if(!imgObj[lastImg].complete && checks>0){
		checks--;
		return;
	}
	else { //alert('finished last - '+img);
		$("#dt-pnll-innb-col-intro-status").text("Select your colour:");
		$("#prod-img-preload").fadeOut("slow");
	}
	clearInterval(timer);
	img = null;
	return; 
}