// jquery should be loaded before this
(function($){

    // javascript for all pages
    //     mainly the menu system
    var menu_callbackcount = 0;
    var wide_image_max_height = 0;

    function delayed_menuoff() {
        menu_callbackcount--;
        if ($('._navsubmenu').length == 0 && $('._navselection').length == 0 && menu_callbackcount == 0)
            menuoff();
    }

    function menuoff() {
        $('._lastselection').css('background','transparent');
        $('._lastselection').parent().prev().children('.nav_div').css('background','transparent');
        $('._lastselection').next('.nav_div').css('background','transparent');
        $('._lastselection').parent().children('ul').hide();
        $('._lastselection').removeClass('_lastselection');
    }

    // for IE since img.onLoad isn't always called for some reason...
    $(window).load(function() {
        process_desc();
        $('._item_image').add('.default_img').add('.old_default_img').each(function () { process_img ($(this)); });
    });

    $(document).ready( function () {
        
        // navigation menu
        $('#nav_menu > li > a').not('#nav_cap > a').mouseover(function () {
        //  set up the selection background
            menuoff();
            $(this).css('background','url(/theme/g/image/barbg.gif) repeat-x');
            $(this).parent().prev().children('.nav_div').css('background','url(/theme/g/image/barbg1.gif) top right no-repeat');
            $(this).next('.nav_div').css('background','url(/theme/g/image/barbg2.gif) top right no-repeat');
        //  javascript magic for menu system
            $('._navselection').removeClass('_navselection');
            $(this).addClass('_navselection');
            $('#nav_menu ul').not('._navselection ul').hide();
            $(this).parent().children('ul').show();
        }).mouseout(function () {
            $(this).addClass('_lastselection');
            $(this).removeClass('_navselection');
            if ($(this).parent().children('ul').length > 0)
            {
                menu_callbackcount++;
                setTimeout(delayed_menuoff,300);
            }
            else
            {
                menu_callbackcount++;
                setTimeout(delayed_menuoff,100);
            }
        });
        
        $('#nav_menu ul').mouseover(function () {
            $(this).addClass('_navsubmenu');
        }).mouseout(function () {
            $(this).removeClass('_navsubmenu');
            menu_callbackcount++;
            setTimeout(delayed_menuoff,300);
        });
        
        // replace store image on mouse-over
        $('.item_list tr:not(.head)').hover(
            function () {
                $(this).next('.optrow').andSelf().addClass('_item_hover');
                if ($(this).is('.optrow'))
                    $(this).prev().addClass('_item_hover');
                    
            },
            function () {
                $(this).next('.optrow').andSelf().removeClass('_item_hover')
                    .prev().removeClass('_item_hover');
            }
        );
        $('._item_image').parents('tr').hover(
            function () {
                $(this).addClass('_item_hover');
                $('.prod_img .default_img').hide();
                $('._item_hover ._item_image').clone().appendTo('.prod_img').show();
                set_desc_margin();
            },
            function () {
                $(this).removeClass('_item_hover');
                $('.prod_img ._item_image').remove();
                $('.prod_img .default_img').show();
                set_desc_margin();
            }
        );
        
        $('.prod_desc_container').height($('.prod_desc .wide').height());
        
        // call this once initially in case there is no image
        if ($('._item_image').add('.default_img').add('.old_default_img').length == 0)
            set_desc_margin();
        
        process_desc();
        $('._item_image').add('.default_img').add('.old_default_img').load(function () { process_img ($(this)); });

        // remove left column if it's empty
        /*
        if ($('#navigation').html().replace(/\s+/,'').length < 1)
        {
            $('#navigation').hide();
            $('#maincontent').css('width','960px');
        }
        */
        
        // form helpers:
        //    input.labeled: makes default value into a gray internal label that disappears when editing
        //    input.getFocus: makes the input element selected when the page loads
        $('input.labeled').focus( function () {
            if (this.value == this.defaultValue)
            {
                this.value = '';
                this.select();
                this.style.color = 'black';
            }
        }).blur( function () {
            if (this.value == '' || this.value == this.defaultValue)
            {
                this.style.color = '#AAA';
                this.value = this.defaultValue;
            }
        }).not(':selected').each( function () {
            if (this.value == this.defaultValue)
                this.style.color = '#AAA';
        });

        $('input.getFocus').focus().filter('input.labeled').each(function () {
            this.value = this.defaultValue;
            this.select();
        });
        
        // cbReveal - allow a checkbox to show/hide
        $(':checkbox.cbRevealer, .cbRevealer :checkbox').click(function() {
            if ($(this).is(':checked'))
                $('.cbReveal').show();
            else
                $('.cbReveal').hide();
        });
        
        if ($(':checkbox.cbRevealer, .cbRevealer :checkbox').is(':checked'))
            $('.cbReveal').show();
        else
            $('.cbReveal').hide();
            
        // specific to Freight Quote page
        
        $('.fq_zip .submit, .fq_item_list .submit, .fq_zip submit, .fq_item_list submit').focus(function () {
            $(this).addClass('_submit_focus').css('background','#CDF').css('border-color','#89B');
        }).hover(function() {
            $(this).addClass('_submit_hover').css('background','#CDF').css('border-color','#89B');
        }, function () {
            $(this).removeClass('_submit_hover').not('._submit_focus').css('background','#DDD').css('border-color','#999');
        }).blur(function () {
            $(this).removeClass('_submit_focus').not('._submit_hover').css('background','#DDD').css('border-color','#999');
        });
            
    });

    function set_desc_margin ()
    {
        if ($('.prod_img img:visible').length < 1 || $('.prod_img img:visible').width() > 265)
        {
            //$('.prod_img').css('margin-left','0').height(wide_image_max_height);
            $('.prod_img').css('padding-bottom','10px').height(wide_image_max_height);
            //$('.prod_desc').css('padding-left','0').children().width('700px');
            $('.prod_desc .narrow').css({'position':'absolute','visibility':'hidden'});
            $('.prod_desc .wide').css({'position':'static','visibility':'visible'});
        }
        else
        {
            //$('.prod_img').css('margin-left','-270px').height('auto');
            $('.prod_img').css('padding-bottom','0').height('auto');
            //$('.prod_desc').css('padding-left','270px').children().width('auto');
            $('.prod_desc .wide').css({'position':'absolute','visibility':'hidden'});
            $('.prod_desc .narrow').css({'position':'static','visibility':'visible'});
        }
    }

    function process_desc ()
    {
        if ($('.prod_desc .narrow').height() > $('.prod_desc_container').height())
            $('.prod_desc_container').height($('.prod_desc .narrow').height());
    }

    function process_img (img)
    {
        var test_height = img.height();
        if ( img.width() > 265 )
        {
            test_height += $('.prod_desc .wide').height() + 10; // "10" accounts for padding between image and text
            if (img.height() > wide_image_max_height)
                wide_image_max_height = img.height();
        }
        
        // on the store page if the image is extra-wide remove the space for it
        if (img.is('.default_img'))
            set_desc_margin();
        
        if ( test_height > $('.prod_desc_container').height())
            $('.prod_desc_container').height(test_height);
    }

})(jQuery);