// JavaScript Document
$(document).ready(function() {
						   
	$('div.start-menu a.menu').hide();
			
	$('#psStartfoto').hide();
	$('#psStartfoto').fadeIn(2000);
	
	$('#bottom-menu').hide();
	$('#bottom-menu').fadeIn(800);
	$('#bottom-menu .start-menu').animate({ opacity: 0.75}, 'slow' );
	$('#bottom-menu .start-menu-selected').animate({ opacity: 0.75}, 'slow' );
	
	$("#bottom-menu .start-menu").hover(
		function () {
		$(this).children()[1].src=$(this).children()[1].src.replace(/dispsnavi/g,"psnavi");
		$(this).animate({ opacity: 1}, 850 );
		},
		function () {
		$(this).children()[1].src=$(this).children()[1].src.replace(/psnavi/g,"dispsnavi");
		$(this).animate({ opacity: 0.75}, 850 );
	});
	
	   //When mouse rolls over
    $("#top-menu div.start-menu").mouseover(function(){
        $(this).stop().animate({height:'158px'},{queue:false, duration:600, easing: 'easeOutQuad'});
		/* $("this:parent > div.menu-content").show();*/
		/*$("~ div.menu-content", this).show(); */
		$(this).children('a.menu').show(); 
    });

    //When mouse is removed
    $("#top-menu div.start-menu").mouseout(function(){
        $(this).stop().animate({height:'51px'},{queue:false, duration:600, easing: 'easeOutQuad'});
		/*$("~ div.menu-content", this).hide();*/ 
		$(this).children('a.menu').hide();
    });
	
	//muel
	
	$('#top-menu ul li a span').hover(function() {
    $(this).addClass('menu-hover');
  	}, function() {
    $(this).removeClass('menu-hover');
  	});
	
	
	$('#sidebar').fadeIn(1000);
		$('#myslides').fadeIn(300);
	
	   // Enable hover effect on the style switcher buttons.
/*	  	$('a').hover(function() {
			$(this).stop().animate({  color: '#42a62a', fontWeight: 'bold'
							}, 150);
			}, function() {
	
			$(this).stop().animate({ color: '#868788'
							}, 150);
	  	});
*/

});