var COOKIE_NAME = 'changeFontSize';

$(document).ready(function () {
	$(document).bind('click', function(e) {
		var target = $(e.target);
		var li = target.closest("li.showsub");			
		var id = li.attr("id");
		var selected_id;
		
		if(id){
			if(id.indexOf("selected") != -1 ){
				selected_id = id;
			}else{
				selected_id = id + "_selected";
			}
		}

		li.attr("id", selected_id);
		
		$(li).addClass("active");
		
		if($("ul", li).children().length != 0)
			$("ul", li).addClass("show");


		if( target.closest("#toplevel").length < 1){
			removeActiveClass($("li.active"));
			$("ul", this).removeClass("show");
			return;
		}

		if ( target.parent().parent().is('span') ) {
			removeActiveClass(li.siblings('.active'));		
			li.siblings().find("ul.sublevel").removeClass("show");
		}
	});
	
	var fontSize = 	$.cookie(COOKIE_NAME);
	$('body').attr('class', fontSize);

	$('#normal_portal_font').click(function() {
		$('body').attr('class','font_normal');
		$.cookie(COOKIE_NAME, 'font_normal');
	});
	$('#medium_portal_font').click(function() {
		$('body').attr('class','font_medium');
		$.cookie(COOKIE_NAME, 'font_medium');
	});
	$('#large_portal_font').click(function() {
		$('body').attr('class','font_large');
		$.cookie(COOKIE_NAME, 'font_large');
	});
	
});	

function removeActiveClass(element){

	var activeLIid = element.attr('id');
	var newID;

	if(activeLIid && activeLIid.indexOf("_selected") != -1){
		newID = activeLIid.substring(0,activeLIid.indexOf("_selected"));
		element.attr("id", newID);
		element.removeClass('active');
	}
}