// 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() {
	var mLoInnerPageWrap = $("#mLoInnerPageWrap");	
	var mLoContentWrap = mLoInnerPageWrap.find("#mLoContentWrap");

	// add pflichtext modalbox
	mLoInnerPageWrap.find("#footerWrap .footerApoOverlay .footerApoBlock .user-klproductsclient-pi2-mandatoryblockblock").pflichttextmodal();

	// Klosterfrau Products
	var klproduct = mLoContentWrap.find(".user-klproductsclient-pi1");  
	if (klproduct.length) {
		klproduct.find("a.tooltip").tooltip();
	
		var h3 = klproduct.find(".user-klproductsclient-pi1-detailview-L-accordion h3")
			.css("cursor", "pointer")
			.addClass("more");
    
		var ptag = h3.next("p");
		ptag.hide();
    
		h3.click(function () {
			ptag.slideToggle('slow');
		});
	}
	
	// Klosterfrau Group Extended Footer
	// selectmenu for unordered list
	var el = mLoInnerPageWrap.find('div#footerWrap div#footerApoWrap div#footerApoBlockBottom div#footerApoBlockBottomQuickfind ul');
	var header = el.prev("h5").remove();
	var lis = '<option class="parent" value="">' + header.text() + '</option>';
	el.children("li").each(function() {
		lis += '<option class="pdf-footer" value="' + $(this).find("a").attr("href") + '">' + $(this).text() + '</option>';
	});		
	var select = $('<select/>', {
		id: "user-klproductsclient-pi3-instruction_leaflet",
		name: "user-klproductsclient-pi3-instruction_leaflet",
		html: lis
	});		
	el.replaceWith(select);
	select.selectmenu({
		change: function(event, data) {
			if (data.value != "") window.location.href = data.value;
		},
		icons: [
			{find: '.pdf-footer', icon: 'ui-icon-document'},
			{find: '.parent', icon: 'ui-icon-folder-collapsed'}
		]
	});		
});