$(function(){
    
    if ($('#nav-comm').length) {
        $('#nav-comm').mouseover(function(event){
            if (event.target.id) {
                $('#t-' + event.target.id).addClass('img-highlight');
            }
        });
        $('#nav-comm').mouseout(function(event){
            if (event.target.id) {
                $('#t-' + event.target.id).removeClass('img-highlight');
            }
        });
        $('.thumbs a').mouseenter(function(event){
            var parts = this.id.toString().split("-");
            $('#n-' + parts[2]).addClass('nav-highlight');
        });
        $('.thumbs a').mouseleave(function(event){
            var parts = this.id.toString().split("-");
            $('#n-' + parts[2]).removeClass('nav-highlight');
        });
    }
    
    //$('.content').jScrollPane({showArrows:true, arrowSize: 13, scrollbarWidth: 13});
    if ($('.content').length) {
        $('.content').jScrollPane();
    }
    
    // image preview  
    if ($('.thumbs').length) {
        
        // product thumbs
        
        $('#thumbs img').mouseenter(function(e){
            var middle = $(document).width() / 2;
            var left = $(this).offset().left;
            var top = $(this).offset().top;
            if (left < middle) {
                shiftLeft = 110;
            } else {
                shiftLeft = -250;
            }
            var parts = this.src.split("/");
            var img = parts[parts.length - 1];
            var src = "/img/products/main/" + img;
            var parts = this.alt.split(" - ");
            var title = parts[1] + " &gt; " + parts[0];
            $('#img-preview').css({left: left + shiftLeft + 'px', top: top - 80 + 'px'});
            $('#img-preview .title').html(title);
            $('#img-preview .img').html("<img src='" + src + "' />");
            $('#img-preview').show();
        });
        $('.thumbs img').mouseleave(function(e){
            var parts = this.src.split("/");
            var img = parts[parts.length - 1];
            var src = "/img/products/main/" + img;
            $('#img-preview').hide();
            $('#img-preview .img').html("");
            $('#img-preview .title').html("");
        });
        
        // other thumbs
        $('#collection img').mouseenter(function(e){
            var middle = $(document).width() / 2;
            var left = $(this).offset().left;
            var top = $(this).offset().top;
            if (left < middle) {
                shiftLeft = 110;
            } else {
                shiftLeft = -250;
            }
            var parts = this.src.split("/");
            var img = parts[parts.length - 1];
            var src = "/img/products/main/" + img;
            var parts = this.alt.split(" - ");
            var title = parts[1] + " &gt; " + parts[0];
            $('#img-preview').css({left: left + shiftLeft + 'px', top: top - 80 + 'px'});
            $('#img-preview .title').html(title);
            $('#img-preview .img').html("<img src='" + src + "' />");
            $('#img-preview').show();
        });
        $('#collection img').mouseleave(function(e){
            var parts = this.src.split("/");
            var img = parts[parts.length - 1];
            var src = "/img/products/main/" + img;
            $('#img-preview').hide();
            $('#img-preview .img').html("");
            $('#img-preview .title').html("");
        });
        
    }
    
    // family photo preview
    if ($('#hg-img').length) {
        $('#hg-img').mouseenter(function(e){
            var middle = $(document).width() / 2;
            var top = $(this).offset().top - 140;
            var left = middle - 450;
            $('#hg-preview').css({left: left + 'px', top: top + 'px'});
            $('#hg-preview').fadeIn();
        });
        $('#hg-img').mouseleave(function(e){
            $('#hg-preview').fadeOut();
        });
    }
    
    $('#nl').click(function(){
        return showWin('ck_win2');
    });

    $('#ck_win_close2').click(function(){
        return hideWin('ck_win2');
    });
    
    $('#send-friend a').click(function(){
        return showWin('ck_win3');
    });

    $('#ck_win_close3').click(function(){
        return hideWin('ck_win3');
    });
    
    $('.prod-img a').click(function(){
        showWin('ck_win');
        $('#popup_img').hide();
        $('#popup_img').attr('src', this.href);
        $('#popup_img').load(function(){
            $('#popup_img').show();
        });
        
        return false;
    });
    
    $('#ck_win_close').click(function(){
        return hideWin('ck_win');
    });
    
    function showWin(win){
        if ($('#flash').length) {
            $('#flash').hide();
        }
        $('#' + win).slideDown();
        return false;
    }
    
    function hideWin(win){
        $('#' + win).slideUp();
        if ($('#flash').length) {
            $('#flash').show();
        }
        return false;
    }
    
});