var assetNodes = "";
var totalAssets = 0;
var totalNumberOfPages = 0;
var currentPageNumber = 0;
var currentCategory = "";
var currentAssetIndex = 0;
var asset2Highlight = 0;
var assetGlobalIndex = 0;
var assetID = "";

function loadImages(pageNumber, categoryID) {
    jQuery.get("/flickradmin/flickrhomexml.aspx",
      { pageNumber: pageNumber, course: categoryID },
      function(data){
        renderXml(data);
      }
    ,"xml");    
}

function renderXml(xmlDoc) {
    var docElement = xmlDoc.documentElement;
    if(docElement) {
        var globalInfoNode = docElement.getElementsByTagName("photos")[0];
        assetNodes = docElement.getElementsByTagName("photo");
        totalAssets = globalInfoNode.getAttribute("assetcount");
        totalNumberOfPages = 4;
        currentPageNumber = globalInfoNode.getAttribute("pageNum");
        currentCategory = "Flickr";
        var categoryTitleUrl = "";
              
        jQuery("#divSlideShow").text("");
        for(var i=0;i<assetNodes.length;i++) {
            jQuery("#divSlideShow").append("<div class=\"photo_thumb\" id=\"thumb_"+i+"\" name=\"thumb_"+i+"\" onMouseOver=\"this.className='photo_thumb_glow'\"  onMouseOut=\"this.className='photo_thumb'\"><a href=\"javascript:loadAsset("+i+")\"><img src=\""+assetNodes[i].getAttribute("squareURL")+"\" border=\"0\" width=\"87\" height=\"68\" /></a></div>");
        }
    }
}

function getAssetInfo(i,attr) {
    if(assetNodes.length>0) {
        var assetNode = assetNodes[i];
        return assetNode.getAttribute(attr);
    } else {
        return "";
    }
}

function selectAsset(id) {
    for(var i=0;i<assetNodes.length;i++) {
        if(assetNodes[i].getAttribute("id") != 'undefined' && assetNodes[i].getAttribute("orderno") == id) {
            loadAsset(i);
        }
    }
}

function loadAsset(i) {
    if(assetNodes.length>0) {
        currentAssetIndex = i;
        
        var assetNode = assetNodes[i];
        var assetTitle = assetNode.getAttribute("title");
        var assetID = assetNode.getAttribute("id");
        var assetThumbUrl = assetNode.getAttribute("thumbfilename");
        var assetUrl = assetNode.getAttribute("filename");
        var assetDesc = assetNode.getAttribute("description");
        var assetCopyright = assetNode.getAttribute("copyright");
        var assetPublishDate = assetNode.getAttribute("publishdate");
        assetGlobalIndex = Number(assetNode.getAttribute("index"))+1;
        var assetLargeUrl = assetNode.getAttribute("largefilename");

        window.location.href="/Flickr/Default.aspx?assetid="+i+"&course="+currentCategory;
        
    }
}

function showNextPage() {
    var nextPageNumber = Number(currentPageNumber)+1;
    if(nextPageNumber < totalNumberOfPages) {
        loadImages(nextPageNumber,currentCategory);    
    }
}

function showPrevPage() {
    var nextPageNumber = Number(currentPageNumber)-1;
    if(nextPageNumber >= 0) {
        loadImages(nextPageNumber,currentCategory);    
    }
}

loadImages(1, "");