// JavaScript Document

$(function(){  
    var handler = $('ul#nav li a');  
    var url = document.URL;  
    var urlId = url.substr(url.lastIndexOf('#'));  
    var urlIdJudgment = urlId.lastIndexOf('#');  
    $('ul#nav').each(function(){  
        $('#tab-box > div:first').show();  
            var imgSrc = $('ul#nav li:first img').attr('src');  
            var imgDot = imgSrc.lastIndexOf('.');  
            var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);  
            $('ul#nav li:first img').attr('src',onSrc).addClass('tab-on');  
    });  
    // クリック時の動作  
    handler.click(function() {  
        // クリックしたタブ画像をオンの状態に  
        var imgSrc = $(this).children('img').attr('src').replace(/_o/g, "");  
        var imgDot = imgSrc.lastIndexOf('.');  
        var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);  
        $(this).children('img').attr('src',onSrc);  
        // タブ画像の切り替え  
        var imgOff = $('ul#nav li img.tab-on').attr('src').replace(/_o/g, "");  
        $('ul#nav li img.tab-on').attr('src',imgOff);  
        $('ul#nav li img').removeClass('tab-on');  
        $(this).children('img').addClass('tab-on');  
        // コンテンツの切り替え  
        var clickAttr = $(this).attr('href');  
        var showAttr = '#' + $('#tab-box > div:visible').attr('id');  
        if(clickAttr !== showAttr) {  
            $('#tab-box > div:visible').hide();  
            var showDiv = '#tab-box div' + clickAttr;  
            $(showDiv).show();  
            return false;  
        }  
        else {  
            // 何度もクリックした場合もタブ画像をオンの状態に  
            var imgSrc = $(this).children('img').attr('src').replace(/_o/g, "");  
            var imgDot = imgSrc.lastIndexOf('.');  
            var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);  
            $(this).children('img').attr('src',onSrc);  
            return false;  
        }  
    })  
    // ロールオーバー  
    handler.hover(function() {  
        var classJudgment = $(this).children('img').attr('class');  
        if(classJudgment != 'tab-on') {  
            var imgSrc = $(this).children('img').attr('src');  
            var imgDot = imgSrc.lastIndexOf('.');  
            var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);  
            $(this).children('img').attr('src',onSrc);  
        }  
    }, function() {  
        var classJudgment = $(this).children('img').attr('class');  
        if(classJudgment != 'tab-on') {  
            var imgOff = $(this).children('img').attr('src').replace(/_o/g, "");  
            $(this).children('img').attr('src',imgOff);  
        }  
    });  
});  

$(function(){
	var setId = '#slideshow';
	var fadeTime = 1000;
	var delayTime = 7000;

	$(setId + ' div div').each(function(i){
		$(this).attr('id','view' + (i + 1).toString());
		$(setId + ' div div').css({zIndex:'98',opacity:'0'});
		$(setId + ' div div:first').css({zIndex:'99'}).stop().animate({opacity:'1'},fadeTime);
	});

	$(setId + ' ul li').click(function(){
		clearInterval(setTimer);

		var connectCont = $(setId + ' ul li').index(this);
		var showCont = connectCont+1;

		$(setId + ' div div#view' + (showCont)).siblings().stop().animate({opacity:'0'},fadeTime,function(){$(this).css({zIndex:'98'})});
		$(setId + ' div div#view' + (showCont)).stop().animate({opacity:'1'},fadeTime,function(){$(this).css({zIndex:'99'})});

		$(this).addClass('active');
		$(this).siblings().removeClass('active');

		timer();

	});

	$(setId + ' ul li:not(.active)').hover(function(){
		$(this).stop().animate({opacity:'1'},200);
	},function(){
		$(this).stop().animate({opacity:'0.5'},200);
	});

	$(setId + ' ul li').css({opacity:'0.5'});
	$(setId + ' ul li:first').addClass('active');

	timer();

	function timer() {
		setTimer = setInterval(function(){
			$('li.active').each(function(){
				var listLengh = $(setId + ' ul li').length;
				var listIndex = $(setId + ' ul li').index(this);
				var listCount = listIndex+1;

				if(listLengh == listCount){
					$(setId + ' ul li:first').click()
				} else {
					$(this).next('li').click();
				};
			});
		},delayTime);
	};
});