//breite des sidebars
var width = $("#sidebar").width();
//sidebar sichtbar
var sidebarVisible = false;
//sidebar bewegt sich gerade raus
var moveOutSidebar = false;
//aktueller content im sidebar
var currentSidebarContent;
//sidebar verstecken, beim laden der seite
$("#sidebar").css({left: -width});
$("#sidebar").show();
//content des sidebars ausblenden
$("#subAbout").hide();
$("#subContact").hide();
//$("#subContentOverlay").hide();


$("#subClose, #subContentOverlay").click(function()
{
	hideSidebar();
});

//sidebar leicht anzeigen bei rollover vom menü
function showSomePixelSidebar(){
			
	//nur bewegen wenn sidebar nicht gerade animiert wird und er bereits sichtbar ist
	if(moveOutSidebar == false && sidebarVisible == false)
	{				
		//var w = width - Math.abs($('#sidebar').position().left)+25;
		$('#sidebar').stop().css({left: -width});
		$('#sidebar').animate({"left": "+=25"},
		{
			duration: 150,
			easing: 'easeOutBack',
			complete: function() {
				//content des sidebars ausblenden
			}
		});	
	}	
}

//sidebar verstecken bei rollout vom men�
function hideSomePixelSidebar(){
	//nur bewegen wenn sidebar nicht gerade animiert wird und er bereits sichtbar ist
	if(moveOutSidebar == false && sidebarVisible == false)
	{
		$('#sidebar').stop().css({left: -width});
	}
}

//sidebar rausschieben, menu slideshow schieben
function hideSidebar(){
		
	//nur bewegen wenn sidebar nicht gerade animiert wird und er bereits sichtbar ist
	if(!$("#sidebar").is(":animated") && sidebarVisible == true)
	{				
		$("#subContentOverlay").fadeOut();
		$("#menu > li >  a").removeClass("activeMenu");
		$('#sidebar').animate({"left": "-="+width+""},
		{
			duration: 500,
			easing: 'easeOutExpo',
			complete: function() {
				sidebarVisible = false;
				//content des sidebars ausblenden
				currentSidebarContent.hide();
			}
		});	
	}	
	
	currentMainMenu = "";
}

//sidebar reinschieben
function showSidebar(content)
{	
	moveOutSidebar = true;
	//aktuellen content im sidebar ausblenden
	//beim initieren der seite ist es undefined
	if(currentSidebarContent != undefined) { currentSidebarContent.hide()} ;
	
	//content des sidebars zeigen
	$("#"+content).fadeIn();
	currentSidebarContent = $("#"+content);
		
	//nur bewegen wenn sidebar nicht gerade animiert wird und er nicht bereits sichtabr ist
	if(!$("#sidebar").is(":animated") && sidebarVisible == false)
	{
		$("#subContentOverlay").fadeTo(600, 0.6);
		var w = width;
		$('#sidebar').animate({"left": "+="+w+""},
		{
			duration: 1000,
			easing: 'easeOutExpo',
			complete: function() {
				sidebarVisible = true;
			}
		});
	}
}