window.addEvent("load", function(){	
	initFormLogin();	
	initFormForgot();	
	initFormRegistration();
	initTabContent();
});

function initTabContent(){
	var tabContainer = $('tabContainer');
	if(!tabContainer){
		return;
	}
	var tabItems = $('tabItems');
	var arrDivs = tabContainer.getChildren();
	var arrItems = tabItems.getElements('td');	
	arrItems.each(function(item, index){
		item.removeEvent('click').addEvents({
			'click': function(e){
				if(e) e.stop();
				$$('.alertLayer').setStyle('visibility', 'hidden');
				arrDivs.each(function(div){
						div.addClass('hidden');
				});
				arrItems.each(function(td){
					//td.getParent().removeClass('active');
					td.removeClass('active');
				});
				//item.getParent().addClass('active');
				item.addClass('active');
				arrDivs[index].removeClass('hidden');
			},
			'mouseenter': function(e) {				
				item.setStyle('cursor', 'pointer');
			}
		});
	});
}


function initFormLogin(){
	var frmLogin = $('frmLogin');
	if(!frmLogin){
		return;
	}
	var formValidate = [{
		field: "username",
		valid: "email",
		init: Alert.Message.emailInit,
		alert: Alert.Message.email
	},{
		field: "passwd",
		valid: "required",
		init: Alert.Message.passwordInit,
		alert: Alert.Message.password
	}];
	
	var formObj = new htmlform('frmLogin', formValidate, {
		alertType: "layer",
		layerWidth: 164,
		hideInterval: 2000,
		onSubmit: function(){			
			frmLogin.submit();
		}		
	});	
}

function initFormForgot(){
	var frmForgot = $('frmForgot');
	if(!frmForgot){
		return;
	}
	var formValidate = [{
		field: "email",
		valid: "email",
		init: Alert.Message.emailInit,
		alert: Alert.Message.email
	}];
	
	var formObj = new htmlform('frmForgot', formValidate, {
		alertType: "layer",
		layerWidth: 164,
		hideInterval: 2000,
		onSubmit: function(){			
			frmForgot.submit();
		}		
	});	
}

function initFormRegistration(){
	var frmRegistration = $('frmRegistration');
	if(!frmRegistration){
		return;
	}
	var formValidate = [{
		field: "nom",
		valid: "required",
		init: "",
		alert: Alert.Message.nom
	},{
		field: "prenom",
		valid: "required",
		init: "",
		alert: Alert.Message.prenom
	},{
		field: "password",
		valid: "required",
		init: Alert.Message.passwordInit,
		alert: Alert.Message.password
	},{
		field: "password_confirm",
		valid: "=password",
		init: Alert.Message.passwordInit,
		alert: Alert.Message.confirmpassword
	},{
		field: "email",
		valid: "email",
		init: Alert.Message.emailInit,
		alert: Alert.Message.email
	},{
		field: "lang_reference_id",
		valid: "selected",
		alert: Alert.Message.langue
	},{
		field: "txtMarque",
		//valid: "selected",
		alert: Alert.Message.marque
	},];
	
	var formObj = new htmlform('frmRegistration', formValidate, {
		alertType: "layer",
		layerWidth: 134,
		hideInterval: 2000,
		onSubmit: function(){			
			frmRegistration.submit();
		}		
	});	
}
