$(document).ready(function(){
    
    $(function(){
        $('a.new-window').click(function(){
            window.open(this.href);
            return false;
        });
    });
        
    $("a[rel]").overlay();
        
    $('#mycarousel').jcarousel();
     
    $("a.carousel_image").click(function(event) {
        event.preventDefault();
        
        var image_id = this.id.substring(1);
        var subdir = image_id.substring(0, 6);
        new_image_src = collection_images_url+subdir+"/"+image_id+"_jpg_ds.jpg";
        enlarged_image_src = collection_images_url+subdir+"/"+image_id+ "_jpg_l.jpg";
        $('#main_image').attr("src", new_image_src);
        $('#overlay img').attr("src", enlarged_image_src);
        $('#enlarge_image').attr("href", enlarged_image_src);
        $('#displayed_image_id').html(image_id);
        
        /* we also need to update the link in the order image link */
        var url_arr = $("#order_image_link").attr('href').split("/");
        url_arr[url_arr.length-2] = image_id;
        $('#order_image_link').attr('href', url_arr.join("/"));
        $('#overlay_add_to_order').attr('href', url_arr.join("/"));
        $("#overlay_add_to_order").html("Download image").addClass("clickable").css("cursor", "pointer");
        $("#overlay_add_to_order:hover").css("text-decoration", "underline");
    });
     
    $("#details-tabs ul li a").click(function(event){
        event.preventDefault();
        
        clicked_tab = $(event.target).parent()[0].id;
        
        tabs = Array("#tab-summary", "#tab-more-information", "#tab-Map");
        $.each(tabs, function(i, tab) {
            if(tab == "#"+clicked_tab) {
                $(tab).addClass("selected");
                $(tab).removeClass("unselected");
            } else {
                $(tab).addClass("unselected");
                $(tab).removeClass("selected");
            }
        });
        
        pane_to_show = "#pane-"+clicked_tab.substr(4);
        $(pane_to_show).show(0);

        if(pane_to_show == "#pane-Map") {
            initialize();
        }

        panes = Array("#pane-summary", "#pane-more-information", "#pane-Map");
        panes.splice($.inArray(pane_to_show, panes), 1);
        $.each(panes, function(i, pane) {
            $(pane).hide(0);
        });
        
        description_height = $("#pane-summary").height();
        history_height = $("#pane-more-information").height();
        
    });
    
    $("#main_image").rightClick(function(event){
        $.get(sf_relative_url_root + "/images/right-click-main.gif");
    });    
    
    $("#enlarged_image").rightClick(function(event){
        $.get(sf_relative_url_root + "/images/right-click-enlarged.gif");
    });
    
    
    $("#email_item_submit").click(function(event) {
        event.preventDefault();
        $.getJSON(sf_relative_url_root+'/cis/emailitem', $("#email_item_form").serialize(), function(json){
            if(json.sent) {
                $("#overlay_email_content").html(json.html);
            } else {
                $("#overlay_email_form").html(json.html); 
            }
        });
    });
    
    $("#overlay_add_to_order").click(function(event) {
        event.preventDefault();
        if($("#overlay_add_to_order").hasClass("clickable")) {
            $("#overlay_add_to_order").html("<img src='"+sf_relative_url_root+"/images/template/ajax-loader-bar.gif' />");
            $.get($('#order_image_link').attr('href'), function(data) {
                var x = $("#num_order_items").html();
                x++;
                $("#num_order_items").html(x);
                $("#overlay_add_to_order").html("Image added").css("cursor", "default").removeClass("clickable");
                $("#overlay_add_to_order:hover").css("text-decoration", "none");
            });
        }
    });
    
    //~ $(document).keydown(function(e){
        //~ if (e.keyCode == 37) { 
            //~ var url = $("li.previous a").attr("href");
        //~ } else if (e.keyCode == 39) {
            //~ var url = $("li.next a").attr("href");
        //~ } else {
            //~ return false;
        //~ }
        //~ console.log(url);
        //~ self.location = url;
        //~ 
    //~ });

    
});