$(function(){
    $('.login').cmsPopup({
        template_form: 'client-login.snip',
        template_path: '',
        height: 70
    });
    
    // DATE PICKER
    if($.fn.datepicker){
        $('.cms-date').datepicker();
    }
    $('.cms-date-icon').bind('click',{},function(){
        $(this).prev().focus();	
    });
    
    $(window).load(function(){
        $('body').oneTime(500, function(){
            var effect = $('div[data-effect]');
            if(effect.length === 1){
                effect = Number(effect.attr('data-effect'));
                /*
                    UI EFFECTS:
                    blind, clip, drop, explode, fold, puff, slide, scale
                */
                // 2 COLUMN: FADE BOTH
                if(effect === 1){
                    $('.mask-1').fadeOut();
                    $('body').oneTime(750, function(){
                        $('.mask-2').fadeOut();
                    });
                }
                // 2 COLUMN: SLIDE IN BOTH
                else if(effect === 2){
                    $('.mask-1').hide("slide", {direction: "right"}, 500);
                    $('body').oneTime(750, function(){
                        $('.mask-2').animate({"width":0});
                    });
                }
                // 2 COLUMN: SLIDE OUT BOTH
                else if(effect === 3){
                    $('.mask-1').hide("slide", {direction: "left"}, 500);
                    $('.mask-2').hide("slide", {direction: "right"}, 1000);
                }
                // 2 COLUMN: SLIDE UP THEN DOWN
                else if(effect === 4){
                    $('.mask-1').hide("slide", {direction: "up"}, 500);
                    $('.mask-2').hide("slide", {direction: "down"}, 500);
                }
                // 2 COLUMN: PULSATE BOTH
                else if(effect === 5){
                    $('.mask-1').effect("pulsate", {mode:'hide',times:2}, 300);
                    $('body').oneTime(500, function(){
                        $('.mask-1').fadeOut();
                        $('.mask-2').effect("pulsate", {mode:'hide',times:2}, 300);
                        $('body').oneTime(500, function(){
                            $('.mask-2').fadeOut();
                        });
                    });
                }
                
                // 1 COLUMN: FADE OUT
                if(effect === 6){//
                    $('.mask-1').fadeOut();
                }
                // 1 COLUMN: SHRINK IN
                else if(effect === 7){//
                    $('.mask-1').hide("clip", {direction: "horizontal"}, 500);
                }
                // 1 COLUMN: PULSATE 
                else if(effect === 8){
                    $('.mask-1').effect("pulsate", {mode:'hide',times:2}, 300);
                    $('body').oneTime(500, function(){
                        $('.mask-1').fadeOut();
                    });
                }
                // 1 COLUMN: SLIDE UP
                else if(effect === 9){
                    $('.mask-1').slideUp();
                }
                // 1 COLUMN: FOLD 
                else if(effect === 10){
                    $('.mask-1').hide("fold", {"size":175}, 1000);
                }
                
                // BARS: BLINDS
                if(effect === 11){
                    $('.mask-1').animate({"width":0});
                    $('.mask-3').animate({"width":0});
                    $('.mask-5').animate({"width":0});
                    $('.mask-2').animate({"width":0});
                    $('.mask-4').animate({"width":0});
                }
                // BARS: SLIDE UP && SLIDE DOWN
                else if(effect === 12){
                    $('.mask-1').hide("slide", {direction: "up"}, 500);
                    $('.mask-3').hide("slide", {direction: "up"}, 500);
                    $('.mask-5').hide("slide", {direction: "up"}, 500);
                    $('.mask-2').hide("slide", {direction: "down"}, 500);
                    $('.mask-4').hide("slide", {direction: "down"}, 500);
                }
                
                // 2 ROWS: SLIDE UP AND DOWN
                if(effect === 16){
                    $('.mask-1').hide("slide", {direction: "up"}, 500);
                    $('.mask-2').hide("slide", {direction: "down"}, 1300);
                }
                // 2 ROWS: SLIDE LEFT AND RIGHT
                else if(effect === 17){
                    $('.mask-1').hide("slide", {direction: "left"}, 500);
                    $('.mask-2').hide("slide", {direction: "right"}, 500);
                }
            }
        });
    });
});