$(document).ready(function () {

    $("#highlighted_navbtn_right").click(function () {
        $("#highlighted_navimg_container").animate({
            scrollLeft: "+=221"
        },
            function () {
                showOrHideButtons();
            });
        return false;
    });


    $("#highlighted_navbtn_left").click(function () {
        $("#highlighted_navimg_container").animate({
            scrollLeft: "-=221"
        },
            function () {
                showOrHideButtons();

                var curLocation = parseFloat($("#highlighted_navimg_container").scrollLeft());

                if (curLocation >= -5 && curLocation <= 5 && curLocation != 0)
                    $("#highlighted_navimg_container").scrollLeft(0);
            });
        return false;
    });


    $("#highlighted_navimg_container img").click(function () {
        $("#hightlighted_image img").hide();
        
        pic = $(this).attr("id");
        $("#hightlighted_image #i"+pic).show()
    });


    showOrHideButtons();
    function showOrHideButtons() {
        var curLocation = parseFloat($("#highlighted_navimg_container").scrollLeft());
        var totalImages = parseFloat($("#highlighted_navimg_container img").length);
        var galleryLength = (totalImages * 49) - 217;

        if (curLocation >= -5 && curLocation <= 5)
            $("#highlighted_navbtn_left").fadeTo(0, 0.3);
        else
            $("#highlighted_navbtn_left").fadeTo(500, 1);

        if (curLocation >= (galleryLength - 5))
            $("#highlighted_navbtn_right").fadeTo(0, 0.3);
        else {
            $("#highlighted_navbtn_right").fadeTo(500, 1);

        }
    }
});