var buttons = [
    ['panel_b1.gif','panel_b1a.gif'],
    ['panel_b2.gif','panel_b2a.gif'],
    ['panel_b3.gif','panel_b3a.gif']
]

var t1;
var t2;

$(function(){
    for ( var i in ssmConfig ){
        for (var j in ssmConfig[i]){
            $('#ssLink').css('background-image','url("' + ssmConfig[i][j].imgUrl + '")');
        }
    }
    $('#ssPanel0').click(function(){ forceSlide(0) });
    $('#ssPanel1').click(function(){ forceSlide(1) });
    $('#ssPanel2').click(function(){ forceSlide(2) });
    setSlideShow();
});

var prevI = 0;
var prefJ = 0;

var i = 0;
var j = 0;

var forceSlide = function(groupId){
    i = groupId;
    j = 0;
    clearTimeout(t1);
    clearTimeout(t2);
    setSlideShow();
}

var setPanelColor = function(groupId){
    for (var x in buttons){
        if ( x == groupId){
            $('#ssPanel' + x ).attr('src','http://joho-tagawa.jp/wp-content/themes/joho-tagawa-v2/images/_index/' + buttons[x][1] );
        }else{
            $('#ssPanel' + x ).attr('src','http://joho-tagawa.jp/wp-content/themes/joho-tagawa-v2/images/_index/' + buttons[x][0] );
        }
    }
}


var setSlideShow = function(){
    
    $('#ssLink').css('background-image','url("' + ssmConfig[i][j].imgUrl + '")');
    $('#ssImg').fadeOut(1000);
    t2 = setTimeout("setImg()",1000);
    
    prevI = i;
    prevJ = j;
    
    setPanelColor(i);
    
    if (ssmConfig[i][j+1]){
        j++;
    }else{
        j= 0;
        if (ssmConfig[i+1]){
            i++;
        }else{
            i = 0;
        }
    }
    
    t1 = setTimeout("setSlideShow()",7000);
}

var setImg = function(){
    $('#ssImg').attr('src', ssmConfig[prevI][prevJ].imgUrl );
    $('#ssLink').attr('href', ssmConfig[prevI][prevJ].linkUrl );
    $('#ssLink').attr('target', ssmConfig[prevI][prevJ].target );
    $('#ssImg').fadeIn('10');
}