$(document).ready(function(){

// FOOTER SETTINGS //

	//Adjust panel height
	$.fn.adjustPanel = function(){ 
		$(this).find("ul, .subpanel").css({ 'height' : 'auto'});
		
		var windowHeight = $(window).height();
		var panelsub = $(this).find(".subpanel").height();
		var panelAdjust = windowHeight - 100;
		var ulAdjust =  panelAdjust - 25;
				
		if ( panelsub >= panelAdjust ) {
			$(this).find(".subpanel").css({ 'height' : panelAdjust });
			$(this).find("ul").css({ 'height' : ulAdjust});
		}
		else if ( panelsub < panelAdjust ) {
			$(this).find("ul").css({ 'height' : 'auto'});
		}
	};
	
	//Execute function on load
	$("#saved_items").adjustPanel();
	$("#bookmarks").adjustPanel();
	
	//Each time the viewport is adjusted/resized, execute the function
	$(window).resize(function () { 
		$("#saved_items").adjustPanel();
		$("#bookmarks").adjustPanel();
	});
	
	//Click event on Chat Panel + Alert Panel	
	$("#saved_items a:first, #bookmarks a:first").click(function() {
			if($(this).next(".subpanel").is(':visible')){
			$(this).next(".subpanel").hide();
			$(".button a").removeClass('active');
		}
		else { //if subpanel is not active...
			$(".subpanel").hide();
			$(this).next(".subpanel").toggle();
			$(".button a").removeClass('active');
			$(this).toggleClass('active');
		}
		return false;
	});
	
	//Click event outside of subpanel
	$(document).click(function() {
		$(".subpanel").hide();
		$(".button a").removeClass('active');
	});
	$('.subpanel ul').click(function(e) { 
		e.stopPropagation();
	});
	
	//Delete icons on Alert Panel
	$(".button ul li").hover(function() {
		$(this).find("a.delete").css({'visibility': 'visible'});
	},function() {
		$(this).find("a.delete").css({'visibility': 'hidden'});
	});
	
	// Delete item on pressing on alarm
	
	$(".button ul li a.delete").click(function() {
		$(this).parent().fadeOut();
	});

// END FOOTER SETTINGS //

// STARTS JOIN BUTTON

	$("a#join_the_network").click(function(){
		$("#join_div").slideToggle();
		$(this).toggleClass("active"); return false;
	});
	
// START MEGA MENU

	function addMega(){
	    
	    $(this).find('.mega_box').slideDown();
	    }
	
	function removeMega(){
	    
	    $(this).find('.mega_box').slideUp();
	    }
	
	var megaConfig = {
	     over: addMega,
	     timeout: 300,
	     out: removeMega
	};
	
	$('.mega').hoverIntent(megaConfig);

// END MEGAMENU

	$(".last_scroll").simplyScroll({
		speed: 5
	});
	
	$('.more').before('&nbsp;');
	
});