$(document).ready(function() {
$("#showintros").hide();
$(".rangeinfo").hide();
$(".rangecontainer").hide();
$("#rangecontainer1").show();
$("#rangefashion").show();
//$(".productdetailimage").hide();
$(".productdetailshidebutton").hide();
$(".productdetailsbutton").hide();
$(".productmaindetails").hide();

//var x = document.getElementById('rangedot1');
//x.style.color = '#333333';
});

// set new cart total on call back from add to cart page loading
function setcarttotal(x){
var y = x
	$("#carttotal").html(y);	
}
	
	// main function to handle the mouse events //
	function productrange(id,d){
  	var x = document.getElementById(id + '_info');
	var y = document.getElementById(id);
	//$(".rangeinfo").hide();
  
  if(d == 1){
  	$(x).show();
	y.style.border = 'solid 1px #a89b78';
	y.style.overflow = 'hidden';
  }else{
  y.style.border = 'solid 1px #ededed';
  y.style.overflow = 'hidden';
  	$(x).hide();
  }
}

mypageno=1;
maxpage=3;

function DoAction (mypage) { 

		//THIS SETS THE COLOR ON THE PAGES

		$(".pagedots").each(function (i) {
        if (this.style.color != "#222222") {
          this.style.color = "#FFFFFF";
        } else {
          this.style.color = "#FFFFFF";
        }
      	});
		
		$(".pagenumbers").each(function (i) {
        if (this.style.color != "#222222") {
          this.style.color = "#FFFFFF";
        } else {
          this.style.color = "#FFFFFF";
        }
      	});
		
		//THIS SETS THE COLOR ON THE PAGES
		var x = document.getElementById('rangedot' + mypage);
		x.style.color = '#222222';
		
		var y = document.getElementById('pagedot' + mypage);
		y.style.color = '#222222';

		var page = "#rangecontainer" + mypage;
		
		if( $(page).is(':hidden') ) {
	    // it's visible, do something
		$(".rangecontainer").hide();
		$(page).fadeIn();
		$('#pagelabel').html(mypage);
		}
		
	}
	
	
	function DoActionShowImage (image) { 
	
		//var checkthisA= "#productmaindetails"+ image;
		//$(checkthisA).hide();
		
		//var checkthisA= "#productmaindetails"+ image;
		//$(checkthisA).hide();
		
		var mydetails="#productdetails" + image
		$(mydetails).fadeOut();
		
		var mydetailshidebut="#productdetailhidebut" + image
		$(mydetailshidebut).hide();
		
		var mydetailsbut="#productdetailbut" + image
		$(mydetailsbut).show();
		
		
		
		//FIRST TURN OFF INTRO IMAGES
		$(".productmaindetails").hide();
		$(".productdetailshidebutton").hide();
		
		
		$(".productdetailsbutton").show();
		
		
		if( $('#rangefashion').is(':visible') ) {
	    // it's visible, do something
		$('#rangefashion').fadeOut();
		$("#showintros").fadeIn();
		} 
		
		//NOW TURN OFF PRODUCT DETAILS
		
		
		//NOW TURN ON YOUR IMAGE
		
		var product = "#product" + image;
		var productdetails= "#productdetails"+ image;
		//if( $(product).is(':visible') ) {
	    // it's visible, do something
		//$('#donothings').fadeOut();
		//} else {
		
		$(".productdetailimage").hide();
		$(product).fadeIn();
		$(productdetails).hide();
		//}
		
		
	}
	
	
	
	function ResetIntro () { 
	
		//SWITCH INTRO IMAGES BACK ON

		if( $('#rangefashion').is(':hidden') ) {
	    // it's visible, do something
		$('#rangefashion').fadeIn();
		$("#showintros").fadeOut();
		$(".productmaindetails").hide();
		$(".productdetailshidebutton").hide();
		$(".productdetailsbutton").show();
		//$(page).fadeIn();
		//$('#pagelabel').html(mypage);
		}
		
	}
	
	function Addtocart (ID, mytype) { 
		//SWITCH INTRO IMAGES BACK ON
		if (mytype == 1) {
		
		var setpageurl="asp/cart_add.asp?ID=" + ID
		var mycart="#mycart" + mytype
		var mybutton="#addtocart" + ID
		var myremovebutton="#removefromcart" + ID
		var myspinner="#spinner" + ID
		
		$(mybutton).hide();
		
		$(mycart).load(setpageurl, function() {
  		//alert('ITEM HAS BEEN ADDED TO YOUR FAVOURITES');
		
		$(myspinner).hide();
		$(myremovebutton).fadeIn();
		
		});
		
		} 
		
	}
	
	function RemoveItem (ID, mytype) { 
		//SWITCH INTRO IMAGES BACK ON
		
		var setpageurl="asp/cart_remove.asp?ID=" + ID
		
		var mybutton="#addtocart" + ID
		var myremovebutton="#removefromcart" + ID
		//var mythumb="#range" + mytype
		//$(mythumb).fadeOut();
		
		//var myproduct="#product" + mytype
		//$(myproduct).hide();
		
		var mycart="#mycart" + mytype
		$(mycart).load(setpageurl, function() {
		$(myremovebutton).hide();
		$(mybutton).fadeIn();
  		//alert('ITEM HAS BEEN REOVED FROM THE CART');
		});
		
		
		
	}
	
	function Removefromcart (ID, mytype) { 
		//SWITCH INTRO IMAGES BACK ON
		
		var setpageurl="asp/cart_remove.asp?ID=" + ID
		
		var mythumb="#range" + mytype
		$(mythumb).fadeOut();
		
		var myproduct="#product" + mytype
		$(myproduct).hide();
		
		var mycart="#mycart" + mytype
		$(mycart).load(setpageurl, function() {
  		//alert('ITEM HAS BEEN REOVED FROM THE CART');
		});
		
		
		
	}
	
		function showItemdetails (ID) { 
		
		var mydetails="#productdetails" + ID
		$(mydetails).fadeIn();
		
		var mydetailsbut="#productdetailbut" + ID
		$(mydetailsbut).hide();
		
		var mydetailshidebut="#productdetailhidebut" + ID
		$(mydetailshidebut).show();
			
	}
	
	
	function hideItemdetails (ID) { 
		
		var mydetails="#productdetails" + ID
		$(mydetails).fadeOut();
		
		var mydetailshidebut="#productdetailhidebut" + ID
		$(mydetailshidebut).hide();
		
		var mydetailsbut="#productdetailbut" + ID
		$(mydetailsbut).show();
		
	}
	
	
var newWin = null;  
function popUp(strURL, strType, strHeight, strWidth) {  
 if (newWin != null && !newWin.closed)  
   newWin.close();  
 var strOptions="";  
 if (strType=="console")  
   strOptions="resizable,height="+  
     strHeight+",width="+strWidth;  
 if (strType=="fixed")  
   strOptions="status,height="+  
     strHeight+",width="+strWidth;  
 if (strType=="elastic")  
   strOptions="toolbar,menubar,scrollbars,"+  
     "resizable,location,height="+  
     strHeight+",width="+strWidth;  
 newWin = window.open(strURL, 'newWin', strOptions);  
 newWin.focus();  
}