var leftOpen = false;
var rightOpen = false;
$(document).ready(function(){		
	$('#slideTriggerLeft').click(function(){
		if(rightOpen)
		{
			$('#rightover').animate({left: '+=442'},1,function(){
				$('#rightover').removeClass('levelTwo').addClass('levelOne')
			});
			rightOpen = false
		} 
		
		if(leftOpen)
		{
			$('#leftover').animate({left: '-=442'},600,function(){
				$('#leftover').removeClass('levelTwo').addClass('levelOne')
			});
			leftOpen = false
		} else {
			$('#leftover').removeClass('levelOne').addClass('levelTwo').animate({left: '+=442'},600);
			leftOpen = true
		}	
		
		// hide trigger
		
		$('#slideTriggerLeft').hide(200);
	});
	
	$('#slideTriggerRight').click(function(){
		if(leftOpen)
		{
			$('#leftover').animate({left: '-=442'},1,function(){
				$('#leftover').removeClass('levelTwo').addClass('levelOne')
			});
			leftOpen = false
		} 
		
		if(rightOpen)
		{
			$('#rightover').animate({left: '+=442'},600,function(){
				$('#rightover').removeClass('levelTwo').addClass('levelOne')
			});
			
			
			rightOpen = false
		} else {
			$('#rightover').removeClass('levelOne').addClass('levelTwo').animate({left: '-=442'},600);
			rightOpen = true
		}	
		
		$('#slideTriggerRight').hide(200);
	});
	
	$('#slideTriggerLeftBottom').click(function(){
		if(rightOpen)
		{
			$('#rightover').animate({left: '+=442'},1,function(){
				$('#rightover').removeClass('levelTwo').addClass('levelOne')
			});
			rightOpen = false
		} 
		
		if(leftOpen)
		{
			$('#leftover').animate({left: '-=442'},600,function(){
				$('#leftover').removeClass('levelTwo').addClass('levelOne')
			});
			leftOpen = false
		} else {
			$('#leftover').removeClass('levelOne').addClass('levelTwo').animate({left: '+=442'},600);
			leftOpen = true
		}	
		
		$('#slideTriggerLeft').show(200);
	});
	
	$('#slideTriggerRightBottom').click(function(){
		if(leftOpen)
		{
			$('#leftover').animate({left: '-=442'},1,function(){
				$('#leftover').removeClass('levelTwo').addClass('levelOne')
			});
			leftOpen = false
		} 
		
		if(rightOpen)
		{
			$('#rightover').animate({left: '+=442'},600,function(){
				$('#rightover').removeClass('levelTwo').addClass('levelOne')
			});
			
			
			rightOpen = false
		} else {
			$('#rightover').removeClass('levelOne').addClass('levelTwo').animate({left: '-=442'},600);
			rightOpen = true
		}	
		
		$('#slideTriggerRight').show(200);
	});
});