jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);



function resizeFrame()
{
    var h = $(window).height();
    var w = $(window).width();
    UserAreaScroll();

    var footer = $('#footer').height();
    var header = $('#header').height();

    var total = footer + header+93;

    $('#main_content').css('height',h-90);
    $('#col_products_content').css('height',h-total);

    $('#ProductTarget').css('height',h-total);

    $('#flash_container').css('width', w);
    $('#footerflash').css('width', w-270);



    $('.content_products').css('width', w-285);

    if($('#scrollbar1 .viewport').length>0) {
        var oScrollbar = $('#scrollbar1');
        oScrollbar.tinyscrollbar();

        oScrollbar.update();

        $('#scrollbar1 .track').css('height',$('#scrollbar1 .track').height()-25);
        $('#scrollbar1 .thumb').css('height',$('#scrollbar1 .thumb').height()-25);
        $('#scrollbar1 .viewport').css('height',h-254);
    }

    if($('#col_image').length>0) {

        /*$('#col_image').css('width',w-285);*/
        $('#col_image').css('height',h-140);
    }
    if($('#scrollbar_left .viewport').length>0) {
        var oScrollbarleft = $('#scrollbar_left');
        oScrollbarleft.tinyscrollbar();

        oScrollbarleft.update();

        $('#scrollbar_left .track').css('height',$('#scrollbar_left .track').height()-25);
        $('#scrollbar_left .thumb').css('height',$('#scrollbar_left .thumb').height()-25);
        $('#scrollbar_left .viewport').css('height',h-234);
    }
    
    if($('#html_content .viewport').length>0) {
        var oScrollbarhtmlcontent = $('#html_content');
        oScrollbarhtmlcontent.tinyscrollbar();

        oScrollbarhtmlcontent.update();
        $('#html_content').css('width', w-305);
        $('#html_content .track').css('height',$('#html_content .track').height()-25);
        $('#html_content .thumb').css('height',$('#html_content .thumb').height()-25);
        $('#html_content .viewport').css('height',h-204);
    }
    
    if($('#scrollbar_session .viewport').length>0) {
        var oScrollbar_session = $('#scrollbar_session');
        oScrollbar_session.tinyscrollbar();

        oScrollbar_session.update();
        $('#scrollbar_session').css('width', 650);
        $('#scrollbar_session .track').css('height',$('#scrollbar_session .track').height()-35);
        $('#scrollbar_session .thumb').css('height',$('#scrollbar_session .thumb').height()-35);
        $('#scrollbar_session .viewport').css('height',260);
    }

    

    

    if($('#scrollbar_prod .viewport').length>0) {
        var oScrollbar1 = $('#scrollbar_prod');
        oScrollbar1.tinyscrollbar({
            axis:'x'
        });

        oScrollbar1.update();
        $('#scrollbar_prod .viewport').css('width',w-360);
        $('#scrollbar_prod .track').css('width',$('#scrollbar_prod .track').width()-40);
        $('#scrollbar_prod .thumb').css('width',$('#scrollbar_prod .thumb').width()-40);
        $('#scrollbar_prod').css('width',w-355);
    }

    if($('#scrollbar_search .viewport').length>0) {
        var oScrollbar3 = $('#scrollbar_search');
        oScrollbar3.tinyscrollbar({
            axis:'x'
        });

        oScrollbar3.update();
        $('#scrollbar_search .viewport').css('width',w-360);
        $('#scrollbar_search .track').css('width',$('#scrollbar_search .track').width()-40);
        $('#scrollbar_search .thumb').css('width',$('#scrollbar_search .thumb').width()-40);
        $('#scrollbar_search').css('width',w-355);
    }

    if($('#scrollbar_combinacom .viewport').length>0) {
        var oScrollbar2 = $('#scrollbar_combinacom');
        oScrollbar2.tinyscrollbar({
            axis:'x'
        });

        oScrollbar2.update();
        $('#scrollbar_combinacom .viewport').css('width',w-360);
        $('#scrollbar_combinacom .track').css('width',$('#scrollbar_combinacom .track').width()-40);
        $('#scrollbar_combinacom .thumb').css('width',$('#scrollbar_combinacom .thumb').width()-40);
        $('#scrollbar_combinacom').css('width',w-340);
    }

    if($('#scrollbar_userarea .viewport').length>0) {
        var oScrollbar4 = $('#scrollbar_userarea');
        oScrollbar4.tinyscrollbar();

        oScrollbar4.update();

        $('#scrollbar_userarea .track').css('height',$('#scrollbar1 .track').height()-245);
        $('#scrollbar_userarea .thumb').css('height',$('#scrollbar1 .thumb').height()-245);
        $('#scrollbar_userarea .viewport').css('height',h-274);

    //        $('#scrollbar1 .track').css('height',$('#scrollbar1 .track').height()-25);
    //        $('#scrollbar1 .thumb').css('height',$('#scrollbar1 .thumb').height()-25);
    //        $('#scrollbar1 .viewport').css('height',h-234);
    }
   



    
    
}



function HideAll() {

    
    $('#col_center').hide({
        direction:"right",
        duration: 1000
    });
    $('#col_left').hide({
        direction:"right",
        duration: 1000
    })
   
    
}

function ShowAll() {

    var url = window.location.toString();
    var prod = url.indexOf('products.php');


    if(prod==-1) {
        $('#col_left').show({
            direction:"right",
            duration: 1000
        });



        $('#col_center').show({
            direction:"right",
            duration: 1000
        });

    } else{

        //        $('.col_left_subcontent').hide();
        //        $('.col_left_subcontent').fadeIn(1000);

        $('#col_left').show();

        $('#col_center').show();
    }
    

}



function showOverlay() {
    //	$("#col_products_content").height($("#inicial").height());

    $("#overlay").show();
    $("#overlay").height($("#col_products_content").height());
    $("#overlay .fillcontent").height($("#col_products_content").height()-180);
    $("#overlay").width($("#col_products_content").width());
    $("#overlay").offset($("#col_products_content").offset());

    resizeFrame();

}

function hideOverlay() {
    $("#overlay").hide();
}




/* setas scroll */

function ScrollUp(elem) {
    
    var inc_thumb = 20;
    var inc_overview = 20;
    
    var thumb = elem.parent().find(".track").find(".thumb");
    var overview = elem.parent().parent().find(".viewport").find(".overview");
    var h = elem.parent().find(".track").find(".thumb").position().top;
    var h_overview = overview.position().top;
    var track = elem.parent().find(".track");
    
    
    var size_overview = overview.height();
    var size_track = track.height();
    
    inc_overview = size_overview / (size_track/inc_thumb);
    
    
    if(h-inc_thumb>=0){
        thumb.css("top", h-inc_thumb);
        
        if(h_overview+inc_overview<=0)
            overview.css("top", h_overview+inc_overview);
        else
            overview.css("top", 0);
    }else if(h > 0 ){
        thumb.css("top", 0);
        overview.css("top", 0);
    }
}

function ScrollDown(elem) {
    
    var inc_thumb = 20;
    var inc_overview = 20;
    
    var lixo = 0;
    
    var thumb = elem.parent().find(".track").find(".thumb");
    var overview = elem.parent().parent().find(".viewport").find(".overview");
    var h = elem.parent().find(".track").find(".thumb").position().top;
    var h_overview = overview.position().top;
    var track = elem.parent().find(".track");
    
    var size_viewport = elem.parent().parent().find(".viewport").height();
    
    var size_overview = overview.height();
    var size_track = track.height();
    
    inc_overview = size_overview / (size_track/inc_thumb);
    
    
    if(h+inc_thumb<=(size_track-thumb.height()-lixo)){
        thumb.css("top", h+inc_thumb);
        
        if(h_overview-inc_overview>=size_viewport-size_overview)
            overview.css("top", h_overview-inc_overview);
        else
            overview.css("top", size_viewport-size_overview);
    }else if(h <(size_track-thumb.height()-lixo)){
        thumb.css("top", size_track-thumb.height()-lixo);
        overview.css("top", size_viewport-size_overview);
    } 
}


function ScrollLeft(elem) {
    
    var inc_thumb = 20;
    var inc_overview = 20;
    
    var thumb = elem.parent().find(".track").find(".thumb");
    var overview = elem.parent().parent().find(".viewport").find(".overview");
    var h = elem.parent().find(".track").find(".thumb").position().left;
    var h_overview = overview.position().left;
    var track = elem.parent().find(".track");
    
    
    var size_overview = overview.width();
    var size_track = track.width();
    
    inc_overview = size_overview / (size_track/inc_thumb);
    
    
    if(h-inc_thumb>=0){
        thumb.css("left", h-inc_thumb);
        
        if(h_overview+inc_overview<=0)
            overview.css("left", h_overview+inc_overview);
        else
            overview.css("left", 0);
    }else if(h > 0 ){
        thumb.css("left", 0);
        overview.css("left", 0);
    }
}

function ScrollRight(elem) {
    
    var inc_thumb = 20;
    var inc_overview = 20;
    
    var lixo = 0;
    
    var thumb = elem.parent().find(".track").find(".thumb");
    var overview = elem.parent().parent().find(".viewport").find(".overview");
    var h = elem.parent().find(".track").find(".thumb").position().left;
    var h_overview = overview.position().left;
    var track = elem.parent().find(".track");
    
    var size_viewport = elem.parent().parent().find(".viewport").width();
    
    var size_overview = overview.width();
    var size_track = track.width();
    
    inc_overview = size_overview / (size_track/inc_thumb);
    
    
    if(h+inc_thumb<=(size_track-thumb.width()-lixo)){
        thumb.css("left", h+inc_thumb);
        
        if(h_overview-inc_overview>=size_viewport-size_overview)
            overview.css("left", h_overview-inc_overview);
        else
            overview.css("left", size_viewport-size_overview);
    }else if(h <(size_track-thumb.width()-lixo)){
        thumb.css("left", size_track-thumb.width()-lixo);
        overview.css("left", size_viewport-size_overview);
    } 
}