window.addEvent('domready',function(){

    var myAccordion = new Accordion($('order_info_container'), 'p.order', 'div.order_table', {
        opacity: false,
        onActive: function(toggler, element){
                toggler.setStyle('color', '#41464D');
        },
        onBackground: function(toggler, element){
                toggler.setStyle('color', '#528CE0');
        }
    });


//    if($('username_top')!==null){
//        $('username_top').addClass("validate['required','length[0,32]','target:error_logintop']");
//    }
//    if($('password_top')!==null){
//        $('password_top').addClass("validate['required','length[0,32]']");
//    }

    var myCheck = new FormCheck('header_form_login',{
            submit : 'false',
            onValidateSuccess : function(){
                send_login_form_header();
            }
        });
        // Ajax Form
    if($('header_form_login')!==null){
        $('header_form_login').addEvent('submit',function(){return(false);});
    }
});

    function showBoxHeader(div){
        var morph = new Fx.Morph(div,{
            'duration': 700,
            'transition': 'bounce:out'
        });
        var x = new Chain();
            var one = function(){
                $(div).setStyle('diplay','block')
                
	};
            var two = function(){
                if(div=='login_container'){
                    morph.start({'height':300 });
                }else{
                    morph.start({'height':477 });
                }      
	};

	x.chain(one);
	x.chain(two);
	x.callChain();
	x.callChain.delay(500, x);
    }


    function hideBoxHeader(div){
        var morph = new Fx.Morph(div,{
            'duration': 700,
            'transition': 'bounce:out'
        });
        var x = new Chain();
                var one = function(){
                    morph.start({'height':0 });
            };
                var two = function(){
                    $(div).setStyle('diplay','none');
            };

            x.chain(one);
            x.chain(two);
            x.callChain();
            x.callChain.delay(500, x);
    }

function send_login_form_header(){
    var result=true;

     if($('username_top').value==""){
         result=false;
         $('username_top').setStyle('border','2px solid #EE0471');
         $('username_top').addEvent('keydown',function(){ this.setStyle('border','1px solid #CCCCCC'); $('error_logintop').setStyle('visibility','hidden')});
         $('error_logintop').set('text','We need that info, Bro!');
         $('error_logintop').setStyle('visibility','visible');
    }
    else{
    if($('password_top').value==""){
         result=false;
        $('password_top').setStyle('border','2px solid #EE0471');
        $('password_top').addEvent('keydown',function(){ this.setStyle('border','1px solid #CCCCCC'); $('error_logintop').setStyle('visibility','hidden')});
        $('error_logintop').set('text','We need that info, Bro!');
        $('error_logintop').setStyle('visibility','visible');
    }
}
if (result){
    form = $('header_form_login');
        form.set('send',{
                url: base_url+index_file+'login/login_top',
                method: 'post',
                onComplete: function(responseText){
                    if(responseText.trim() == 'done'){
                        location.href = base_url;
                    }else{
                        //alert('user or password incorrect')
                        $('error_logintop').set('text','Uh oh, Boo, you made a boo-boo. Try your password or user name again.');
                        $('error_logintop').setStyle('visibility','visible');
                        /*$('username_top').setStyle('border','2px solid red');
                        $('password_top').setStyle('border','2px solid red');*/
                        //setTimeout("changeStado('error_logintop')", 2000);
                        //location.href = base_url+'';
                    }
                }
            }
        );
        form.send(); //Sends the form.
}
}

function changeStado(valor){
    $(valor).setStyle('display','none');
}