// Author: sebastian-thoene.de

jQuery(document).ready(function () {
		
	var so_width		= 1024;
	var so_height 		= 378;
	var so_imgpath		= "http://waterdream-wasserbetten.de/templates/Nachtshop/img/sliding-offer/nachtkonzept-shop-sliding-offer.png";
	var so_posTop		= 0;
	var so_posLeft		= 0;
	var so_reeledOut	= false;
	var so_countItems 	= 0; // do not change by hand
	var so_prefix 		= "http://waterdream-wasserbetten.de";
	
	function determineOffset (){
		so_posTop = (jQuery(window).height() - so_height) / 2;
		so_posLeft = -985;
	}
	
	function slidingOfferToggle (){
		var slidingOfferOffset = jQuery("#sliding-offer-toggle").offset ();
		var reelOutReducer = 0;
		if (so_countItems == 3){
			reelOutReducer = 224;
		}
		else if (so_countItems == 2){
			reelOutReducer = 468;
		}
		else if (so_countItems == 1){
			reelOutReducer = 712;
		}
		if (so_reeledOut){
			jQuery("#sliding-offer").animate({
			"left" : so_posLeft + "px"
            },
			300,
			"linear");
			jQuery("#sliding-offer-toggle").animate({
			"left" : slidingOfferOffset.left - so_width + 45  + reelOutReducer + "px"
            },
			300,
			"linear");
			so_reeledOut = false;
			jQuery("#sliding-offer").css ({
				"background-position" 	: "top"
			});
			jQuery(".so-fog").remove ();
		}
		else{
			jQuery("#sliding-offer").animate({
			"left" : (so_posLeft + so_width - 45 - reelOutReducer) + "px"
            },
			300,
			"linear");
			jQuery("#sliding-offer-toggle").animate({
			"left" : (slidingOfferOffset.left + so_width - 45 - reelOutReducer) + "px"
            },
			300,
			"linear");
			so_reeledOut = true;
			jQuery("#sliding-offer").css ({
				"background-position" 	: "bottom"
			});
			jQuery("#sliding-offer").css({
				"z-index"				: "1000"
			});
			jQuery("body").append ("<div class=\"so-fog\"></div>");
			jQuery(".so-fog").css({
				"position"				: "absolute",
				"top"					: "0",
				"left"					: "0",
				"z-index"				: "999",
				"width"					: jQuery(document).width() + "px",
				"height"				: jQuery(document).height() + "px",
				"background-color"		: "#505050",
				"background"			: "rgb(0, 0, 0)",
				"background"			: "rgba(0, 0, 0, 0.6)",
				"filter"				: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)",
				"-ms-filter"			: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)",
				"cursor"				: "pointer"
			});
			jQuery(".so-fog").click (function (){
				slidingOfferToggle();
			});
		}
	}
	
	if (jQuery("#sliding-offer").length > 0){

		determineOffset ();
		function setStyles () {			
			jQuery("div#sliding-offer div.sliding-offer-product").css({
				"width"			: "224px",
				"height"		: "320px",
				"float"			: "right",
				"margin-top"	: "28px",
				"margin-left"	: "14px",
				"background"	: "url('http://waterdream-wasserbetten.de/templates/Nachtshop/img/main/hg-ed-mt.gif') no-repeat scroll 0 0 transparent"
			});
			jQuery("div#sliding-offer div.sliding-offer-product div.image").css({
				"background"	: "#FFFFFF",
				"padding"		: "2px",
				"width"			: "208px",
				"height"		: "128px",
				"border"		: "1px #C4C4C4 solid",
				"margin-left"	: "5px",
				"margin-top"	: "5px"
			});
			jQuery("div#sliding-offer div.sliding-offer-product div.title").css({
				"margin"		: "5px"
			});
			jQuery("div#sliding-offer div.sliding-offer-product div.title a").css({
				"font-weight"	: "bold",
				"color"			: "#478DC7"
			});
			jQuery("div#sliding-offer div.sliding-offer-product div.teaser").css({
				"margin"		: "5px",
				"height"		: "112px"
			});
			jQuery("div#sliding-offer div.sliding-offer-product div.price").css({
				"margin-top"	: "5px",
				"margin-right"	: "5px",
				"margin-bottom"	: "2px",
				"text-align"	: "right",
				"font-weight"	: "bold"
			});
			jQuery("div#sliding-offer div.sliding-offer-product div.so-more").css({
				"margin-right"	: "5px",
				"text-align"	: "right",
				"color"			: "#478DC7"
			});
		}
		jQuery("#sliding-offer").css ({
			"width"			: (so_width - 69) + "px",
			"height" 		: so_height + "px",
			"background" 	: "url(" + so_imgpath + ") no-repeat",
			"position" 		: "fixed",
			"top"			: so_posTop + "px",
			"left"			: so_posLeft + "px",
			"padding-right"	: "68px"
		});
		
		jQuery("#sliding-offer").hide();
		
		jQuery.ajax({
	        url: 'http://' + location.host + '/templates/Nachtshop/sliding-offer.php',
	        type: 'GET',
	        dataType: 'xml',
	        success: function (xml) {
	        	var xml = jQuery(xml);
	            xml.find('product').each(function() {
	            	var name 	= jQuery(this).find("name").text();
	            	var desc 	= jQuery(this).find("description").text();
	            	var price	= jQuery(this).find("price").text();
	            	var image	= jQuery(this).find("image").text();
	            	var link	= jQuery(this).find("link").text();
					jQuery("#sliding-offer").append ("\
						<div class=\"sliding-offer-product\">\
							<div class=\"image\"><a href=\"" + link + "\"><img src=\"" + image + "\" alt=\"" + name + "\ produktbild\"  /></a></div>\
							<div class=\"title\"><a href=\"" + link + "\">" + name + "</a></div>\
							<div class=\"teaser\">" + desc + "</div>\
							<div class=\"price\"><a href=\"" + link + "\">" + price + "</a></div>\
							<div class=\"so-more\"><a href=\"" + link + "\">zum Angebot</a></div>\
						</div>");
					so_countItems += 1;
				});
				jQuery("#sliding-offer").show();
	        },
	        error: function (error) {
	            //alert(error);
	        }
    	});
		
		jQuery("#sliding-offer").append ("<div id=\"sliding-offer-toggle\"></div>");
		jQuery("#sliding-offer-toggle").css ({
			"height"				: "134px",
			"width"					: "36px",
			"position"				: "fixed",
			"left"					: (so_posLeft + so_width - 45) + "px",
			"top"					: (so_posTop + (so_height / 2) - (136 / 2)) + "px",
			"cursor"				: "pointer"
		});
		jQuery("#sliding-offer-toggle").click (function () {
			slidingOfferToggle();
			setStyles();
		});
		jQuery(window).resize(function() {
			jQuery("#sliding-offer").css ({
				"top"				: ((jQuery(window).height() - so_height) / 2) + "px"
			});
		});
		
	}
});