var BG_FADE_DURATION = 1800;
var isIE6 = false;
var strUA = navigator.userAgent.toLowerCase();
if(strUA.indexOf("msie 6.0") != -1){
    //alert('is IE6');
    isIE6 = true;
    BG_FADE_DURATION = 0;
}

var BG_ANIMATING = false;
$(function($) {

    $("#MainImgTitles,#Tsunagu").pngFix();
    $('.jsImageTitle').hide();
    $('#MainImg01').show();

    $('body').bgSwitcher({
        images: [ '/common/img/index/bg_01.jpg'
                , '/common/img/index/bg_02.jpg'
                , '/common/img/index/bg_03.jpg'
                , '/common/img/index/bg_04.jpg'
                , '/common/img/index/bg_05.jpg'],
        interval: 5000,
        duration : BG_FADE_DURATION,
        bgPosition: 'center 22px',
        changeHandler: function () {
            
            var ctrl = $('body').data('bgSwitcher');
            if (ctrl) {
            var nextIndex = ctrl.getIndex();
            changeDispType(nextIndex);
            }
        },
        switchHandler: function () {
            this.node.fadeOut(this.options.duration, this.options.easing);
            
            var ctrl = $('body').data('bgSwitcher');
            var nextIndex = ctrl.getIndex();
            changeDispType(nextIndex);
        }
    });
    
    $('#ChangeMain li a').click(
        function(){
            if (BG_ANIMATING == false) {
                var ctrl = $('body').data('bgSwitcher');
                ctrl.stop();
                ctrl.changeIndex( parseInt($(this).attr('val')) - 1);
                ctrl.start();
            }
            void(0);
            return false;
        }
    );
    
});


function changeDispType(nextIndex) {
    BG_ANIMATING = true;
    if (isIE6) {
        $('.jsImageTitle').hide();
        $('#MainImg0' + (nextIndex + 1)).show();
        BG_ANIMATING = false; 
    } else {
        $('.jsImageTitle').fadeOut(BG_FADE_DURATION);
        $('#MainImg0' + (nextIndex + 1)).fadeIn(BG_FADE_DURATION, 
            function () { BG_ANIMATING = false; }
        );
    }
    
    imgSrc = 'common/img/index/btn_changeMain.png';
    $('#ChangeMain li a img').attr('src', imgSrc);

    imgSrc = 'common/img/index/btn_changeMain_c.png';
    $('#ChangeMain li a').eq(nextIndex).find('img').attr('src', imgSrc);
}