$(document).ready(function(){
    if(!$.browser.msie)
    {
        $(".page_item").corner("5px");
    }
    totalFrames = $("#slides").children("img").length;
    imagePath = $("#themepath").val();
    if(totalFrames<=1)
    {
        $("#slidenav").css({"display":"none"});
    }else{
        for(i=1;i<=totalFrames;i++)
            $("#slidenav").append("<img src=\""+imagePath+"/images/slide.png\" id=\""+i+"\" class=\"navimages\" />");
        $(".navimages").css({"cursor":"pointer"});
        $("#slides").cycle({
            fx: 'fade',
            timeout: 6000,
            speed: 2500,
            after: changeNav
        });
        $(".navimages").click(function(){
            $("#slides").cycle($("#slidenav img").index($(this)));
        });
    }
    function changeNav(currSlideElement,nextSlideElement)
    {
        currSlideIndex = $("#slides img").index(nextSlideElement)+1;
        $("#slidenav img").each(function(){
            $(this).attr({"src":imagePath+"/images/slide.png"});
        });
        currNavId = $("#slidenav img::nth-child("+currSlideIndex+")").attr("id");
        $("#slidenav #"+currNavId).attr({"src":imagePath+"/images/slide-current.png"});

    }
});