// ************************* HOME *************************
$(document).ready(function() {
    $('.imgRaster').attr('src', 'img/headers/rasterHome.png');
    $('#portfolioImage').attr('src', showcaseList[0].showCaseImageUrl);

    var template = [];
    for (var i = 0; i < showcaseList.length; i++) {
        var showCaseName = showcaseList[i].showCaseName;
        var showCaseURL = showcaseList[i].showCaseURL;
        if (showCaseURL == undefined)
            showCaseURL = "";
        template = template.concat([
            '<div class="portHeader" headerIndex="', i, '" ><div>',
                showCaseName,
            '</div></div>',
            '<div class="portContent">',
                '<div class="portDescript">',
                '<h3>', showCaseName, '</h3>',
                showcaseList[i].showCaseDescription,
                '</div>',
                '<a rel="showcase" class="portLink iframe" href="pages/Portfolio.aspx?showcaseId=', showcaseList[i].showCaseId, '" alt="', showCaseName, '">',
                '<span class="portBtnXl"></span></a>',
            '</div>'
           ]);
    }
    template = template.join('');
    $('#PortfolioLeft')
        .append(template)
        .accordion({
            header: '.portHeader',
            changestart: function(event, ui) {
                ui.newHeader.css("display", 'none');
                ui.oldHeader.css("display", 'block');
                var headerIndex = ui.newHeader.attr('headerIndex');
                $('#portfolioImage').attr('src', showcaseList[headerIndex].showCaseImageUrl);
            }
        });
        $('.portHeader:first').css("display", 'none');
    $('.portHeader').hover(
        function() {
            $(this).toggleClass('portHeaderHover');
        },
        function() {
            $(this).toggleClass('portHeaderHover');
        }
     );
     $('.portBtnXl').hover(
        function() {
            $(this).toggleClass('portBtnXlHover');
        },
        function() {
            $(this).toggleClass('portBtnXlHover');
        }
     );
     
    if (!editMode) {
        $('a.iframe').fancybox({
            'frameWidth': 785,
            'frameHeight': 630,
            'showCloseButton': 'true',
            overlayColor: '#066399',
            overlayOpacity: 0.5,
            centerOnScroll:false
        });
    }

});