$(document).ready( function(){


	$('header #menu li').hover( function(){
		//id = $(this).attr('id');
		$(this).css('backgroundImage','images/glifo_.png');
	}, function() {
		$(this).css('backgroundImage','images/glifo.png');
	});

	$('#header #menu .press ').css('backgroundImage','images/glifo.png');
	
	
	$('#slide_back').hide();
	$('#slide_pass').click(function(){
		setTimeout('hidePass()',200);
		if( $('#scroll').css('right') <= '9177'  ) {
			$('#slide_pass').show(); $('#slide_back').show();	
			$('#slide #scroll').animate({
				right: '+=437'
			  },{ queue:false, duration:100 }, function() {
				alert('ss');
				
			});
		} else {
			
		}
	});
	$('#slide_back').click(function(){
			setTimeout('hidePass()',200);
			varscroll = $('#scroll');	
			position = varscroll.position();
		if ( position.left != '0'  ) {
			$('#slide_pass').show(); $('#slide_back').show();	
			$('#slide #scroll').animate({
				right: '-=437'
			  },{ queue:false, duration:100 }, function() {
				
				
			});
		} else {
				
		}
	});
	var hover;
	
	$('header #menu li:not(.press)').hover(function() {
		$(this).animate({ backgroundColor: "#6E88A1", color: "#FFFFF" }, 100);
		hover = true;
	}, function(){
		$(this).animate({ backgroundColor: "#FFFFFF", color: "#6E88A1" }, 50);
		hover = false;
	});
	
	
	$('#main li .sl').hover(function() {
		var id = $(this).attr('id');
		$('#main li .sl#'+id+' small').animate({
		"opacity": 1
		},{queue:false,duration:300});
	}, function(){
		var id = $(this).attr('id');
		$('#main li .sl#'+id+' small').animate({
		"opacity": 0
		},{queue:false,duration:400});
	});
	
	

});




function hidePass(){
	varscroll = $('#scroll');
	position = varscroll.position();
	//alert($('#scroll').css('right'));
	
	if( $('#scroll').css('right') == '9177px' ) { 
		$('#slide_pass').hide();
	} else { 
		$('#slide_pass').show(); 
	} 
	if ( $('#scroll').css('right') == '0px' ) { $('#slide_back').hide(); } else { $('#slide_back').show(); }
}