/* Javascript Document for Handle Creativ Art - Werbeagentur */
/*
	created by: Klaus Hoermann <klaus@3b-solutions.net>
	created for: Handle Creativ Art - Werbeagentur
	Client: Handle Creativ Art - Werbeagentur
	Description: Contains all JQuery stuff for the basic root template.
	 This means for the topmenu, mainmenu, header image cycles, collapsible
	 pannels (contact and newsletter), and scroll to top function.
	Copyright: (C) 3B-Solutions Klaus Hoermann 2009
*/

// jQuery's noConflict mode is used instead of the $
var J = jQuery.noConflict();

/* pageflip timing */
var smoothness = 10; // lower is smoother, but slower [recommended 10]
var flipTime = 1000; // in ms [recommended 1000]

/* when the document is ready */
jQuery(document).ready(function()
{	
	//------------------------------------------------------------------
	// SIDEBAR NEWSLETTER CPE
	var newsletterCookie = J.cookie("newsletterCookie");
	
	if(newsletterCookie == null)
	{
		J("#contentleftnewsletter div.cpebody").hide();		
		newsletterCookie = "closed";
	}
	else
	{
		if(newsletterCookie == "closed")
			J("#contentleftnewsletter div.cpebody").hide();
		else
		{
			J("#contentleftnewsletter div.cpeheader").toggleClass("active");
		}
	}
	
	J("#contentleftnewsletter div.cpeheader")
		.hover
		(
		 	// over
		 	function() { J(this).css("cursor", "pointer"); },
			// out
			function() { J(this).css("cursor", "default"); }
		)
		.click(function() 
		{ 
			J("#contentleftnewsletter div.cpebody").slideToggle(600);
			J(this).toggleClass("active");
			
			if(newsletterCookie == "closed")
				newsletterCookie = "open";
			else
				newsletterCookie = "closed";
			J.cookie("newsletterCookie", newsletterCookie, { path: "/"});
		});
	
	
	//------------------------------------------------------------------
	// SIDEBAR LINKS CPE
	var linksCookie = J.cookie("linksCookie");
	
	if(linksCookie == null)
	{
		J("#contentleftlinks div.cpebody").hide();		
		linksCookie = "closed";
	}
	else
	{
		if(linksCookie == "closed")
			J("#contentleftlinks div.cpebody").hide();
		else
		{
			J("#contentleftlinks div.cpeheader").toggleClass("active");
		}
	}
	
	J("#contentleftlinks div.cpeheader")
		.hover
		(
		 	// over
		 	function() { J(this).css("cursor", "pointer"); },
			// out
			function() { J(this).css("cursor", "default"); }
		)
		.click(function() 
		{ 
			J("#contentleftlinks div.cpebody").slideToggle(600);
			J(this).toggleClass("active");
			
			if(linksCookie == "closed")
				linksCookie = "open";
			else
				linksCookie = "closed";
			J.cookie("linksCookie", linksCookie, { path: "/"});
		});
	
	
	//------------------------------------------------------------------
	// SIDEBAR CONTACT CPE
	
	var contactCookie = J.cookie("contactCookie");	

	if(contactCookie == null)
	{
		J("#contentleftcontact div.cpebody").hide();
		contactCookie = "closed";
	}
	else
	{
		if(contactCookie == "closed")
			J("#contentleftcontact div.cpebody").hide();
		else
		{
			J("#contentleftcontact div.cpeheader").toggleClass("active");
		}
	}
	
	J("#contentleftcontact div.cpeheader")
		.hover
		(
		 	// over
		 	function() { J(this).css("cursor", "pointer"); },
			// out
			function() { J(this).css("cursor", "default"); }
		)
		.click(function() 
		{ 
			J("#contentleftcontact div.cpebody").slideToggle(600);
			J(this).toggleClass("active");
			
			if(contactCookie == "closed")
				contactCookie = "open";
			else
				contactCookie = "closed";
			J.cookie("contactCookie", contactCookie, { path: "/"});
		});	
	

	//------------------------------------------------------------------
	// TOPMENU
	J("#topmenubar li a").hover
	(
	 	// over
		function()
		{
			// get source image name, and prefix (without extension)
			var iconName = J(this).children("img").attr("src");
			var origin = iconName.split(".png")[0];
			
			// Set source of over image
			//J(this).children("img").attr({src: "" + origin + "Over.png"});
			
			// animate the link
			J(this).animate({width:"120px"}, {queue:false, duration:"normal"});
			
			// animate the span with the text
			J(this).children("span").animate({opacity: "show"}, "fast");			
		},
		// out
		function()
		{
			var iconName = J(this).children("img").attr("src");
			var origin = iconName.split("Over.")[0];
			//J(this).children("img").attr({src: "" + origin + ".png"});
			J(this).animate({width:"25px"}, {queue:false, duration:"normal"});
			J(this).animate("span").animate({opacity:"hide"}, "fast");
		}
	);
	
	//------------------------------------------------------------------
	// MAIN MENU	
	J("ul.mainnav li a").hover
	(
	 	// 
	 	function() 
		{ 
			//Drop down the subnav on click
			J(this).parent().find("ul.subnav").stop().slideDown("3000").show("2500", function()
			{
				J(this).height("auto");
			}); 

			//When the mouse hovers out of the subnav, move it back up
			J(this).parent().hover
			(
			 	// over
		 		function() {}, 
				// out
				function()
				{	
					J(this).parent().find("ul.subnav").stop().slideUp("2500")
				}
			);

		//Following events are applied to the trigger (Hover events for the trigger)
		}
	)
	.hover
	(
	 	// over
	 	function() { J(this).addClass("subhover"); }, 
		// out
		function(){	J(this).removeClass("subhover"); }
	);
	

	//------------------------------------------------------------------
	// HEADER IMAGE
	J("#headerimage").cycle({fx:"fade", speed:2500});


	//------------------------------------------------------------------
	// SCROLL TO TOP
	J("#toTop").scrollToTop({speed:1000,ease:"easeInOutQuad"});
});