//global settings
var ITEMS_PER_PAGE = 7;
var PARENT_PAGE = "";


function pageselectCallback(page_id, jq){
    var lo = (page_id * ITEMS_PER_PAGE);
    var hi = lo + ITEMS_PER_PAGE - 1;
    $("#results>li").css("display", "block").filter(function(index){
        return index < lo || index > hi;
    }).css("display", "none");
}
function setWidth(){
    $("#viewer_nav").width($("#viewer_image").width());
    if(jQuery.browser.msie){
        $("#viewer_nav").css({
            'padding-right': function(){
                return (729 - $("#viewer_image").width())/2 + "px";
            }
        });
    }
    else{
        $("#viewer_nav").css({
            'padding-left': function(){
                return (729 - $("#viewer_image").width())/2 + "px";
            }
        });            
    }
}
function setViewerNav(item){

    $("#viewer_nav #right a").click(function(){
       $(item).closest("li").next().children("a").click();
       return false;
    });
    $("#viewer_nav #left a").click(function(){
        $(item).closest("li").prev().children("a").click();
        return false;
    });
}


function displayEntry(item){
    $("#results .caption").hide(); 
    var new_image = $(item).attr("href");
    var new_caption = $(item).parents("li").children(".caption").html();
    
    $("#viewer").hide();
    $("#viewer_image").attr("src",new_image);
    $("#viewer").show("slow");
    
    
    $("#current-caption").html(new_caption);  
    return false;
}

$(document).ready(function(){
    
    //get the total number of ads
    var total = $("#results>li").length;
    
    // Create pagination element
    $("#Pagination").pagination(total, {
        num_edge_entries: 0,
        prev_text:"Back  <",
		next_text:"Next  >",
        num_display_entries: 4,
        items_per_page: 7,
        callback: pageselectCallback
    });
        //Replace image
    $("#results li a").click(function(){
        displayEntry(this);
        setViewerNav(this);
        return false;
    });
    
    $("ul#subnav li, ul#subnav li ul, ul#subnav li ul li").hover(function(){
        $(this).children("ul").show();
        $(this).children("ul").focus();
    }, function(){
        $(this).children("ul").hide();

    });
    
    //set hover
    $("#results li a:hover img").hover(
        function(){
            $(this).css({
                "width":"102px",
                "height": "54px"
            });
        },
        function(){
            $(this).css({
                "width":"109px",
                "height": "61px"
            });
        }
    );
   setViewerNav($("#results li:first-child a")); 
});