$(document).ready(function(){
    if($(".carousel_frame ul").children().length > 1){
        $(".viewer_top").hover(function (){
            $(".gallery_control #inside").fadeIn("fast");
            $(".a_left").fadeIn("fast");
            $(".a_right").fadeIn("fast");
        },function (){
            $(".gallery_control #inside").fadeOut("fast");
            $(".a_left").fadeOut("fast");
            $(".a_right").fadeOut("fast");
        });
    }
    
    /* ========= the carousel stuff ============== */
    var num_items = $(".carousel_frame ul").children().length;
    var cur_item = 0;
    
    // returns false if the slide was unsuccessful
    var slide_carousel = function(dir){
        cur_item += dir;

        if(cur_item < 0)
            cur_item = num_items - 1;
        if(cur_item == num_items)
            cur_item = 0;
        $(".carousel_frame ul").children().eq(cur_item).find("a").click();
        //.click();
        var p = parseInt($(".carousel_frame").css("left"))
        $(".carousel_frame").animate({left: p - 54 * dir}, "normal");
        return true;
    }
    
    // the arrow buttons
    $("#gal_prev").click(function(){slide_carousel(-1)});
    $("#gal_next").click(function(){slide_carousel(1)});
    // roooooolllllooover
    $("div.viewer_top .arrow img").hover(function(e){
        $(e).fadeTo('normal', 0.75);;
    }, function(e){
        $(e).fadeTo('normal', 1);;
    });
    
    /* ========== changing photos in the gallery ============ */
    var _photo_cache = new Array();
    var _des_cache = new Array();
    
    $(".carousel_frame a").click(function(e){
        // add active class to new photo, remove from previous active
        $(".carousel_frame a").removeClass("active")
        $(this).addClass("active")
        
        var url = $(this).attr('href');
        
        // destroy the old object in the viewer area and add the new item
        var inject_results = function(top, bottom){
            $(".viewer_image").fadeOut('fast', function(){
                $(".viewer_info").fadeOut('fast', function(){
                    $(".viewer_image").empty().append(top);
                    $(".viewer_image").fadeIn('fast');
                    $(".viewer_info").empty().append(bottom);
                    $(".viewer_info").fadeIn('fast');
                });
            });
        }        
        // look for the object in the cache, fallback on ajax
        if(!_photo_cache.hasOwnProperty(url)){
            $.get(url, {render:'gallery_top'}, function(html){
                _photo_cache[url] = html;
                $.get(url, {render:'gallery_bottom'}, function(html){
                    _des_cache[url] = html;
                    inject_results(_photo_cache[url], _des_cache[url]);
                },'html');
            },'html');
        }
        else{
            inject_results(_photo_cache[url], _des_cache[url]);
        }
        return false;
    });
});