$(document).ready(function(){
    $('a').live('click',function(e){
        if($(this).attr('href')=="#")
        e.preventDefault();
    });
    $('#menu-menu-principal').append('<li class="last"></li>');

    $('#menu-menu-principal .menu-item').each(function(){
        if($(this).hasClass('first')) {
        $(this).prepend('<div style="visibility:hidden;" class="background_first"><img src="/assets/img/first_background_menu.jpg" alt="" /></div>');
        }
        $(this).append('<div style="visibility:hidden;" class="background_menu"><img style="width:1px; height:46px;" src="/assets/img/background_menu.jpg" alt="" /></div>');
    });

    $('#header .navigation_bar ul li.current-menu-item .background_menu img').css({width:$('#header .navigation_bar ul li.current-menu-item').outerWidth()-2});
    $('#header .navigation_bar ul li.current-menu-item .background_menu').css({'visibility':'visible'});
    $('#header .navigation_bar ul li.current-menu-item .background_first').css({'visibility':'visible'});

    $('#header .navigation_bar ul li a').hover(
        function(){
            if($(this).parent().hasClass('first')){
                $(this).parent().find('.background_first').css({'visibility':'visible'});
            }
            $(this).parent().find('.background_menu img').css({width:$(this).outerWidth()});
            $(this).parent().find('.background_menu').css({'visibility':'visible'});
        },
        function(){
            if(!$(this).parent().hasClass('current-menu-item')) {
                $(this).parent().find('.background_first').css({'visibility':'hidden'});
                $(this).parent().find('.background_menu').css({'visibility':'hidden'});
            }
        }
    );

    $('.bottom_sidebar_bg').JCSS_align({
        vertical_align:'bottom',
        axis:'y',
        vertical_offset:-10
    });

    $('.demo_link').live('click',function(){
        var content;
        var config = {
            mask_color:'#000',
            mask_opacity:0.7,
            close_btn_content:'<img src="/assets/img/overlay/overlay_close_btn.png" alt="" /> ',
            effect:'fade',
            evt_BeforeAppear:function(){
                resize_overlay();
            }
        };
        $.ajax({
            type: "GET",
            url: "/wp-content/themes/sophie_montminy/page-video_home.php",
            success: function(data) {
                content = data;
            },
            complete: function() {
                $.overlay(content,config);
            }
        });
        return false;
    });

    $('.img_list img').live('click',function(){
        var content;
        var config = {
            mask_color:'#000',
            mask_opacity:0.7,
            close_btn_content:'<img src="/assets/img/overlay/overlay_close_btn.png" alt="" /> ',
            effect:'fade',
            evt_BeforeAppear:function(){
                resize_overlay();
            }
        };
        var src_img = $(this).attr('src');
        var new_src = src_img.replace('.jpg','_full.jpg');
        
        content = '<div class="top_overlay_content">';
            content += '<div class="left_corner">';
                content += '<img src="/assets/img/overlay/top_left_corner.png" alt=""/>';
            content += '</div>';
            content += '<div class="mid_repeat"></div>';
            content += '<div class="right_corner">';
                content += '<img src="/assets/img/overlay/top_right_corner.png" alt=""/>';
            content += '</div>';
            content += '<div class="clear"></div>';
        content += '</div>';
        content += '<div class="mid_overlay">';
            content += '<div class="mid_left_side total_width"></div>';
            content += '<div class="mid_content total_width">';
                content += '<img src="'+new_src+'" alt="" />';
            content += '</div>';
            content += '<div class="mid_right_side total_width"></div>';
            content += '<div class="clear"></div>';
        content += '</div>';
        content += '<div class="bottom_overlay_content">';
            content += '<div class="left_corner">';
                content += '<img src="/assets/img/overlay/bottom_left_corner.png" alt=""/>';
            content += '</div>';
            content += '<div class="mid_repeat"></div>';
            content += '<div class="right_corner">';
                content += '<img src="/assets/img/overlay/bottom_right_corner.png" alt=""/>';
            content += '</div>';
            content += '<div class="clear"></div>';
        content += '</div>';
        $.overlay(content,config);
        return false;
    });

    $('.img_list .img').each(function(){
        resize_gallery($(this));
    });

});

function resize_overlay() {
    var total_width = 0;
    $('#overlay .contentOverlay .mid_overlay .total_width').each(function(){
        total_width += $(this).width();
    });
    total_width += 4;
    $('#overlay .contentOverlay .mid_overlay').css({width:total_width});
    $('#overlay .contentOverlay .top_overlay_content .mid_repeat').width($('#overlay .contentOverlay .mid_overlay .mid_content').outerWidth());
    $('#overlay .contentOverlay .bottom_overlay_content .mid_repeat').width($('#overlay .contentOverlay .mid_overlay .mid_content').outerWidth());
    $('#overlay .contentOverlay .mid_overlay .mid_left_side').height($('#overlay .contentOverlay .mid_overlay .mid_content').outerHeight());
    $('#overlay .contentOverlay .mid_overlay .mid_right_side').height($('#overlay .contentOverlay .mid_overlay .mid_content').outerHeight());
}

function resize_gallery($item) {
    if($.browser.msie && $.browser.version == 7) {
        $item.css({width:$item.width()+12,'margin-right':'0','margin-bottom':'12px'});
    }
    $('.top_overlay_content .mid_repeat',$item).width($('.mid_overlay .mid_content',$item).outerWidth());
    $('.bottom_overlay_content .mid_repeat',$item).width($('.mid_overlay .mid_content',$item).outerWidth());
    $('.mid_overlay .mid_left_side',$item).height($('.mid_overlay .mid_content',$item).outerHeight());
    $('.mid_overlay .mid_right_side',$item).height($('.mid_overlay .mid_content',$item).outerHeight());
}