var caseActive = imageActive = 0;

var caseDetail = function(id) {
    var caseInfo = '<p><strong>Descrição:</strong> '+caseDB[id]['description']+'</p>';
    $('#caseDesc').html(caseInfo);
    $('#caseLogo'+caseActive).removeClass('active');
    $('#caseLogo'+id).addClass('active');
    caseActive = id;
    showImage(id);
}

var showImage = function(id) {
    var campImages = caseDB[id]['images'];
    var imagesHTML = '<div id="campImage"><img src="_NovoSite/clientes/'+campImages[0]+'"/></div><ul>';
    for(key in campImages) {
        var imageActive = (key == 0) ? ' class="active"' : '';
        imagesHTML += '<li id="imageThumb'+key+'"><a href="javascript:changeImage('+id+','+key+')"><img src="_NovoSite/clientes/'+campImages[key]+'"/></a></li>';
    }
    $('#caseImages').html(imagesHTML+'</ul>');
    changeImage(id,0);
    showCampInfo(id);
}

var changeImage = function(id,img) {
    $('#campImage').html('<img src="_NovoSite/clientes/'+caseDB[id]['images'][img]+'"/>');
    $('#imageThumb'+imageActive).removeClass('active');
    $('#imageThumb'+img).addClass('active');
    imageActive = img;
}

var showCampInfo = function(id) {
    var campInfo = caseDB[id]['info'];
    var campInfoHTML = '<ul>';
    for(key in campInfo) {
        campInfoHTML += '<li><strong>'+key+':</strong> '+campInfo[key]+'</li>';
    }
    $('#caseInfo').html(campInfoHTML+'</ul>');
}

var counter = 1;
var caseLength = caseDB.length;
var caseLogoList = '<ul>';
for(key in caseDB) {
    caseLogoList += '<li id="caseLogo'+key+'"><a href="javascript:caseDetail('+key+')"><img src="_NovoSite/clientes/'+caseDB[key]['logo']+'" alt=""/></a></li>';
    if(counter%18 == 0 && counter < caseLength) {
        caseLogoList += '</ul><ul>';
    }
    if(counter == caseLength) {
        caseLogoList += '</ul>';
    }
    counter++;
}

var animeSteps = 0;
var animateValue = ($.browser.msie && parseInt($.browser.version)< 7) ? '540px': '535px';
var showNav = function() {
    if(animeSteps == $('#caseList ul').length) {
        $('#nextcase').show();
        $('#prevcase').hide();
    }
    else if(animeSteps > 1 && animeSteps < $('#caseList ul').length) {
        $('#nextcase').show();
        $('#prevcase').show();
    }
    else if(animeSteps == 1) {
        $('#nextcase').hide();
        $('#prevcase').show();
    }
}

/* Dom Ready */
$(document).ready(function(){

/* Show case Logo List */
    $('#caseList').html(caseLogoList);
    caseDetail(caseActive);

/* Previous and Next Animation */
    if($('#caseList ul').length > 1) {
        $('#navBar').show();
        animeSteps = $('#caseList ul').length;
    }

    $('#nextcase').click(function() {
        $('#caseList').animate({marginLeft:'-='+animateValue},1500);
        animeSteps--;
        showNav();
    });

    $('#prevcase').click(function() {
        $('#caseList').animate({marginLeft:'+='+animateValue},1500);
        animeSteps++;
        showNav();
    });
});