﻿/*
* ------------------------------------------------------------------------------------------------
* @author 	Leandro Mancini mancinilele@gmail.com
* ------------------------------------------------------------------------------------------------
*/

var structure = {
    init: function(){
        trace('structure : init');
        
        structure.login.init();
        structure.menu.init();
        structure.subMenu.init();
        structure.footer.init();
    },
    
    login:{
        init: function(){
            trace('structure : login : init');
            
            $('.general .header dl dd').find("input, textarea").val('');
            
            $('.general .header dl dd').find("input, textarea").keyup(function(){
                $(this).next().hide();
            });
        }
    },
    
    menu: {
        duration: 300,
        
        init: function(){
            trace('structure : menu : init');
            
            $.each($('.general .header .nav ul li'), function(i, item){
                $(item)
                    .append('<span/>')
                    .find('a')
                    .bind('mouseenter', structure.menu.mnEnter)
                    .bind('mouseleave', structure.menu.mnLeave);
            });
        },
        
        mnEnter: function(e){
            var _this = $(e.currentTarget);
            
            
            if(jQuery.browser.msie){
		        _this.animate({
                    color: '#ffffff'
                },{
                    duration: structure.menu.duration,
                    queue: false,
                    easing: 'easeOutExpo'
                }).next('span').animate({
                    top: -25
                },{
                    duration: structure.menu.duration,
                    queue: false,
                    easing: 'easeOutExpo'
                });
		    }else{
		        _this.animate({
                    color: '#ffffff'
                },{
                    duration: structure.menu.duration,
                    queue: false,
                    easing: 'easeOutExpo'
                }).next('span').animate({
                    top: -25,
                    opacity: 1
                },{
                    duration: structure.menu.duration,
                    queue: false,
                    easing: 'easeOutExpo'
                });
		    }
        },
        
        mnLeave: function(e){
            var _this = $(e.currentTarget);
            
            if(jQuery.browser.msie){
		        _this.animate({
                    color: '#757575'
                },{
                    duration: structure.menu.duration,
                    queue: false,
                    easing: 'easeOutExpo'
                }).next('span').animate({
                    top: -120
                },{
                    duration: structure.menu.duration,
                    queue: false,
                    easing: 'easeOutExpo'
                });
		    }else{
		        _this.animate({
                    color: '#757575'
                },{
                    duration: structure.menu.duration,
                    queue: false,
                    easing: 'easeOutExpo'
                }).next('span').animate({
                    top: -60,
                    opacity:0
                },{
                    duration: structure.menu.duration,
                    queue: false,
                    easing: 'easeOutExpo'
                });
		    }
        }
    },
    
    subMenu: {
        duration: 400,
    
        init: function(){
            trace('structure : subMenu : init');
            
            $.each($('#sub-mn ul li'), function(i, item){
                $(item)
                    .append(
                        $('<span/>')
                            .addClass('center')
                            .css({'opacity':'0'})
                            .append($('<span/>').addClass('fL'))
                            .append($('<span/>').addClass('fR'))
                    ).find('a')
                    .bind('mouseenter', structure.subMenu.subMNEnter)
                    .bind('mouseleave', structure.subMenu.subMNLeave);
            });
        },
        
        subMNEnter: function(e){
            var _this = $(e.currentTarget);
            
            _this.animate({
                color: '#ffffff'
            },{
                duration: structure.subMenu.duration,
                queue: false,
                easing: 'easeOutExpo'
            }).next('.center').animate({
                top: -20,
                opacity: 1
            },{
                duration: structure.subMenu.duration,
                queue: false,
                easing: 'easeOutExpo'
            });
        },
        
        subMNLeave: function(e){
            var _this = $(e.currentTarget);
            
            _this.animate({
                color: '#a9a9a9'
            },{
                duration: structure.subMenu.duration,
                queue: false,
                easing: 'easeOutExpo'
            }).next('.center').animate({
                top: -40,
                opacity: 0
            },{
                duration: structure.subMenu.duration,
                queue: false,
                easing: 'easeOutExpo'
            });
        }
    },
    
    footer:{
        init: function(){
            trace('structure : footer : init');
            
            structure.footer.structure();
            structure.footer.resize();
            $(window).bind('resize', structure.footer.resize);
        },
        
        structure: function(){
            $('.general')
                .append($('<span/>').addClass('bg-header'));
                
            $('.general .footer')
                .append($('<span/>').addClass('bg-footer'))
        },
        
        resize: function(){
            var _width = $(window).width();
            var _length = 1440;
            
            trace(_width);
            
            if(_width > _length){
                $('.bg-footer').css({'left':'0'});
            }
            
            if(_width < 1230){
                $('.bg-header').css({'background-position':'310px top'});
            }else{
                $('.bg-header').css({'background-position':'190px top'});
            }
        }
    }
};

$(document).ready(structure.init);
