// Skin Specific JS goes here. The jQuery library has already been loaded by the core templates. So if you use jQuery, you are ready to go.

$(function() {
	// get some elements
	var mLoPageWrap = $("#mLoPageWrap");
	var mLoHeader = mLoPageWrap.find("#mLoHeader");		
	var mLoOuterContentWrap = mLoPageWrap.find("#mLoOuterContentWrap");	
	var mLoContentWrap = mLoOuterContentWrap.find("#mLoContentWrap");	

// menu animations
	var globalMenuLis = mLoHeader.find("ul#globalMenu li");
	var subMenu = mLoOuterContentWrap.find("#globalMenuSub ul");
	var originalSub = subMenu.html();
	var timer = null;
	var timerHover = null;
	var activeIndex = globalMenuLis.filter(".open").index();
	var originalIndex = activeIndex;
	var speedAni = 250;
	var speedTimer = 1500;
	var speedHoverTimer = 250;
	// triggers 
	globalMenuLis.hover(
		function(){
			window.clearTimeout(timer);
			var el = $(this);
			currentIndex = el.index();
			var sub = el.children("ul");
			if (activeIndex != currentIndex && sub.length) {
				timerHover = window.setTimeout(function() {
					subMenu.fadeOut(speedAni, function(){
						activeIndex = currentIndex;
						subMenu.html(sub.html())
						subMenu.fadeIn(speedAni);
					});		
				}, speedHoverTimer);	
			}
		},
		function(){
			fadeToOriginal();
		}
	);
	// do not change sub menu when users hovers
	subMenu.hover(
		function(){
			window.clearTimeout(timer);
			window.clearTimeout(timerHover);
		},
		function(){				
			fadeToOriginal();
		}
	);
	// show oiginal submenu with delay
	function fadeToOriginal() {
		window.clearTimeout(timer);
		if (originalIndex != activeIndex) {
			timer = window.setTimeout(function() {
				subMenu.fadeOut(speedAni, function() {
					activeIndex = originalIndex;
					subMenu.html(originalSub).fadeIn(speedAni);
				});		
			}, speedTimer);	
		}
	}
	
// Klosterfrau Products	
	var klproduct = mLoContentWrap.find(".user-klproductsclient-pi1");  
	if (klproduct.length) {
				
		// slide contents
		var headline = klproduct.find(".user-klproductsclient-pi1-detailview-L h3.slide").wrapInner('<a href="#nogo" />');    
		headline.each(function(index){
			var link =  $(this).find("a");
			var div = $(this).next("div");
			// do not hide first element
			div.hide();    
			$(this).click(function () {
				link.toggleClass("active");
				div.slideToggle('slow');
				return false;
			});
		});
		// open first
		$(headline[0]).click();
	}
	
// active accordion
	mLoPageWrap.find(".accordion").each(function(){
		$(this).children("div.csc-default").each(function(i, csc) {
			var el = $(csc).find("h1, h2").first();
			var link = "http://" + location.host + location.pathname + "#" + $(csc).attr("id");
			$(csc).before(el.wrapInner('<a href="' + link + '" />'));			
		});			
	})
	.accordion({
		navigation: true,
		autoHeight: false
	});

// Klosterfrau Group Extended Footer
	// selectmenu for unordered list
	var uList = mLoPageWrap.find('div#footerWrap div#footerApoBlockBottom div#footerApoBlockBottomQuickfind ul');
	var header = uList.prev("h5").remove();
	var lis = '<option class="parent" value="">' + header.text() + '</option>';
	uList.children("li").each(function(index2) {
		lis += '<option class="pdf2" value="' + $(this).find("a").attr("href") + '">' + $(this).text() + '</option>';
	});		
	var select = $('<select/>', {
		// id: uList.attr("id"),
		id: uList.attr("class"),
		name: uList.attr("id"),
		html: lis
	});		
	uList.replaceWith(select);
	select.selectmenu({
		maxHeight: 150,
		change: function(event, data) {
				if (data.value != "") window.open (data.value);
			},
		icons: [
			{find: '.pdf2', icon: 'ui-icon-document'},
			{find: '.parent', icon: 'ui-icon-folder-collapsed'}
		]
	});	
	
	
// makes quick searchbar more quick to use :-)
	// var quickSearch = mLoHeader.find("form#searchform input.quicksearch_searchfield");
	// var quickSearchValue = quickSearch.val();
	// quickSearch.bind("focus blur", function() {
		// if ($(this).val() == quickSearchValue) $(this).val("");
		// else if ($(this).val() == "") $(this).val(quickSearchValue);
	// });	
});