var newX;
var newAlign;
var newWidth;

var originalID;
var originalSubitem;
var originalX;
var originalAlign;
var originalWidth;

var otherSubmenuLoaded	=	false;

function openSubMenu(ID,currentSubitem,x_pos,alignment,currWidth){
	newX				=	x_pos;
	newAlign			=	alignment;
	newWidth			=	currWidth;
	otherSubmenuLoaded	=	true;
	
	ajaxpage(siteRoot+'/show_submenu.php?ID='+ID+'&currentSubitem='+currentSubitem, 'SubMenuItems',SubmenuLoaded);
	positionMenus()
}

function SubmenuLoaded(){
	Cufon.replace('#submenu',{ fontFamily:'museo'});
}

function positionMenus(){
	$(".tabje").css({'display': 'inline'});
	if(newAlign == 'left'){
		$("#SubMenuItems").stop(false,true).animate({'left': newX+195}, 100);
		//$("#SubMenuItems").animate({'right': 0}, 100);
		//$("#SubMenuItems").css({'left': newX+195 +'px'});
		$("#SubMenuItems").css({'right': 'auto'});	
		//$(".tabje").stop(false,true).animate({'left': newX-10 - (newWidth/20)}, 100);
		$(".tabje").css({'right': 'auto'});
		$(".tabje").css({'left': newX-10 - (newWidth/20)});
	}else{
		//$("#SubMenuItems").animate({'left': auto}, 1500);
		$("#SubMenuItems").css({'left': 'auto'});
		$("#SubMenuItems").stop(false,true).animate({'right': newX+10}, 100);
		//$("#SubMenuItems").css({'left': 'auto'});
		//$("#SubMenuItems").css({'right': newX-185 +'px'});
		
		$(".tabje").css({'left': 'auto'});
		$(".tabje").css({'right': newX-10 - (newWidth/20)});
	}
	//$(".tabMidden").stop(false,true).animate({'width': newWidth}, 100);
	$(".tabMidden").css({'width': newWidth});
}

function restoreSubmenu(){
	if(otherSubmenuLoaded){
		newX				=	originalX;
		newAlign			=	originalAlign;
		newWidth			=	originalWidth;
		otherSubmenuLoaded	=	false;
		
		ajaxpage(siteRoot+'/show_submenu.php?ID='+originalID+'&currentSubitem='+originalSubitem, 'SubMenuItems',SubmenuLoaded);
		positionMenus()
	}
}

function setOriginal(ID,currentSubitem,x_pos,alignment,currWidth){
	if(alignment == 'left'){
		$("#SubMenuItems").css({'left': x_pos+195 +'px'});
		$("#SubMenuItems").css({'right': 'auto'});
	}else{
		$("#SubMenuItems").css({'left': 'auto'});
		$("#SubMenuItems").css({'right': x_pos-185 +'px'});
	}
	
	originalSubitem	=	currentSubitem;
	originalID		=	ID;
	originalX		=	x_pos;
	originalAlign	=	alignment;
	originalWidth	=	currWidth;
	
	newX			=	x_pos;
	newWidth		=	currWidth
	newAlign		=	alignment;
	positionMenus()
}

function showSitemap(){
	if($("#sitemap").css('bottom')== '-20px'){
		$("#sitemap").animate({'bottom': 300},	1000);
	}else{
		$("#sitemap").stop(false,true).animate({'bottom': -20},	1000);
	}
}