$(document).ready(function() {
	// toggle the header part
	$(".extraWrapper a").click(function () {
		$activeClass = $(this).attr("class");		
		if ($(".toggleWrapper ." + $activeClass).hasClass("active") && $(".toggleWrapper ." + $activeClass).css("display") == 'block') {	
			$(".toggleWrapper .active").slideToggle("slow").toggleClass("active", false);
		} else {
			$(".toggleWrapper .active").slideToggle("slow").toggleClass("active", false);			
	
			$(".toggleWrapper ." + $activeClass).addClass("active");
			$(".toggleWrapper ." + $activeClass).slideToggle("slow");		
		}	
	})
	
	// close button toggles header part
	$('.toggleHeader a.close').click(function () {
		$(".toggleWrapper .active").slideToggle("slow").toggleClass("active", false);
	});

	// Freeze & member login
	// Freeze the document and shows pop up with user login
	// html for member login is in document, because of insert tags
	$(".clientAccess").click(function () {
		var docHeight = $(document).height();
		
		// Adds freeze element:
		$("<div class='freeze'></div>").appendTo('#top');
		$(".freeze").css('height', docHeight); 
		
		// Add popup element
		$(html).appendTo('#top');
		// Add into the pop up element the mod_login element
		$('.mod_login').clone().appendTo('.popup');
		$('.popup .mod_login').css("display","block");
		var positionTop = ( $(window).height() - $(".popup").height() ) / 2 + $(window).scrollTop();
		var positionLeft = ( $(window).width() - $(".popup").width() ) / 2 + $(window).scrollLeft();
		$(".popup").css("top", positionTop + "px");
		$(".popup").css("left", positionLeft + "px");	
		
		// Remove freeze and popup after clicking on freeze
		$(".freeze, .popup_close").click(function(){$('.freeze').remove(); $('.popup').remove();});
	});
});