$(function() {

 
});


$(document).ready(function(){  
	var timer = setInterval(slider, 5000);
	var arr = new Array();
	var pos = 0;
	var play = 1;
	
	$('.hidden').each(function() { 
		arr.push($(this).attr("src")); 
	})
	
	
	function slider() {
		if(play==1 && arr.length>0) {
			$("#keyvisual").children('.img').stop(true, true).fadeOut(500, function() {
				$("#keyvisual").children('.img').css('background','url('+arr[pos]+') center center no-repeat');
			});
			$("#keyvisual").children('.img').stop(true, true).fadeIn(500);
			pos++;
			if(pos==arr.length) {
				pos = 0;	
			}
		}
	}


	oldbg = $("#keyvisual").children('.img').css('background');
    //headernavi
    $('.key').each(function(i,e){
       	$(e).mouseover(function(){ 
       		//alert($(e).next('.hidden').attr('src')); 
       		 play = 0;		
    		$("#keyvisual").children('.img').stop(true, true).fadeOut(500, function() {
			    $("#keyvisual").children('.img').css('background','url('+$(e).next('.hidden').attr('src')+') center center no-repeat');
			    });
			$("#keyvisual").children('.img').stop(true, true).fadeIn(500);

    	});	
    	$(e).mouseout(function(){
    		/*$("#keyvisual").children('.img').stop(true, true).fadeOut(500, function() {
			    $("#keyvisual").children('.img').css('background',oldbg);
			    }).delay(540);
			$("#keyvisual").children('.img').stop(true, true).fadeIn(500);*/
			play = 1;

    	});
    });
    
    $('#navi ul li a img').each(function(i,e){
       	$(e).mouseover(function(){ 
       		old = $(this).attr("src");
			$(this).attr("src","/img/navi_"+$(this).attr("title")+"_o.png");
    	});	
    	$(e).mouseout(function(){
    		$(this).attr("src",old);
       	});
    });
    
});


/*$(document).ready(function(){  
	
    //headernavi
    $('#navi ul#mainnavi li a').each(function(i,e){
    	$(e).parent().find('div:first')
    		.data('minopac',$(e).parent().find('div:first').css('opacity'))
    		.css({opacity:$(e).parent().find('div:first').css('opacity')});
    		
    	$(e).mouseover(function(){
    		$(e).parent().find('div:first').animate({opacity:1.5},{queue:false});
    	});	
    	$(e).mouseout(function(){
    		$(e).parent().find('div:first').animate({opacity:$(e).parent().find('div:first').data('minopac')},{queue:false});
    	});
    });
    
});*/