/*-------------------------------------------------------------------------------------	
	*	@copyright:_________2009, Trost GmbH und Co. KG
	*	@link:______________http://www.trost.de
	*	@author:____________Jung v. Matt/Neckar
	*	@function:__________custom functions
	*	@version:___________1.2.7
	* 	@revision:__________$Revision: 13 $
	* 	@lastmodified:______$Date: 2009-04-24 09:58:41 +0200 (Fr, 24 Apr 2009) $
	*
-------------------------------------------------------------------------------------*/
/*------------------------------------------------
	*	Adding class to html-tag to hide sections 
		on page load without flickering
--------------------------------------------------*/
document.documentElement.className += " tr_JsLoad";

/*------------------------------------------------
	*	Browser sniffing
--------------------------------------------------*/
// Internet Explorer sniffing
var iESniff = jQuery.browser.msie;
var iEVersionSniff = jQuery.browser.version;
// IE6
if(iESniff && iEVersionSniff < 7)var iE6Sniff = true;

/*------------------------------------------------
	*	Fire all Functions which need to be 
		executed or initialized if DOM is loaded
--------------------------------------------------*/
jQuery(function(jQuery) {
				
	// Toggle form value text
	customEffects.tgFmVal();
	
	// Header combo box flyout
	customEffects.hdCoFlyOut();
	
	// Main navigation
	customEffects.mnFlyOut();
	
	// Sub navigation
	customEffects.snFlyOut();
	
	// Target group flyout
	customEffects.tgFlyOut();
	
	// Filter flyout
	customEffects.flFlyOut();
	
	// CSS workarounds
	customEffects.cssStyling();
	
	// Accordion
	jQuery('.accCont, .accNewsCont').simpleAccordion();
	
	// Image carousel
	jQuery("#trImgWheelCont").jCarouselLite({
		auto: 1000,
		speed: 1000,
		scroll: 1,
		easing: "easeOutQuad",
		btnNext: ".jBtnNext",
		btnPrev: ".jBtnPrev"
	});
	
	// Image galery
	if(jQuery(".elBoxSp #trImgGal").length > 0){
		jQuery("#trImgGalCont").jCarouselLiteGal({
			speed: 1000,
			scroll: 1,
			easing: "easeOutQuad",
			btnNext: ".jBtnNext",
			btnPrev: ".jBtnPrev",
			visible: 6
		});
	}
	else {
		jQuery("#trImgGalCont").jCarouselLiteGal({
			speed: 1000,
			scroll: 1,
			easing: "easeOutQuad",
			btnNext: ".jBtnNext",
			btnPrev: ".jBtnPrev",
			visible: 4
		});
	}
	
	// Select box styled
	if(jQuery(".fmSel").length) {
		jQuery(".fmSel").selectbox();
	}
	
	// Checkbox/Radio styled
	if(jQuery(".fmCheckBox" || ".fmRadio").length) {
		jQuery('input[type=checkbox],input[type=radio]').prettyCheckboxes();
	}
	
	// File upload field styled
	if(jQuery(".fmFile").length) {
		jQuery(".fmFile").filestyle({ 
			imageheight : 22,
			imagewidth : 92,
			width : 430
		});
	}
	
	// Resize form text area
	customEffects.fmAreaResize();
	
	// Sitemap equal columns
	$('#smSrd').equalHeights();
	
	// Load event again for delayed loading
	jQuery(function(jQuery) {
		// Automatic content height if page is smaller than viewport BETA (needs to be testet!!)
		if(!iESniff){ /* just for good browsers which can handle the onresize event correct. ie sucks... */
			customEffects.ctAutoHeight();
			onTotalPageLoad.pageResize();
		}
		
		// CSS styling on total page load
		onTotalPageLoad.cssStyling();
	});
	
	//if(iE6Sniff){
		//$(".selectbox-wrapper").prepend("<!--[if lte IE 6.5]><table><tr><td><iframe></iframe><![endif]-->");
		//$(".selectbox-wrapper").append("<!--[if lte IE 6]></td></tr></table><![endif]-->");
		//$(".ieIframe").append("<!--[if lte IE 6.5]><iframe></iframe><![endif]-->");
	//}
	
});


/*------------------------------------------------
	*	custom page effects
--------------------------------------------------*/
var customEffects = {
	
	/*--------------------------------------------------------------------------------*/
	/*-----|| Toggle Text in input fields on focus  ||--------------------------------*/
	/*--------------------------------------------------------------------------------*/
	tgFmVal:function () {
		// Function call if the text search field has been clicked (focused)
		var defValues = new Array();
		jQuery("input.fmTxtTg").focus(function() {
			if (!defValues[this.id]) {
				defValues[this.id] = this.value;
			}
			if (this.value == defValues[this.id]) {
				this.value = '';
			}
			jQuery(this).blur(function() {
				if (this.value == '') {
					this.value = defValues[this.id];
				}
			});
		});
		
	},
	
	/*--------------------------------------------------------------------------------*/
	/*-----|| Header combo box flyout  ||---------------------------------------------*/
	/*--------------------------------------------------------------------------------*/
	hdCoFlyOut:function () {

		var el, elFo, getBgPosLeft;

		jQuery("#ptLnLogin, #coLnChange").bind("click", function(){
			el = jQuery(this);
			elFo = el.next();
			
			if(el.attr("id") == "ptLnLogin"){
				getBgPosLeft = -322;
			} else {
				getBgPosLeft = -397;
			}
			
			// Call global closing if doc is clicked
			hdCoFlyOutClose();
			
			if(jQuery(".hdComboFo:visible").size()===0){ // if no flyout is open
				elFo.addClass("foActive").slideDown("fast");
				el.css({backgroundColor:"#62696f", color:"#FFF", backgroundPosition:getBgPosLeft+"px -44px"});
			} else { // if flyout is already open
				if(elFo.hasClass("foActive")){ // if clicked flyout is open
					elFo.removeClass("foActive").slideUp("fast", function(){
						el.css({backgroundColor:"transparent", color:"#333", backgroundPosition:getBgPosLeft+"px 0px"});
					});
				} else { // if other flyout is open
					jQuery(".hdComboFo:visible").removeClass("foActive").slideUp("fast", function() {
						if(el.attr("id") == "ptLnLogin"){
							jQuery(".hdComboFo").prev().css({backgroundColor:"transparent", color:"#333", backgroundPosition:-397+"px 0px"});
						} else {
							jQuery(".hdComboFo").prev().css({backgroundColor:"transparent", color:"#333", backgroundPosition:-322+"px 0px"});
						}
						elFo.addClass("foActive").slideDown("fast");
						el.css({backgroundColor:"#62696f", color:"#FFF", backgroundPosition:getBgPosLeft+"px -44px"});
					});
				}
			}
			
			return false;
			
		});
		
		// Hide FlyOut if clicked outside
		function hdCoFlyOutClose () {
			jQuery(document).bind("click", function(e) {
				var jQueryclicked=jQuery(e.target); // get the element clicked
				if(!(jQueryclicked.is(".hdComboFo") || jQueryclicked.prev().is("a"))){
					elFo.removeClass("foActive").slideUp("fast", function(){
						el.css({backgroundColor:"transparent", color:"#333", backgroundPosition:getBgPosLeft+"px 0px"});
					});
					jQuery(document).unbind("click");
				}
			});
		}
		
	},
	
	/*--------------------------------------------------------------------------------*/
	/*-----|| Main navigation ||------------------------------------------------------*/
	/*--------------------------------------------------------------------------------*/
	mnFlyOut:function () {
		var elId, delayOnLv0, delayOffLv0;
		
		// First of all, disable the fallback css menu behaviour
		var mnFB = jQuery("#mnFb");
		if (mnFB){
			mnFB.attr("rel", "alternate stylesheet");
			mnFB.attr("disabled", "disabled");
		}
		
		// Just for bugfixing IE6 when subnav lays over select box
		if(iE6Sniff) {
			//jQuery("#mnCont .mnFoCont").append("<!--[if lt IE 7]><iframe></iframe><![endif]-->");
		}
		
		// Here goes the mouseover event
		jQuery("#mnLv0 > li.lv0").bind("mouseenter focus", function(){
			var el = jQuery(this);

			elId = el.attr("id");
			
			// Gets values for repositioning the menu if screen is smaller
			var lnXPos = jQuery(this).offset(); // X-pos of link relative to left of page
			//var dcWidth = 976;
			var wdWidth = jQuery(window).width(); // Width of window
			var elWidth = 602 + lnXPos.left;
			
			// If the window is bigger than the width of the subnav
			if(wdWidth < elWidth){
				el.find("a.lv0").next().css({left:wdWidth-elWidth+"px"})
			}
			
			// Init AJAX function to give additional features to each sub item
			customEffects.ajaxFlyOutCall(elId);
			
			delayOnLv0 = setTimeout(function(){				
				if(el.find("a.lv0").next().length){ // if flyout exists
					el.find("a.lv0").stop().fadeTo("fast",0.0, function() {
						el.find("a.lv0").next().stop().slideDown("normal", "easeOutQuad");
						el.css({zIndex:850});
					});
				} else {
					el.find("a.lv0").stop().fadeTo("fast",0.0);
				}
			}, 200);

		})
		// Hover out, blur mainnav
		.bind("mouseleave", function(){
			var el = jQuery(this);
			
			clearTimeout(delayOnLv0);
			
			if(el.find("a.lv0").next().length){ // if flyout exists
				el.find("a.lv0").next().slideUp("fast",function() {
					el.find("a.lv0").stop().fadeTo("fast",1.0);
					el.css({zIndex:800});
				});
			} else {
				el.find("a.lv0").stop().fadeTo("fast",1.0);
			}
		});
	},
	
	/*--------------------------------------------------------------------------------*/
	/*-----|| Main navigation AJAX call ||--------------------------------------------*/
	/*--------------------------------------------------------------------------------*/
	ajaxFlyOutCall:function (elId) {
		var delayOn;
			
			jQuery("#"+elId+"").find("a.lv2").bind("mouseenter focus", function(){
				
				var el = jQuery(this);
				var elSubId = el.attr("id");
				
				if(elSubId){ // if flayout nav item has an ID the additional information gets visible

					delayOn = setTimeout(function(){
						
						// Fade in loading ani
						el.append(jQuery("#"+elId+"").find(".mnDetLoader"));
						jQuery("#"+elId+"").find(".mnDetLoader").fadeIn("normal",function(){
							jQuery.post("/Desktopmodules/Trost.CSSMenu/Callback.aspx", {tab: elSubId}, function(data){
								
								// if you get response, do something
								if(data.length >0) {
									
								if(data == "NO_DETAIL"){
									jQuery("#"+elId+"").find(".mnDetLoader").hide();
									return false;	
								}
									
								// Fade out loading ani
								jQuery("#"+elId+"").find(".mnDetLoader").fadeOut("normal", function() {
									jQuery("#"+elId+"").find(".mnFoDetCont").empty();
									// insert whole data
									jQuery("#"+elId+"").find(".mnFoDetCont").append(data);
									
									// Call it just one time
									if(!jQuery("#"+elId+"").find(".mnFoDet").hasClass("lv2Active")){
										// add class of active state
										jQuery("#"+elId+"").find(".mnFoDet").addClass("lv2Active");
										
										jQuery("#"+elId+"").find(".mnFoCont").animate({
											width:"600px"
										}, "fast",function() {
											// Fade in detail
											jQuery("#"+elId+"").find(".mnFoDet").show();
										});
									} 
									
									jQuery("#"+elId+"").find(".mnFoDetCont").show();
									
								});
								}
							});
						});
					}, 1000);
				
			}
	
			})
			// Hover out, blur
			.bind("mouseleave", function(){
				clearTimeout(delayOn);
			});
	},
	
		
	/*--------------------------------------------------------------------------------*/
	/*-----|| Sub navigation ||------------------------------------------------------*/
	/*--------------------------------------------------------------------------------*/
	snFlyOut:function () {
		
		// Inserts a-tag to enable keyboard-functionality
		jQuery("#snLv0 h2").each(function (i) {
			//if(!jQuery("#snLv0 h2:has(.snLv0)").length()){
			if(!jQuery(this).children().hasClass("snLv0")){
				jQuery(this).wrapInner("<a href='#'></a>");
			}
		});
		
		// Removes border on last item
		jQuery(".snLv1").each(function (i) {
			jQuery(this).find("li:last").css({borderBottom:"none"});
		});
		
		// Show/hide menu box in subnavigation on click
		jQuery("#snLv0 h2 > a:not('.snLv0')").bind("click", function(){
			// Switches classname to change bg-pos
			jQuery(this).parent().toggleClass("current");
			
			// Toggles slider
			jQuery(this).parent().next(".snLv1").slideToggle("fast");
			
			return false;
		});
	},
	

	/*--------------------------------------------------------------------------------*/
	/*-----|| Target group flyout ||--------------------------------------------------*/
	/*--------------------------------------------------------------------------------*/	
	tgFlyOut:function () {
		var el, elFo, delayOnLv0, delayOffLv0;
		jQuery("#mnTgCont").bind("mouseenter", function(){
			el = jQuery(this).find("#mnTgHd a");
			elFo = el.parent().next();
			delayOnLv0 = setTimeout(function(){
				el.stop().fadeTo("fast",0.0, function(){elFo.stop().slideDown("normal");}).addClass("tgActive");
			},200);
		}).bind("mouseleave", function(){
			el = jQuery(this).find("#mnTgHd a");
			elFo = el.parent().next();
			clearTimeout(delayOnLv0);
			elFo.slideUp("fast", function(){el.stop().fadeTo("fast",1.0).removeClass("tgActive")});
		})
		jQuery("#mnTgHd a").bind("click", function(){
			return false;
		});
	},
	
	
	/*--------------------------------------------------------------------------------*/
	/*-----|| Filter flyout ||--------------------------------------------------*/
	/*--------------------------------------------------------------------------------*/
	flFlyOut:function () {
		var el, elFo, elFoHeight;
		var elFlyDown = false;

		jQuery("#lnFilter").bind("click", function(){
			el = jQuery(this);
			
			if(el.next().is("#lnFoFilter")){
				elFo = el.next();
			} else {
				elFo = el.next().find("#lnFoFilter");
			}
			
			// Gets values for repositioning the flyout if screen is smaller
			var elHeight = el.outerHeight();
			var lnYPos = el.offset(); // Y-pos of link relative to left of page
				//lnYPos = lnYPos + elHeight;
			var scrollTop = jQuery(window).scrollTop(); // Vertical scroll position
			var wdHeight = jQuery(window).height(); // Height of window
				wdHeightTotal = wdHeight - scrollTop;
			var elFoHeight = elFo.outerHeight();
			var elFoHeightTotal = elFoHeight + lnYPos.top + elHeight;
			
			// If the window is bigger than the width of the subnav
			if(wdHeightTotal > elFoHeightTotal){
				elFlyDown = true;
			}
			// Else get the subnav position by subtracting the real needed element height with the window height
			else {
				elFlyDown = false;
			}
			
			// Call global closing if doc is clicked
			flFlyOutClose(elFoHeight);
			
			
			if(!el.hasClass("flActive")){
				el.addClass("flActive");
				el.css({backgroundPosition:"0 -40px", color:"#FFF"});
				if(elFlyDown){ // If y-screen is high enough
					elFo.slideDown("fast");
				} else {
					//elFo.css({top:"-33px", height:"0px", display:"block", borderTop:"1px solid #D1D1D1", borderBottom:"2px solid #E64215", overflow:"hidden"});
					elFo.wrap("<div id='lnFilterOut'></div>");
					elFo.css({position:"relative", top:elFoHeight+"px", display:"block", borderTop:"1px solid #D1D1D1", borderBottom:"2px solid #E64215"});
					jQuery("#lnFilterOut").css({height:elFoHeight+"px", top:-elFoHeight+"px"});
					
					elFo.animate({ 
						top:"-=" + (elFoHeight)
					}, "fast" );
				}
			} else {
				el.removeClass("flActive");
				if(elFlyDown){ // If y-screen is high enough
					elFo.slideUp("fast", function(){el.css({backgroundPosition:"0 0", color:"#666"});});
				} else {
					var cnt = jQuery("#lnFilterOut").contents();
					elFo.animate({ 
						top:"+=" + (elFoHeight)
					}, "fast",function(){elFo.hide().css({position:"absolute", top:"40px", display:"none", borderBottom:"1px solid #D1D1D1", borderTop:"2px solid #E64215"}); el.css({backgroundPosition:"0 0", color:"#666"}).next().replaceWith(cnt)});
				}
			}
			
			return false;
			
		});
		
		// Hide FlyOut if clicked outside
		function flFlyOutClose (elFoHeight) {
			jQuery(document).bind("click", function(e) {
				var jQueryclicked=jQuery(e.target); // get the element clicked

				if(!(jQueryclicked.is("#lnFilter") || jQueryclicked.is("#lnFoFilter") || jQueryclicked.is("#lnFilterOut"))){
					el.removeClass("flActive");
					if(elFlyDown){ // If y-screen is high enough
						elFo.slideUp("fast", function(){el.css({backgroundPosition:"0 0", color:"#666"});});
					} else {
						var cnt = jQuery("#lnFilterOut").contents();
						elFo.animate({ 
							top:"+=" + (elFoHeight)
						}, "fast",function(){elFo.hide().css({position:"absolute", top:"40px", display:"none", borderBottom:"1px solid #D1D1D1", borderTop:"2px solid #E64215"}); el.css({backgroundPosition:"0 0", color:"#666"}).next().replaceWith(cnt)});
					}
					jQuery(document).unbind("click");
				}
				
			});
			
		}
	},
	
	
	/*--------------------------------------------------------------------------------*/
	/*-----|| Content auto height BETA ||-------------------------------------------------------*/
	/*--------------------------------------------------------------------------------*/
	ctAutoHeight:function () {
		var wdHeight = jQuery(window).height(); // Height of viewport
		var dcHeight = jQuery("#dcCont").height(); // Height of document
		var hdHeight = jQuery("#hdCont").height(); // Height of header
		var mnHeight = jQuery("#mnCont").height(); // Height of mainnav
		var chHeight = jQuery("#chCont").height(); // Height of content header
		var ctOuterHeight = jQuery("#ctCont").outerHeight(); // Height of content
		var ctInnerHeight = jQuery("#ctCont").height(); // Height of content
		var ctHeight = jQuery("#ctCont .ct").height(); // Height of content
		var ftHeight = jQuery("#ftCont").height(); // Height of footer
		var ctTotalHeight = hdHeight + mnHeight + chHeight + ctHeight + (ctOuterHeight - ctInnerHeight) + ftHeight - 6;
		
		if(dcHeight < wdHeight){
			var restHeight = wdHeight - dcHeight;
			jQuery("#ctCont").css({height:ctInnerHeight + restHeight+"px"});
		} else if (dcHeight > wdHeight && ctTotalHeight < wdHeight){
			var restHeight =  dcHeight - wdHeight;
			jQuery("#ctCont").css({height:ctInnerHeight - restHeight+"px"});
		} else {
			jQuery("#ctCont").css({height:"auto"});
		}

	},
	
	/*--------------------------------------------------------------------------------*/
	/*-----|| Resize form text area ||-------------------------------------------------------*/
	/*--------------------------------------------------------------------------------*/
	fmAreaResize:function () {
		jQuery(".lnResize").bind("click focus", function(){
			var el = jQuery(this);
			var targetEl = el.parent().next().find(".fmArea");
			if(targetEl.height() <= 500){
				targetEl.animate({
					height:"+=100px"
				}, "fast");
			} else {
				el.css({color:"#999999"});
			}
			return false;
		});

	},
	
	
	/*--------------------------------------------------------------------------------*/
	/*-----|| CSS workarounds ||-------------------------------------------------------*/
	/*--------------------------------------------------------------------------------*/
	cssStyling:function () {
		jQuery(".mnLv2").each(function(e){
			jQuery(this).find("h3:first").css({paddingTop: "0px", borderTop: "none"});
		});
		
		jQuery(".accNewsCont .accDdCont:last").css({borderBottom: "none"});
		
		if(iE6Sniff){
			jQuery(".fmBtn input").bind("mouseenter", function(){
				if(jQuery(this).parent().parent().hasClass("btnGrey")){
					jQuery(this).css({backgroundPosition: "0 -100px", color:"#FFFFFF"});					 
				 } else {
					jQuery(this).css({backgroundPosition: "0 -20px", color:"#FFFFFF"});
				}
			}).bind("mouseleave", function(){
				if(jQuery(this).parent().parent().hasClass("btnGrey")){
					jQuery(this).css({backgroundPosition: "0 -80px", color:"#fce9e3"});					 
				 } else {
					jQuery(this).css({backgroundPosition: "0 0", color:"#fce9e3"});
				}
			});
		}
	}
}

/*------------------------------------------------
	*	custom page effects
--------------------------------------------------*/
var onTotalPageLoad = {
	/*--------------------------------------------------------------------------------*/
	/*-----|| Resize browser ||-------------------------------------------------------*/
	/*--------------------------------------------------------------------------------*/
	pageResize:function () {
		var currheight; 
		window.onresize = function() {
			if(currheight != document.documentElement.clientHeight){
				customEffects.ctAutoHeight();
			}
		}
	},
	
	/*--------------------------------------------------------------------------------*/
	/*-----|| CSS workarounds ||-------------------------------------------------------*/
	/*--------------------------------------------------------------------------------*/
	cssStyling:function () {
		if(iE6Sniff){
			jQuery(".selectbox-wrapper ul li").bind("mouseenter", function(){
				jQuery(this).addClass("selBoxHover");
			}).bind("mouseleave", function(){
				jQuery(this).removeClass("selBoxHover");
			});
			
		}
	}
}