function showJSNavigation() {
	
	$("#main_items").hide();
	$("#main_navigation_btn").show();
	$("#main_navigation_btn a").click(function(){  return false; }); 
	
	$("#main_navigation_btn").click(
		function() {
			/*$("#main_navigation_btn ~ li").slideToggle('slow');*/
			$("#main_items").slideToggle('slow');
			return false;
		}		
	);
	
}

function hideJSNavigation() {
	
	$("#main_items").show();
	$("#main_navigation_btn").hide();
	$("#main_navigation_btn").unbind();
	
}

function switchVal(){
	return (2* boxLayout.COLWIDTH + 2 * boxLayout.COLMARGIN - 1);
}

var JSNavigationOn = new Boolean($(window).width() > switchVal());

function setNavigation(){
	
	if(JSNavigationOn == false && $(window).width() <= switchVal())
	{ // ---- mobile or small device
		showJSNavigation();
		JSNavigationOn = new Boolean(true);
	}else if(JSNavigationOn == true && $(window).width() > switchVal()){
		hideJSNavigation();
		JSNavigationOn = new Boolean(false);
	}
}

$(window).ready(function() {

	setNavigation();

}).resize(function() {
		
	setNavigation();
	
});