var TotalPages = 0;
var pageNumber = 1;
var siteUrl = ""; 
var galleryName = "";
var galleryThumb = "";
var galleryID = ""; 
var galleryLink = "";

//alert("before ajax call: " + pageNumber);

function loadGalleries(pageNumber){
    //$.get("/syndication/xmlcall.aspx",
    $.get("/layouts/galleryhomefeed.aspx",
        {pageNumber: pageNumber},
        function(xml)
        {
         renderGalleries(xml)
        }
        ,"xml");
}

function renderGalleries(xml){    
    var xmlDocElement = xml.documentElement;
    if (xmlDocElement) {
     var rootGalleryNode = xmlDocElement.getElementsByTagName("galleries")[0];
     var galleryNodes = xmlDocElement.getElementsByTagName("gallery");   
     pageNumber = rootGalleryNode.getAttribute("pageNum"); 
     siteUrl = rootGalleryNode.getAttribute("baseURL");
     //siteUrl = siteUrl + "";
     TotalPages = rootGalleryNode.getAttribute("totalPages");
     TotalPages = parseInt(TotalPages);
     
   
                    $("#galleryContainer").text("");
                    for(var i=0;i<galleryNodes.length;i++)
                    {       
                        galleryName = galleryNodes[i].getAttribute("name");
                        galleryThumb = galleryNodes[i].getAttribute('thumbnailUrl');
                        galleryID = galleryNodes[i].getAttribute('galleryid'); 
                        galleryLink = "/photogallery/gallerydetails.aspx?id=" + galleryID;
              
                    $("#galleryContainer").append('<div class="gallery"><a href='+galleryLink+'><img src="'+ siteUrl + galleryThumb+'" class="thumb" /></a><p><a href='+galleryLink+'>'+galleryName+'</a></p><div class="camerabutton"><img src="/images/camerabutton.gif"/></div></div>');                    
                    }                                                          
    
            if (TotalPages > 1){
                renderPaging();
                }
     
    }        
          
}

//this function will be called passing the next pagenumber
//


function renderPaging()
{
               var page = parseInt(pageNumber);
               var pagingHTML = "<ul style='padding-left:12px;'>";
               var prevPage = parseInt(page) - 1;
               var nextPage = parseInt(page) + 1;
               var pageCounter;               
                                
                if (page <= 1){
                    pagingHTML = pagingHTML + "<li class=\"nolink\">&laquo; Previous</li>";
                }
                else{
                    //pagingHTML = pagingHTML + "<li><a href=\"photogallery.aspx?pagenumber=" + prevPage + "&of=" + TotalPages + "\">&laquo; Previous</a></li>";
		    pagingHTML = pagingHTML + "<li><a href=\"javascript:loadGalleries("+ prevPage +")\">&laquo; Previous</a></li>";
                }              
               
                if (TotalPages < 20)
                {
                    for (pageCounter = 0; pageCounter < TotalPages; pageCounter++){
                        if (page == pageCounter + 1)                        
                        {
                            pagingHTML = pagingHTML + "<li class=\"current\">" + (pageCounter + 1) + "</li>";
                        }
                        else
                        {                            
                            pagingHTML = pagingHTML +"<li><a href=\"javascript:loadGalleries("+ (pageCounter + 1) +")\">" + (pageCounter + 1) + "</a></li>";                                                        
                        }
                    }
                }
                
                //begin logic page is less than 10
                 else if (page <= 10)
                {  
                for (pageCounter = 0; (pageCounter < 10); pageCounter++)
                    {
                        if (page == (pageCounter + 1))
                        {
                            pagingHTML = pagingHTML  + "<li class=\"current\">" + (pageCounter + 1) + "</li>";
                        }
                        else
                        {
                            pagingHTML = pagingHTML + "<li><a href=\"javascript:loadGalleries("+(pageCounter + 1)+")\">"+(pageCounter + 1)+"</a></li>";                            
                        }
                    }
                    
                    pagingHTML = pagingHTML + "<li>...</li>";      

                    //numbers
                    for (pageCounter = (TotalPages - 2); (pageCounter < TotalPages); pageCounter++)
                    {
                        if (page == pageCounter + 1)
                        {
                            pagingHTML = pagingHTML  + "<li class=\"current\">" + (pageCounter + 1) + "</li>";
                        }
                        else
                        {
                            pagingHTML = pagingHTML + "<li><a href=\"javascript:loadGalleries("+(pageCounter + 1)+")\">"+(pageCounter + 1)+"</a></li>";
                        }
                    }                     
                }
                //end logic if page is less than 10
                
                
                
                //begin logic to display last 10 numbers and pages 1 thru four
                else if (page >= (TotalPages - 8))
                {
                    for (pageCounter = 0; (pageCounter <= 3); pageCounter++)
                    {
                        if (page == pageCounter + 1)
                        {
                            pagingHTML = pagingHTML + "<li class=\"current\">"+(pageCounter + 1)+"</li>";
                        }
                        else
                        {
                            pagingHTML = pagingHTML + "<li><a href=\"javascript:loadGalleries("+(pageCounter + 1)+")\">"+(pageCounter + 1)+"</a></li>";
                        } 
                    }
                    pagingHTML = pagingHTML + ("<li>...</li>");

                    //display numbers
                    for (pageCounter = (TotalPages - 10); (pageCounter < TotalPages); pageCounter++)
                    {
                        if (page == pageCounter + 1)
                        {
                            pagingHTML = pagingHTML + "<li class=\"current\">"+(pageCounter + 1)+"</li>";
                        }
                        else
                        {
                            pagingHTML = pagingHTML + "<li><a href=\"javascript:loadGalleries("+(pageCounter + 1)+")\">"+(pageCounter + 1)+"</a></li>";
                        }
                    }
                }
                //end logic to display last 10 numbers and pages 1 thru four
                
                else
                {
                    for (pageCounter = 0; (pageCounter <= 3); pageCounter++)
                    {
                        if (page == pageCounter + 1)
                        {
                            pagingHTML = pagingHTML + "<li class=\"current\">"+(pageCounter + 1)+"</li>";
                        }
                        else
                        {
                            pagingHTML = pagingHTML + "<li><a href=\"javascript:loadGalleries("+(pageCounter + 1)+")\">"+(pageCounter + 1)+"</a></li>";
                        }

                    }
                     pagingHTML = pagingHTML + ("<li>...</li>");

                    for (pageCounter = (page - 5); (pageCounter <= page + 3); pageCounter++)
                    {
                        if (page == pageCounter + 1)
                        {
                            pagingHTML = pagingHTML +"<li class=\"current\">"+(pageCounter + 1)+"</li>";
                        }
                        else
                        {
                            pagingHTML = pagingHTML + "<li><a href=\"javascript:loadGalleries("+(pageCounter + 1)+")\">"+(pageCounter + 1)+"</a></li>";

                        }

                    }
                    pagingHTML = pagingHTML + ("<li>...</li>");

                    for (pageCounter = (TotalPages - 3); (pageCounter < TotalPages); pageCounter++)
                    {
                        if (page == pageCounter + 1)
                        {
                            pagingHTML = pagingHTML + "<li class=\"current\"></li>";
                        }
                        else
                        {
                            pagingHTML = pagingHTML +"<li><a href=\"javascript:loadGalleries("+(pageCounter + 1)+")\">"+(pageCounter + 1)+"</a></li>";
                        }
                    }
                }                
                         
            // }

            //render next button
            if (page == TotalPages)
            {
                pagingHTML = pagingHTML +"<li class=\"nolink\">Next &raquo;</li>";
            }
            else
            { 
                pagingHTML = pagingHTML + "<li><a href=\"javascript:loadGalleries("+nextPage+")\">Next &raquo;</a></li>";
            }
            
            pagingHTML = pagingHTML +"</ul>";
                
                            
             $("#pagerTop").html(pagingHTML);          
             $("#pagerBottom").html(pagingHTML);          
}

    function countHits()
    {
	if (document.getElementById("galleryhits"))
	{
        document.getElementById('galleryhits').src="/includes/static/galleryitems.aspx?title=Gallery Home"
	}
    }


     function refreshads()
    {
	if (document.getElementById("frameads"))
	{
        document.getElementById("frameads").src="/includes/static/ad.htm"
        countHits();
	}
    }