var wdPosition = 0;
	var wdProductCounter = 0;
	var wdMaxPosition = 0;
	var wardrobeOpen = false;
	
	

$(document).ready(function(){
						   
	var maxHeight = $("div#mainCont").height() - 26;
	
	floatDiv("wardrobeTab", 19, maxHeight).float();
	
	$("div#wardrobeTab").hover(function(){
		$(this).addClass('hoverActive').find("img#wardrobeTabImage").attr('src', '/pws/images/tab_Wardrobe_1.gif');
	}, function(){
		if(!wardrobeOpen){
			$(this).removeClass('hoverActive').find("img#wardrobeTabImage").attr('src', '/pws/images/tab_Wardrobe_0.gif');
		}
	});

	$("input.clearValue").focus(function() {
		if( this.value == this.defaultValue ) {
			this.value = "";
		}
		}).blur(function() {
			if( !this.value.length ) {
				this.value = this.defaultValue;
			}
	});

	loadMiniBasket();
	loadWardrobePopout();
//	setupWardrobeScrolls(140);

//	$("img.pngImg").pngfix(); 

	
	if(typeof sIFR == "function"){
		sIFR.replaceElement(named({sSelector:"body h3.sifr-replaced", sFlashSrc:"/pws/flash/baskerville.swf", sWmode:"transparent", sColor:"#605a4c"}));
		sIFR.replaceElement(named({sSelector:"body h4.sifr-replaced", sFlashSrc:"/pws/flash/baskerville.swf", sWmode:"transparent", sColor:"#605a4c"}));
		sIFR.replaceElement(named({sSelector:"body h5.sifr-replaced", sFlashSrc:"/pws/flash/baskerville.swf", sWmode:"transparent", sColor:"#605a4c"}));
	};


	$("div#miniBasketOverview").click(function(){
		$("div#miniBasketDetail").slideDown("slow", function(){
			if ($.browser.msie && $.browser.version == 6){
				$("div#miniBasketDetail").prepend("<iframe id='miniBasketSelectBlock' src='/pws/ie6naviframe.html' frameBorder='0'></iframe>");
				$("iframe#miniBasketSelectBlock").css({'z-index':'-10', 'position':'absolute', 'top':'0px', 'left':'0px', 'width':$("div#miniBasketContent").width(), 'height':$("div#miniBasketContent").height()});
			}
		});
		$(this).css('background-image', 'url(/pws/images/bg_shoppingBag_1.gif)');
	});

	$("input.clearValue").focus(function(){
		if(this.value == this.defaultValue){
			this.value = "";
		}
	}).blur(function(){
		if(!this.value.length){
			this.value = this.defaultValue;
		}
	});
	
	
	$("img.draggableImg").draggable({
		helper:'clone', 
		opacity:0.5,
		delay:10,
		zIndex:999
	}); 
	
	$("div#wardrobeTab,div#wardrobeContent").droppable({ 
		accept: "img.draggableImg",
		tolerance: 'touch',
		activeClass: 'hoverActive',
		hoverClass: 'hoverOver',
		activate:  function(ev, ui){
			$("img#wardrobeTabImage").attr('src', '/pws/images/tab_Wardrobe_1.gif');
//			$().find("div#productsCont img.productFlag").css("z-index","0");
			wardrobeOpen = true;
		},
		deactivate: function(ev, ui){
			$("img#wardrobeTabImage").attr('src', '/pws/images/tab_Wardrobe_0.gif');
			wardrobeOpen = false;
		},
		over: function(ev, ui){
			$("div#wdProductsWindow").css("background","#f4e5ee").css("border","1px solid #97005a");
		},
		out: function(ev, ui){
			$("div#wdProductsWindow").css("background","#fff").css("border","1px solid #fff");
		},
		drop: function(ev, ui){
			var droppedProductId = $(ui.draggable).attr("id");
			var currentCookie = $.cookie('wardrobe');
			$("div#wdProductsWindow").css("background","#fff").css("border","1px solid #fff");
			if(currentCookie === null || currentCookie == ''){
				$.cookie('wardrobe', droppedProductId , {expires: 31, path: '/'});
				loadWardrobePopout();																		
			}
			else{
				if(!currentCookie.match(droppedProductId)){
					$.cookie('wardrobe', currentCookie + ',' + droppedProductId , {expires: 31, path: '/'});
					loadWardrobePopout();																		
				}
			}
			wardrobeOpen = false;
		}
	});	
	
});



var setFloatInterval = false;
var setFloatTimeOut = false;


function stopFloat(){
	clearInterval(setFloatInterval);
}

function floatDiv(id, startY, maxHeight) {
	var element = $("#" + id);
	window[id + "_object"] = element;
	element.currentY = element.startY = startY;
	element.setPosition = function(newY){
		this.css('top', newY);
	}

	/* If you're not at the top of the page then move the wardrobe tab to viewable window */
	if ($(document).scrollTop() != 0) {
		element.currentY += ($(document).scrollTop() + element.startY - element.currentY);			
		element.setPosition(element.currentY);
	}

	element.float = function(){
		var pageY = $(document).scrollTop();
		this.currentY += (pageY + this.startY - this.currentY)/8;			
		if(this.currentY > maxHeight){
			this.currentY = maxHeight;
		}
		this.setPosition(this.currentY);
		$(window).scroll(function(){
			if(setFloatInterval != false){
				clearInterval(setFloatInterval);
				clearTimeout(setFloatTimeOut);
			}
			setFloatInterval = setInterval(id + "_object.float()", 40);
			setFloatTimeOut = setTimeout("stopFloat()", 4000);
		});		
	}
	return element;
}



function closeShoppingBag(){
	$("div#miniBasketDetail").slideUp("fast");
	$("div#miniBasketOverview").css('background-image', 'url(/pws/images/bg_shoppingBag_0.gif)');
}

function loadMiniBasket(){
	$.ajax({
		url: "/pws/ssnMiniBasketCount.jsp",
		cache: false,
		success: function(html){
			$("div#miniBasket div#miniBasketOverview p").html(html);
		}
	});
	$.ajax({
		url: "/pws/ssnMiniBasketProducts.jsp",
		cache: false,
		success: function(html){
			$("div#miniBasket div#miniBasketDetail").html(html);
			miniBasketSliding();
		}
	});

}



function miniBasketSliding() {
	var visibleProducts = 3;
	var totalProducts = $("div.mbProduct").length;
	var productHeight = 89;
	var productsWindowHeight = visibleProducts * productHeight;
	var totalProdSets = Math.ceil(totalProducts / visibleProducts);
	var currentProdSet = 1;
	var currentProdSetMargin = 0;

	if (totalProducts > visibleProducts){
		$("div.mbProductsControl").show();
		$("div#mbProductsWindow").css("height", productsWindowHeight);
		$("img#mbProductsNext").show().bind("click", function(){
			currentProdSet = currentProdSet + 1;
			currentProdSetMargin = currentProdSetMargin - productsWindowHeight;
			$("div#mbProductSet").animate({ 
				marginTop: currentProdSetMargin
			}, 500 );
			$("img#mbProductsPrev").show();
			if (currentProdSet == totalProdSets) {
				$("img#mbProductsNext").hide();
			}
			return false;
		});
		$("img#mbProductsPrev").bind("click", function(){
			currentProdSet = currentProdSet - 1;
			currentProdSetMargin = currentProdSetMargin + productsWindowHeight;
			$("div#mbProductSet").animate({ 
				marginTop: currentProdSetMargin
			}, 500 );
			$("img#mbProductsNext").show();
			if (currentProdSet == 1) {
				$("img#mbProductsPrev").hide();
			}
			return false;
		});
	}
}





function loadWardrobePopout(){
	var currentCookie = $.cookie('wardrobe');	
	if(currentCookie !== null && currentCookie != undefined && currentCookie != ''){
		productIds = currentCookie.split(",");
		wdProductCounter  = productIds.length;
		wdMaxPosition = (wdProductCounter -2)>0 ? wdProductCounter -2 : 0;
		html = "";

		for(i=0; i<wdProductCounter; i++){
			id = productIds[i].split("_");
			html = html + "<div class='wdProduct cf'><img src='/pws/images/catalogue/products/" + id[2] + "/small/" + id[2] + "_1.jpg' width='111' height='130' class='wardrobeImg'><a href='javascript:void(0);removeFromWardrobe(" + id[1] + ");'><img src='/pws/images/btn_wardrobeRemove.gif' width='48' height='28' class='wardrobeRemove'></a></div>";
		}
	}
	else{
		html = "<p>&nbsp;</p><p>Drag and drop products you like into this area.</p>"
	}
	$("div#wdProductSet").empty().html(html);

	wardrobeSliding();
}



function wardrobeSliding() {
	var visibleProducts = 2;
	var totalProducts = $("div.wdProduct").length;
	var productHeight = 140;
	if (totalProducts > 2){
		var productsWindowHeight = visibleProducts * productHeight;
	} else {
		var productsWindowHeight = totalProducts * productHeight;
	}
	var totalProdSets = Math.ceil(totalProducts / visibleProducts);
	var currentProdSet = 1;
	var currentProdSetMargin = 0;

	$("div#wdProductsWindow").css("height", productsWindowHeight);
	if (totalProducts > visibleProducts){

		$("div.wdProductsControl").show();
		$("img#wdProductsNext").show().bind("click", function(){
			currentProdSet = currentProdSet + 1;
			currentProdSetMargin = currentProdSetMargin - productsWindowHeight;
			$("div#wdProductSet").animate({ 
				marginTop: currentProdSetMargin
			}, 500 );
			$("img#wdProductsPrev").show();
			if (currentProdSet == totalProdSets) {
				$("img#wdProductsNext").hide();
			}
			return false;
		});
		$("img#wdProductsPrev").bind("click", function(){
			currentProdSet = currentProdSet - 1;
			currentProdSetMargin = currentProdSetMargin + productsWindowHeight;
			$("div#wdProductSet").animate({ 
				marginTop: currentProdSetMargin
			}, 500 );
			$("img#wdProductsNext").show();
			if (currentProdSet == 1) {
				$("img#wdProductsPrev").hide();
			}
			return false;
		});
	}
}


function removeFromWardrobe(prod_ID){
	var newVal = '';
	var newVal = '';
	var wardrobeCookie = $.cookie('wardrobe');
	var wardrobeCrumbs = new Array();
	wardrobeCrumbs = wardrobeCookie.split(",");

	if (wardrobeCrumbs.length > 1) {
		for(i=0; i<wardrobeCrumbs.length;i++) {
			CookieProd_ID = wardrobeCrumbs[i].split("_");
			CookieProd_ID = CookieProd_ID[1];
			if(CookieProd_ID != prod_ID){
				if(newVal.length > 0) newVal += ',';
				newVal += wardrobeCrumbs[i];
			}
		}
		$.cookie('wardrobe', newVal , {expires: 31, path: '/'});
	} else {
		$.cookie('wardrobe', null, { path: '/' });
	}
	$("div#wardrobeTab").toggleClass('hoverActive').find("img#wardrobeTabImage").attr('src', '/pws/images/tab_Wardrobe_0.gif');
	wdPosition = 0;
	loadWardrobePopout();																		
}

function printpage() {
	window.print();  
}



(function($){
	$.fn.pngfix = function(){
		var that = this;
		if(!($.browser.msie && $.browser.version === "6.0")){
			return $(this);
		}
		return this.each(function(i, n) {
			var imageSrc = $(n).attr("src");
			var imageHeight = $(n).attr("height");
			var imageWidth = $(n).attr("width");
			var imageFilter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + imageSrc + ", sizingMethod='crop')";
			$(n).wrap('<span class=""></span>');
			$(n).wrap('<span></span>');
			$(n).parent().parent().css({
				'filter': imageFilter,
				'height': imageHeight,
				'width': imageWidth,
				'display': 'block',
				'margin': '0'
			});
			$(n).parent().css('display','none');
		});
	};
})(jQuery);