//var currStart;
//var currEnd;
//var totalEnd = 12;
//var timerId = 0;

//first tab menu setup
function fnHideAllMenuTabs() {
    $('.tabContents').hide();
    $('#tbltab1').show();
    $('#tab1').addClass('subMenuActiveTab');
}
// sub tabmenu
function fnActiveTab() {
    $('.subMenuTab').click(function() {
        $('.tabContents').hide();
        $('#tbl' + $(this).attr('id')).show();
        $('.subMenuActiveTab').removeClass('subMenuActiveTab');
        $(this).addClass('subMenuActiveTab');
    })
}

// top level menu setup
function fnSetMenuClass() {
    $('.topMenu').find('div').addClass('menuItem')
}
/*function fnGenerateClientLogosDiv(strLogoStartPos) {
    currStart = parseInt(strLogoStartPos);
    currEnd = currStart + 3;
    if (currEnd > totalEnd)
        currEnd = totalEnd;
        strLogoEndPos = currEnd;
    var strLoadLogos = ""
    $('#geoPins').attr('src', '/images/map_client_' + strLogoStartPos  + '.png');
    for (i = currStart; i <= currEnd; i++) {
        if (i <= totalEnd)
        {
            strLoadLogos = strLoadLogos + '<img src="/images/client_' + i + '.jpg" title="' + i + '" class="clientLogos">'
        }
    }
    $('#clientLogos').html(strLoadLogos)
    fnChangeMap();
    timerId = setTimeout(mapchangetimer, 10000);
}

function mapchangetimer() {
    if ((currEnd + 1) > totalEnd)
        currEnd = 0;
    fnGenerateClientLogosDiv(currEnd + 1);
}


}
*/

var currEnd
var currStart = 1
var maxLogos = 16
var minLogos = 1
function fnGenerateClientLogosDiv() {
    currEnd = currStart + 3
    var strLoadLogos = ""
    for (i = currStart; i <= currEnd; i++) {
    //    strLoadLogos = strLoadLogos + '<img class="clientLogos" src="/images/client_' + i + '.jpg" title="' + i + '">'        
        strLoadLogos = strLoadLogos + '<img class="clientLogos" src="/images/client_' + i + '.jpg" id="' + i + '">'        
    }
    $('#clientLogos').html(strLoadLogos);
    $('#geoPins').hide();
    $('#geoPins').attr('src', '/images/map_client_' + currStart + '.png');
    //$('#clientLogos').attr('alt', 'Test');
    setTimeout($('#geoPins').fadeIn(1500), 1500);
    fnChangeMap();
}
function fnChangeMap() {

    $('.clientLogos').click(function() {
        var strImg
        $('#geoPins').hide();
        strImg = '/images/map_client_' + $(this).attr('id') + '.png';
        $('#geoPins').attr('src', strImg);
        setTimeout($('#geoPins').fadeIn(1500), 1500);
    })
}
function clientLogoPrevNext() {
    $('#clPrev').attr("src", "/images/prev_dim.png");
    $('#clNext').attr("src", "/images/next.png");
    $('#clNext').click(function() {
    if (currEnd < maxLogos) {
        $('#clPrev').attr("src", "/images/prev.png");
            currStart = currEnd + 1;
            currEnd = currStart + 3;
            $('#clientLogos').hide()
            setTimeout($('#clientLogos').fadeIn(1500), 1500);
            fnGenerateClientLogosDiv();            
        }
        if (currEnd > (maxLogos - 4)) {
            $('#clPrev').attr("src", "/images/prev.png");
            $('#clNext').attr("src", "/images/next_dim.png");
        }
    })
    $('#clPrev').click(function() {
    if (currStart > minLogos) {
            currStart = currStart - 4;
            currEnd = currStart + 3;
            $('#clientLogos').hide()
            setTimeout($('#clientLogos').fadeIn(1500), 1500);
            fnGenerateClientLogosDiv();
        }
        if (currEnd <= 4) {
            $('#clPrev').attr("src", "/images/prev_dim.png");            
        }
        if (currEnd < 9) {
            $('#clNext').attr("src", "/images/next.png");
        }
    })    
}