var HeadImageSliderViewFlag=false;
var HeadImageObj=null;
var sid="";
var animationComplete = true;

$(window).load(function(){
	$('#HeadImageSlider').cycle({ 
			timeout: 7000,
			pagerAnchorBuilder: function(idx, slide) {
				return '<div class="navigationDiv"><a href="#">' + (parseInt(idx) + 1) + '</a></div>';
			}	
	});

	$(".HeadImageSlider").hover(
		function(){
			if(animationComplete)
			{
				HeadImageSliderViewFlag=true;
				setTimeout("HeadImageSliderFadeIn()",500);
				HeadImageObj = this;
			}
		},
		function(){
			if(animationComplete)
			{
				HeadImageSliderViewFlag=false;
				setTimeout("HeadImageSliderFadeOut()", 500);
			}
	});

	$('#logo, #basket').hover(
		function(event){
			if(event.relatedTarget.className == 'HeadImagePreview' || event.relatedTarget.className == 'HeadImage' || event.relatedTarget.className == 'HeadImageDiv')
			{
				HeadImageSliderViewFlag = true;
			}

		},
		function(event){
			if(animationComplete)
			{
				HeadImageSliderViewFlag=false;
				setTimeout("HeadImageSliderFadeOut()", 200);
			}
	});

	sid = document.getElementsByName("sid")[0].value;
	$(".HeadImageSlider").children("table").find("img").addClass("HeadImagePreview");
	$(".HeadImageDiv").find("img").addClass("HeadImage");
	$(".HeadImageDiv").css("opacity", "0");
	$("#HeadArea").css("backround-image", "none");
	$("#HeadImageSlider").css("display", "block");
});

function HeadImageSliderFadeIn()
{
	animationComplete = false;
	if(HeadImageSliderViewFlag)
	{
		$("#HeadImageSlider").cycle("pause");
		$('#HeadArea').css('z-index', '1000');
		$(HeadImageObj).css('z-index', '1000');
		$("#HeadImageSlider").animate({height: $(HeadImageObj).find(".HeadImageDiv").height() + 'px'},500,"linear");
		$(HeadImageObj).find('.HeadImagePreview').animate({opacity: 0},500,"linear", function(){
			if(HeadImageSliderViewFlag)
			{
				$(this).css("display","none");
			}
			animationComplete = true;
		});
		$(HeadImageObj)
			.find('.HeadImageDiv')
			.animate({opacity: 1},500,"linear", function(){
				animationComplete = true;
			});

	}
	else
	{
		animationComplete = true;
	}
}

function HeadImageSliderFadeOut()
{
	animationComplete = false;
	if(!HeadImageSliderViewFlag)
	{
		$("#HeadImageSlider").animate({height: '133px'},500, "linear", function(){
			$("body").append("<div id='overflowDiv' style='height: 500px; width: 2000px; position: absolute; top: 0; overflow: hidden;'></div>");
			$("#overflowDiv").remove();
		});
		$(HeadImageObj).find('.HeadImagePreview').css({display: 'block'});
		$(HeadImageObj).find('.HeadImagePreview').animate({opacity: 1},500,"linear", function(){
			animationComplete = true;
		} );
		$(HeadImageObj).find('.HeadImageDiv').animate({opacity: 0},500,"linear", function(){
			animationComplete = true;
			$(HeadImageObj).css('z-index', '5');
			$('#HeadArea').css('z-index', '100');
		});
		$("#HeadImageSlider").cycle("resume");
		HeadImageSliderViewFlag=false;
	}
	else
	{
		animationComplete = true;
	}
}

//args=>{folderID: "", coID: "", millieu: "", artikelid: "", rubrikName: "", SalesArticleNo: "", ColorCode: "", SizeCode: ""}

function followLink2Article(args)
{
	var SalesArticleNo = "";
	var ColorCode = "";
	var SizeCode = "";
	
	if(args.SalesArticleNo.length > 0) SalesArticleNo = "%3CSalesArticleNo%3E" + SalesArticleNo + "%3C/SalesArticleNo%3E";
	if(args.ColorCode.length > 0) ColorCode = "%3CColorCode%3E" + ColorCode + "%3C/ColorCode%3E";
	if(args.SizeCode.length > 0) SizeCode = "%3CSizeCode%3E" + SizeCode + "%3C/SizeCode%3E";
	
	window.location.href= "/show/activeSITE.asp?p=%3Cfolder%20id=%22"+args.folderID+"%22%3E%3C/folder%3E%3Cslot%20name=%22content%22%3E%3Cco%20id=%22"+args.coID+"%22%3E%3C/co%3E%3C/slot%3E%3Cat%3E%3Cmillieu%3E"+args.millieu+"%3C/millieu%3E%3CArtikelid%3E"+args.artikelid+"%3C/Artikelid%3E" + SalesArticleNo + ColorCode + SizeCode + "%3C/at%3E%3CRubrikName%3E"+args.rubrikName+"%3C/RubrikName%3E" ;
	return false;
}