function generateScreenshot(imgName, fileExtension, isHidden){
    var html = '<img src="/images/CaseStudy/ScreenShots/'+imgName+'.' + fileExtension + '"';
    if(isHidden){ html = html + " style='display:none;'"; }
    html = html + "/>";
    
    return html;
}

function generateMoreViews(index, isSelected, clientName, fileExtension, screenshotNum){
    var javascriptCall = 'ScreenshotLinks(' + index + ',\'' + clientName + '\',\'' + fileExtension + '\',' + screenshotNum + ')';
    var html = '<a href="#" onclick="' + javascriptCall + '" title="">';
    html = html + "<img src='/images/CaseStudy/";
    
    if(isSelected){ html = html + 'btnSelected.gif'; }
    else { html = html + 'btnUnSelected.gif'; }
    
    html = html + "'/></a>";

    return html;
}

function ScreenshotLinks(i,clientName,fileExtension,screenshotNum){
    
    var html = '', x, y;
    
    for( x = 1 ; x <= screenshotNum ; x++ ){
        html = html + generateScreenshot(clientName + x, fileExtension, x != i);
    }
    
    html = html + "<div id='ScreenshotNav' />";
    html = html + "<h4>More Views</h4>";
    
    for( x = 1 ; x <= screenshotNum ; x++ ){
        html = html + generateMoreViews(x, x==i, clientName, fileExtension, screenshotNum);
    }
    
    html = html + "<h4 id='landingLink'><a href='#'>Landing Page</a></h4></div>";

    document.getElementById("ScreenShots").innerHTML = html;

}