var download_artwork = download_artwork || {};

download_artwork.showPage = function(id) {

    //vars
    var artwork_size = mycarousel_itemList[id].artwork + "_file_size.gif";

    var arrTracking = window.location.href.split('/');
    var strCollection;
    var boolCollection = false;
    var i = 0;
    for (i = 0; i < arrTracking.length; i++) {
        if (boolCollection) {
            strCollection = arrTracking[i];
            boolCollection = false;
        }
        if (arrTracking[i] == 'collections') {
            boolCollection = true;
        }
    }
    //if the user is on the find page then do one tracking call, otherwise do the other    
    i--;
    if ($('#findExit').is(':visible')) {
        CallOmniture('', '', 'find:artwork', 's.eVar1="' + arrTracking[i].substring(1) + '";s.prop1="' + arrTracking[i].substring(1) + '"');
    }
    else {
    
        CallOmniture('', '', 'collections:' + strCollection + ':product_view:download_artwork', 's.eVar1="' + arrTracking[i].substring(1) + '";s.prop1="' + arrTracking[i].substring(1) + '"');
    }
    CallAtlas('mrtwxp_winftpsoftwear_DLartwork');

    $('#CarouselDisplay').hide();
    $('#ToolDisplay').html(download_artwork.getHTML(id));

    //css
    $('#a_download_pdf').css("background-image", "url(" + artwork_size.replace("/softwearweb/windows/softwearbymicrosoft", "../..") + ")");
    $('#a_download_xps').css("background-image", "url(" + artwork_size.replace("/softwearweb/windows/softwearbymicrosoft", "../..") + ")");


    $('#ToolDisplay').show();
    return false;
};

download_artwork.hidePage = function() {
    $('#ToolDisplay').hide();
    $('#ToolDisplay').html("");

  
    $('#CarouselDisplay').show();
    return false;
};

download_artwork.getHTML = function(id) {
    //vars
    var artwork_name = mycarousel_itemList[id].title.toLowerCase();
    var artwork_pdf = mycarousel_itemList[id].artworkpdf.toLowerCase();
    var artwork_xps = mycarousel_itemList[id].artworkxps.toLowerCase();

    //close button
    var returnStr = '<div class="Exit" id="ArtworkExit"><a href="#" onclick="return download_artwork.hidePage();">Exit (x)</a></div><div class="DivClear">&nbsp;</div>';
    //artwork image
    returnStr += '<div id="ContainerArtwork"><img src="' + mycarousel_itemList[id].artwork + '.jpg" width="498" height="291" /></div>';
    //download bar
    returnStr += '<div id="DownloadNavDiv">'
                + '<ul class="DownloadFormat">'
                + '<li class="DownloadChoices"><p>Choose format to download</p></li>'
                + '<li class="DownloadPDF"><a href="' + artwork_pdf + '" id="a_download_pdf" target="_blank">PDF (236kb)</a></li>'
                + '<li class="DownloadXPS"><a href="' + artwork_xps + '" id="a_download_xps" target="_blank">XPS (140kb)</a></li>'
                + '</ul></div>';
    //title
    returnStr += '<div id="layout-title-tools"><div class="container-title"><img src="' + mycarousel_itemList[id].titleUrl + '" width="500" class="imageTitle" alt="' + mycarousel_itemList[id].title.replace(/_/g, ' ') + '" /></div>';
    //nav
    returnStr += '<div class="container-tools"><ul class="CollectionTools"><li class="CollectionToolsDownload"><a class="active" href="' + window.location.href + '" onclick="return download_artwork.showPage(' + id + ');">Download this artwork</a></li></ul></div></div>';

    return returnStr;
};