$(document).ready(function() {
    topwidth();
    layout();
    panels();
    slideshow();
;});

$(window).bind('resize', function(){topwidth();});

function topwidth() {
    var windowwidth = $(window).width();
    var leftwidth = $('#left').width();
    var width = windowwidth-leftwidth;
    $('#top').width(width);
    $('#productsubnav').width(width);

}

function layout() {
    
    if($.trim($('#zone').text()) == '') {$('#zone').css('display', 'none');}
    if($.trim($('#productsubnav').text()) == '') {
        $('#productsubnav').css('visibility', 'hidden');
    }
    
}

function panels() {
    $('#productsubnav a').click(function(){
        //nav li
        $('#productsubnav li').each(function(){$(this).removeClass('selected')})
        $(this).parent().addClass('selected');
        //panels
        $('#productinfos div').each(function(){
            if ($(this).attr('class')=='show') {
                $(this).removeClass('show');
                $(this).addClass('hide');
            }
        })
        var selectedDiv = '#' + $(this).attr('rel');
        $(selectedDiv).removeClass('hide');
        $(selectedDiv).addClass('show');
        
//        if (selectedDiv=='#panel1') {
//            $('#prodThumbsLifeStyle').show();
//        } else {$('#prodThumbsLifeStyle').hide();}
        
    });
} 


function slideshow() {

    $('#prodThumbs a').click(function(){
        $('#prodThumbs a').each(function(){$(this).removeClass('selected')})
        $('#prodThumbsLifeStyle a').each(function(){$(this).removeClass('selected')})
        $(this).addClass('selected');
        var lnk = $(this).attr('rel');
        var actions = 2; 
        $('<img src="' + lnk + '" />').load(next);
        $('#imgBig').fadeOut(next);
     
        function next() {
            if(--actions) return;
            $('#imgBig').attr('src',lnk);
            $('#imgBig').fadeIn();
        }

    });
    
    $('#prodThumbsLifeStyle a').click(function(){
    
        //panels
        var flag1 = false;
        $('#productinfos div').each(function(){
            if (($(this).attr('class')=='show')&&($(this).id!='panel1')) {
                flag1 = true;
                $(this).removeClass('show');
                $(this).addClass('hide');
            }
            if (flag1) {
                var flag2 = false;
                $('#productsubnav li').each(function(){
                    if (($(this).attr('class')=='selected')&&($(this).id!='productdetail1')) {
                        $(this).removeClass('selected');
                        flag2 = true;
                    }
                });
                if (flag2) {$('#productdetail1').addClass('selected');}
                $('#panel1').removeClass('hide');
                $('#panel1').addClass('show');
            }
        })
    
        $('#prodThumbsLifeStyle a').each(function(){$(this).removeClass('selected')})
        $('#prodThumbs a').each(function(){$(this).removeClass('selected')})
        $(this).addClass('selected');
        var lnk = $(this).attr('rel');
        var actions = 2; 
        $('<img src="' + lnk + '" />').load(next);
        $('#imgBig').fadeOut(next);
     
        function next() {
            if(--actions) return;
            $('#imgBig').attr('src',lnk);
            $('#imgBig').fadeIn();
        }
        
    });
    
    
}