$(document).ready(function(){

    $('img[src$=png]').ifixpng();

    (function(){
        var client_login_button = $('#client_login');

        if(client_login_button.length) {
            // Find right sidebar
            var td = $('#right-active');
            $('#content').css('padding-bottom', '50px');
            var height = td.outerHeight();
            var offset = td.offset();

            client_login_button.css({
                'position': 'absolute',
                'left': (offset.left - 200) + 'px',
                'top': (height + offset.top - 50) + 'px'
            });
        }
    })();

    (function(){
        // Since all list items have padding-right with the right border image, this takes it off the last one.
        $('ul.m1 li:last-child a').css({
            backgroundImage: 'none',
            paddingRight: '0'
        });

        // Store the original images, so they can be replaced on mouseouts
        var orig_menu_images = {};
        $('#nav-main img').each(function(){
            var id = $(this).attr('id');
            orig_menu_images[id] = $(this).attr('src');
        });

        var orig_active_id = '';
        var orig_active_link = $('#nav-main a.active');
        if(orig_active_link.length) {
            orig_active_id = orig_active_link.attr('id').replace(/^.*?-/, '');
        }

        // A copy of the section nav
        var orig_menu_text = $('#section-nav').html();

        // Div that contains all the differen section/dhtml submenus
        var section_nav = $('#section-nav');

        function resetImages() {
            $('#nav-main img').each(function(){
                $(this).attr('src', orig_menu_images[$(this).attr('id')]);
            });
        }

        $('#nav-main img').mouseover( function(){
            var obj = $(this);
            var active_id = obj.attr('id');
            var base_id = active_id.replace(/^img-/, '');

            resetImages();

            obj.attr('src', menuimages_hover[base_id]);

            section_nav.empty(); 

            // Show submenu
            var submenu = $('ul#m-' + base_id);
            if(base_id == orig_active_id) {
                section_nav.html( orig_menu_text );
            } else {
                if(submenu) {
                    submenu = submenu.clone();
                    section_nav.append(submenu);
                    submenu.show();
                }
            }
        });

        $('#nav-container').bind('mouseleave', function(){
            section_nav.html( orig_menu_text );
            resetImages();
        });
    })();

    (function(){
        $('img.portfolio-small-image').click(function(){
            var item_id = $(this).attr('rel');
            var new_obj = client_images[item_id];
            $('#main_image_caption').html( new_obj.caption );
            $('#main_image').attr('src', new_obj.big_image );
        });
    })();

});