$(function(){
    $('#sidebar ul.oscmenu > li > ul').each(function(){
        var $submenu = $(this);
        $submenu.parent().hover(function(){
            var menuItemHeight = 80;
            if($('body').hasClass('compact')){
                menuItemHeight = 50;
            }
            $submenu.css('margin-top',((menuItemHeight-$submenu.height())/2)-10);
        },function(){
        });
    });
    $('#sidebar ul.oscmenu > li').each(function(){
        $(this).hover(function(){
            $(this).addClass('hover');
        },function(){
            $(this).removeClass('hover');
        });
    });
    $('#show-more > ul').each(function(){
        var $submenu = $(this);
        $submenu.parent().hover(function(){
            $(this).addClass('hover');
        },function(){
            $(this).removeClass('hover');
        });
    });
    $('#hidden-menus').on('mouseenter','li',function(){
        var $submenu = $(this).find('ul');
        $(this).addClass('hover');
        $submenu.css('top',($submenu.height()*-1)).css('margin-top','-22px');
    }).on('mouseleave','li',function(){
        $(this).removeClass('hover')
    });
    $('#language-tab li a').click(function(){
        $('#language-tab li').removeClass('ui-state-active').removeClass('ui-tabs-selected');
        $(this).parent().addClass('ui-tabs-selected ui-state-active');
        var currentLocale = $(this).attr('href').replace('#','');
        $(osc.locales.string).parent().hide();
        $('[name*="'+currentLocale+'"], .'+currentLocale).parent().show();
        osc.locales.current = currentLocale;
        return false;
    });
    $('#language-tab li a[href="#'+osc.locales._default+'"]').triggerHandler("click");
    //Row actions
    $('.table .actions').each(function(){
        var $actions = $(this);
        var $rowActions = $('#table-row-actions');
        $(this).parents('tr').mouseenter(function(event){
            event.preventDefault();
            var $containterOffset = $('.table-contains-actions').offset();
            $thisOffset = $(this).offset();
            var extra_offset = 0;
            colStatusBorderOuterWidth = $('td.col-status-border').outerWidth();
            if(!isNaN(colStatusBorderOuterWidth)){
                extra_offset += colStatusBorderOuterWidth;
            }
            colStatusOuterWidth = $('td.col-status').outerWidth();
            if(!isNaN(colStatusOuterWidth)){
                extra_offset += colStatusOuterWidth;
            }
            colBulkactionsOuterWidth = $('td.col-bulkactions').outerWidth();
            if(!isNaN(colBulkactionsOuterWidth)){
                extra_offset += colBulkactionsOuterWidth;
            }
            $rowActions.empty().append($actions.clone()).css({
                width: $(this).width() - 13 - extra_offset,
                top: ($thisOffset.top - $containterOffset.top) + $(this).height()-1,
                left: extra_offset
            }).show();
            $('tr').removeClass('collapsed-hover');
            if($(this).parents('div.table-contains-actions').hasClass('table-collapsed')){
                var thatRow = $(this);
                thatRow.next().addClass('collapsed-hover');
                $rowActions.mouseleave(function(){
                    $('tr').removeClass('collapsed-hover');
                });
            }
        });
    });
    $('.table-contains-actions').mouseleave(function(){
        $('tr').removeClass('collapsed-hover');
        $('#table-row-actions').hide();
    });
    //Close help
    $('body').on('click', '.flashmessage .ico-close',function(){
        $(this).parents('.flashmessage').hide();
    });
    $('#help-box .ico-close').click(function(){
        $('#help-box').hide();
    });
    $('#content-head .ico-help').click(function(){
        $('#help-box').fadeIn();
    });
    $('#table-row-actions').on('click','.show-more-trigger', function(){
        $(this).parent().addClass('hover');
        return false;
    });
    //Selects
    $('select').each(function(){
        selectUi($(this));
    });
    //Set Layout
    $(window).resize(function(){
        resetLayout();
    }).resize();

    $('#flashmessage:not(:empty)').show('fast',function(){
        //$(this).hide('slow');
    });
    $('.input-has-placeholder input:not([type="hidden"])').each(function(){
        var placeHolder = $(this).prev();
        var input = $(this);
        input.focus(function(){
            placeHolder.hide();
        }).blur(function(){
            if(input.val() == ''){
                placeHolder.show();
            }else{
                placeHolder.hide();
            }
        }).triggerHandler('blur');
        placeHolder.click(function(){
            input.focus();
        });
    });
    oscTab();
    $(".close-dialog").on("click", function(){
        $(".ui-dialog-content").dialog("close");
        return false;
    });
    //Dissable
    $('.btn-disabled, *:disabled').css('opacity','0.7').on('click',function(){
        return false;
    });
    //Compact mode
    var cmode_trigger = $("#osc_toolbar_switch_mode > .trigger");
    var cmode_bg = $("#osc_toolbar_switch_mode > .background");
    if($('body').hasClass('compact')){
        cmode_trigger.stop().animate({left:24},500);
        cmode_bg.stop().animate({backgroundColor:'#00e1f2'},500);
    } else {
        cmode_trigger.stop().animate({left:0},500);
        cmode_bg.stop().animate({backgroundColor:'#f3f3f3'},500);
    }
    $("#osc_toolbar_switch_mode ").on("click", function(){
        $.getJSON(
            $(this).attr('href'),
            function(data){
                if(data.compact_mode == false){
                    $('body').removeClass('compact');
                    cmode_trigger.stop().animate({left:0},500);
                    cmode_bg.stop().animate({backgroundColor:'#f3f3f3'},500);
                } else {
                    $('body').addClass('compact');
                    cmode_trigger.stop().animate({left:24},500);
                    cmode_bg.stop().animate({backgroundColor:'#00e1f2'},500);
                }
                resetLayout();
            });
        return false;
    });
});
function oscTab(callback){
    $(".osc-tab").tabs();
}
function selectUi(thatSelect){
    var uiSelect = $('<a href="#" class="select-box-trigger"></a>');
    var uiSelectIcon = $('<span class="select-box-icon"><div class="ico ico-20 ico-drop-down"></div></span>');
    var uiSelected = $('<span class="select-box-label">'+thatSelect.find("option:selected").text()+'</span>');

    thatSelect.css('filter', 'alpha(opacity=40)').css('opacity', '0');
    thatSelect.wrap('<div class="select-box '+thatSelect.attr('class')+'" />');


    uiSelect.append(uiSelected).append(uiSelectIcon);
    thatSelect.parent().append(uiSelect);
    uiSelect.click(function(){
        return false;
    });
    thatSelect.change(function(){
        uiSelected.text(thatSelect.find('option:selected').text());
    });
    thatSelect.on('remove', function() {
        uiSelect.remove();
    });
}
function resetLayout(){
    //calc how items can see
    var headerHeight = 50;
    var compactModeButtonHeight = 75;
    var menuItemHeight = 80;
    var thisHeight  = $(window).height()-headerHeight;
    var footeHeight = 57;
    var $sidebar = $('#sidebar');
    //reset vars if compact mode
    if($('body').hasClass('compact')){

    }
    //calc
    var visible = Math.floor((thisHeight-compactModeButtonHeight)/menuItemHeight)-1; //-1 for show moreBtn

    //Global actions
    $('#sidebar ul.oscmenu > li').show();
    //actions depends mode
    if($('body').hasClass('compact')){
        $('#show-more').hide();
    } else {
        var hidden = $('#sidebar ul.oscmenu > li:gt('+(visible-1)+')'); //-1 fix gt starts in 0
        if(hidden.length > 1){
            $('#hidden-menus').empty().append(hidden.clone()).css({
                width: (hidden.length*menuItemHeight)
            })
            hidden.hide();
            $('#show-more').show();
        } else {
            $('#show-more').hide();
        }
    }
    //global footer
    $('#content-page').css({paddingBottom:60});
    $('#sidebar').css({
        position:'fixed',
        height: '100%',
        left:0,
        top:50
    });
    var calcPaddingBtm;
    if($(window).height() < (620+headerHeight)){
        if($('body').hasClass('compact')){
            calcHeigt = $('#content-render').height();
            if(calcHeigt<620){
                calcHeigt = 620;
            }
            $('#sidebar').css({
                position:'absolute',
                height: calcHeigt,
                left:-50,
                top:0
            });
        }
        //$('#content-page').css('background-color','red');
        calcPaddingBtm = 620-($('#content-render').height())+50+10;
    } else {
        calcPaddingBtm = $(window).height()-($('#content-render').height()-10);
        //$('#content-page').css('background-color','green');
    }
    $('#content-page').css({paddingBottom:calcPaddingBtm});
}
function tabberAutomatic(){
    $('.tabber:hidden').show();
    $('.tabber h2').remove();
    $(osc.locales.string).parent().hide();
    $('[name*="'+osc.locales.current+'"],.'+osc.locales.current).parent().show();
}