// JavaScript Document
var recentHash="";

var bgImages = [ 'menu_over_01.png', 'menu_over_02.png', 'menu_over_03.png','menu_over_04.png','menu_over_05.png' ];
var bgImages_out = [ 'menu_01.png', 'menu_02.png', 'menu_03.png','menu_04.png','menu_05.png' ];

var side = [ 'content_01.jpg', 'content1_01.jpg', 'content2_01.jpg','content3_01.jpg','content4_01.jpg','content5_01.jpg'  ];
var content = [ 'content_02.jpg', 'content1_02.jpg', 'content2_02.jpg','content3_02.jpg','content4_02.jpg','content5_02.jpg'  ];
$(document).ready(function(){
	$('#menu_01').bind('mouseenter',function(){$(this).BgImageTransition( 'images/'+bgImages[0] );});
	$('#menu_02').bind('mouseenter',function(){$(this).BgImageTransition( 'images/'+bgImages[1] );});
	$('#menu_03').bind('mouseenter',function(){$(this).BgImageTransition( 'images/'+bgImages[2] );});
	$('#menu_04').bind('mouseenter',function(){$(this).BgImageTransition( 'images/'+bgImages[3] );});
	$('#menu_05').bind('mouseenter',function(){$(this).BgImageTransition( 'images/'+bgImages[4] );});
	
	$('#menu_01').bind('mouseleave',function(){$(this).BgImageTransition( 'images/'+bgImages_out[0] );});
	$('#menu_02').bind('mouseleave',function(){$(this).BgImageTransition( 'images/'+bgImages_out[1] );});
	$('#menu_03').bind('mouseleave',function(){$(this).BgImageTransition( 'images/'+bgImages_out[2] );});
	$('#menu_04').bind('mouseleave',function(){$(this).BgImageTransition( 'images/'+bgImages[3] );});
	$('#menu_05').bind('mouseleave',function(){$(this).BgImageTransition( 'images/'+bgImages[4] );});
contAnim();
});
 var contentImage = 'content2_02.jpg';
  var navImage = 'content_01.jpg';
 function contAnim(){
    setInterval( function(){
        do{
            var randImage = content[Math.ceil(Math.random()*(content.length-1))];
        }while( randImage == contentImage )
        contentImage = randImage;
		$('#content').fadeTo(.5,300).css({'backgroundImage':'url(images/'+contentImage+')'} ).fadeTo(.99,300);
       // $('#content').BgImageTransition('images/'+contentImage );
		
    }, 10000);
 	setInterval( function(){      
		do{
            var randImage = side[Math.ceil(Math.random()*(content.length-1))];
        }while( randImage == navImage )
        navImage = randImage;
        $('#nav').fadeTo(.5,300).css({'backgroundImage':'url(images/'+navImage+')'} ).fadeTo(.99,300);
		//$('#navi').BgImageTransition('images/'+navImage );
    }, 7000);
 }