function show_motdepasse()
{	
	$( 'login_motdepasse' ).style.display = 'none';
	$( 'motdepasse_reponse' ).style.display = 'none';
	$( 'motdepasse_form_error' ).style.display = 'none';
	
	document.forms[ 'form_motdepasse' ].UserEmail.value = '';
	outline_input( 'UserEmail', 'ok' );
	
	Effect.SlideUp('login_standard', { queue: { position: 'end', scope: 'loginscope' }, duration: 0.7 } );
	Effect.SlideDown('login_motdepasse', { queue: { position: 'end', scope: 'loginscope' }, duration: 0.7 } );
}

function show_login( div_to_hide )
{
	$( 'login_form_error' ).style.display = 'none';
	
	document.forms[ 'form_acces_direct' ].Login.value = '';
	document.forms[ 'form_acces_direct' ].Password.value = '';
	outline_input( 'Login', 'ok' );
	outline_input( 'Password', 'ok' );

	//  div_to_hide = login_motdepasse || motdepasse_reponse
	Effect.SlideUp( div_to_hide, { queue: { position: 'end', scope: 'loginscope' }, duration: 0.7 } );
	Effect.SlideDown('login_standard', { queue: { position: 'end', scope: 'loginscope' }, duration: 0.7 } );
}

function show_error( err_el, msg )
{
	$( err_el + '_inner' ).innerHTML = msg;
	new Effect.Opacity( err_el + '_inner', { from: 1.0, to: 0.0, duration: 0, queue: { position: 'end', scope: 'errorscope' } } );
	Effect.BlindDown( err_el, { duration: 0.5, queue: { position: 'end', scope: 'errorscope' } } );
	new Effect.Opacity( err_el + '_inner', { from: 0.0, to: 1.0, duration: 1.7, queue: { position: 'end', scope: 'errorscope' } } );
}

function outline_input( input_el, state )
{
	var border_color = state == 'error' ? '#dd3c10' : '#d4d0c8';
	var border_style = state == 'error' ? 'solid' : 'inset';
	var border_width = state == 'error' ? '1px' : '2px';
	var input_padding = state == 'error' ? '1px' : '0px';
	
	$( input_el ).style.borderColor = border_color;
	$( input_el ).style.borderStyle = border_style;
	$( input_el ).style.borderWidth = border_width;
	$( input_el ).style.padding = input_padding;
}



function login_submit()
{
	outline_input( 'Login', 'ok' );
	outline_input( 'Password', 'ok' );
	
	var form = document.forms[ 'form_acces_direct' ];
	
	if ( form.Login.value == '' )
	{
		show_error( 'login_form_error', 'Merci d’indiquer votre login.' );
		outline_input( 'Login', 'error' );
	}
	else if ( form.Password.value == '' )
	{
		show_error( 'login_form_error', 'Merci de renseigner votre mot de passe.' );
		outline_input( 'Password', 'error' );
	}
	else
	{
		openFlashLogin();
	}
}

var win = null;
function openFlashLogin()
{
     var w=1024;
     var h=683;
     var winl = (screen.width-w)/2;
     var wint = (screen.height-h)/2;
     var settings = "width="+w+",height="+h+",toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,top="+wint+",left="+winl;
     win=window.open("","Beautiful_life",settings);
     $('form_acces_direct').target = 'Beautiful_life';
	 document.forms[ 'form_acces_direct' ].submit();
	 win.window.focus();
}


function motdepasse_submit()
{
	outline_input( 'UserEmail', 'ok' );
	
	var form = document.forms[ 'form_motdepasse' ];
	
	var email_reg = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z]+$/;
	
	if ( form.UserEmail.value == '' )
	{
		show_error( 'motdepasse_form_error', 'Merci de saisir votre email.' );
		outline_input( 'UserEmail', 'error' );
	}
	else if ( ! form.UserEmail.value.match( email_reg ) )
	{
		show_error( 'motdepasse_form_error', 'Merci de vérifier la syntaxe de votre adresse email.' );
		outline_input( 'UserEmail', 'error' );
	}
	else
	{
		form.submit();
	}
}


function google_analyics_send( url )
{
	var pageTracker = _gat._getTracker("UA-3636866-2");
	pageTracker._initData();
	pageTracker._trackPageview( url );
}



function check_login_keypress( e )
{
		var keycode;
		if (window.event)
		{
			keycode = window.event.keyCode;
		}
		else
		{
			keycode = e.which;
		}

		if (keycode == 13)
		{
			Event.stop( e );
			login_submit();
		}
}




 
/*******************************************************
********************  OBSERVERS  ***********************
********************************************************/





Event.observe( window, 'load', init_observers );


function init_observers()
{

//	
	
	Event.observe( 'Password', 'keypress', function( e ) {		
		check_login_keypress( e );
	});
	
	Event.observe( 'Login', 'keypress', function( e ) {		
		check_login_keypress( e );
	});
	
	
	Event.observe('form_acces_direct', 'submit', function( event ){
		Event.stop( event );
		login_submit();
	});
	
	Event.observe('login_form_show_motdepasse_link', 'click', function( event ){
		Event.stop( event );
		show_motdepasse(); 
	});
	
	Event.observe('login_form_valider', 'click', function( event ){
		Event.stop( event );
		login_submit(); 
	});

	Event.observe('form_motdepasse', 'submit', function( event ){
		Event.stop( event );
		motdepasse_submit();
	});
	
	Event.observe('form_motdepasse_retour', 'click', function( event ){
		Event.stop( event );
		show_login( 'login_motdepasse' ); 
	});
	
	
	Event.observe('login_activate_retour', 'click', function( event ){
		Event.stop( event );
		show_login( 'login_activate' ); 
	});
	

	Event.observe('form_motdepasse_continuer', 'click', function( event ){
		Event.stop( event );
		motdepasse_submit();
	});
	
	Event.observe('form_motdepasse_login', 'click', function( event ){
		Event.stop( event );
		show_login( 'motdepasse_reponse' ); 
	});

	Event.observe('lightwindow_link_mon_garage', 'click', function( event ){
		Event.stop( event );
		var obj = document.getElementById("ga_mon_garage");
   		google_analyics_send( '/Zone_Avantage/'+obj.value );
	});

	Event.observe('lightwindow_link_concession', 'click', function( event ){
		Event.stop( event );
		var obj = document.getElementById("ga_concession");
		google_analyics_send( '/Zone_Avantage/'+obj.value );
	});

	Event.observe('lightwindow_link_evadez_vous', 'click', function( event ){
		Event.stop( event );
		var obj = document.getElementById("ga_evadez_vous");
		google_analyics_send( '/Zone_Avantage/'+obj.value );
	});
	
	Event.observe('lightwindow_link_voisins', 'click', function( event ){
		Event.stop( event );
		var obj = document.getElementById("ga_voisins");
		google_analyics_send( '/Zone_Avantage/'+obj.value );
	});

	Event.observe('lightwindow_link_credits', 'click', function( event ){
		google_analyics_send( '/Bas_de_page/Credits' );
	});
	
	Event.observe('lightwindow_link_aide', 'click', function( event ){
		google_analyics_send( '/Bas_de_page/Legal' );
	});

	Event.observe('lightwindow_link_legal', 'click', function( event ){
		google_analyics_send( '/Bas_de_page/Aide' );
	});


	Event.observe('link_volkswagen_international', 'click', function( event ){
		google_analyics_send( '/Bas_de_page/Volkswagen_International' );
	});

	Event.observe('link_volkswagen_france', 'click', function( event ){
		google_analyics_send( '/Bas_de_page/Volkswagen_France' );
	});


	Event.observe('concession_masque', 'mouseover', function( event ){
		blind_down( 'concession_text2_wrapper' ); 
	});

	Event.observe('concession_masque', 'mouseout', function( event ){
		blind_up( 'concession_text2_wrapper' ); 
	});

	Event.observe('voisins_masque', 'mouseover', function( event ){
		blind_down( 'voisins_text2_wrapper' ); 
	});

	Event.observe('voisins_masque', 'mouseout', function( event ){
		blind_up( 'voisins_text2_wrapper' ); 
	});

	Event.observe('evadez_vous_masque', 'mouseover', function( event ){
		blind_down( 'evadez_vous_text2_wrapper' ); 
	});

	Event.observe('evadez_vous_masque', 'mouseout', function( event ){
		blind_up( 'evadez_vous_text2_wrapper' ); 
	});

	Event.observe('mon_garage_masque', 'mouseover', function( event ){
		blind_down( 'mon_garage_text2_wrapper' ); 
	});

	Event.observe('mon_garage_masque', 'mouseout', function( event ){
		blind_up( 'mon_garage_text2_wrapper' ); 
	});


	Element.writeAttribute( 'lightwindow_link_legal', 'params', 'lightwindow_type=page' );
	Element.writeAttribute( 'lightwindow_link_credits', 'params', 'lightwindow_type=page' );
	Element.writeAttribute( 'lightwindow_link_aide', 'params', 'lightwindow_type=page' );
	Element.writeAttribute( 'lightwindow_link_mon_garage', 'params', 'lightwindow_type=page' );
	Element.writeAttribute( 'lightwindow_link_concession', 'params', 'lightwindow_type=page' );
	Element.writeAttribute( 'lightwindow_link_evadez_vous', 'params', 'lightwindow_type=page' );
	Element.writeAttribute( 'lightwindow_link_voisins', 'params', 'lightwindow_type=page' );

}



function blind_up( el_id )
{
	var queue = Effect.Queues.get( el_id );
	var last_effect = queue.max(function(effect) { return effect; });
	if ( last_effect && last_effect.state == 'idle' )
	{
		last_effect.cancel();
	}
	else
	{
		Effect.BlindUp( el_id, { delay: 0.2, queue: { position: 'end', scope: el_id } } );
	}
}


function blind_down( el_id )
{
	var queue = Effect.Queues.get( el_id );
	var last_effect = queue.max(function(effect) { return effect; });
	if ( last_effect && last_effect.state == 'idle' )
	{
		last_effect.cancel();
	}
	else
	{
		Effect.BlindDown( el_id, { delay: 0.2, queue: { position: 'end', scope: el_id } } );
	}
}



/*


blind_scheduler = new Array();

blind_scheduler[ 'evadez_vous_text2_wrapper' ] = '';
blind_scheduler[ 'voisins_text2_wrapper' ] = '';


blind_state = new Array();

blind_state[ 'evadez_vous_text2_wrapper' ] = '';
blind_state[ 'voisins_text2_wrapper' ] = '';


////////////////   BLIND  mouseover    //////////////////

function do_blind_down( el_id )
{
	if ( blind_scheduler[ el_id ] != 'go up' )	//  it could be 'go up' from a mouseout on the masque (when in down position), or could be '' if coming from outside or from masque in up position
	{
		Effect.BlindDown( el_id, { queue: { position: 'end', scope: el_id } } );
	}
	blind_scheduler[ el_id ] = '';
}


////////////////   BLIND  mouseout    //////////////////

function schedule_blind_up( el_id )
{
	blind_state[ el_id ] = 'down';			//  if we're scheduling a blind_up, the state must be down
	blind_scheduler[ el_id ] = 'go up';
	var timer_id = setTimeout( "do_blind_up( '" + el_id + "' )", 50 );
}

function do_blind_up( el_id )
{
	if ( blind_scheduler[ el_id ] == 'go up' )
	{
		blind_state[ el_id ] = '';
		Effect.BlindUp( el_id, { queue: { position: 'end', scope: el_id } } );
	}
	blind_scheduler[ el_id ] = '';
}


////////////////   MASQUE  mouseover    //////////////////

function cancel_blind_movement( el_id )
{
	blind_scheduler[ el_id ] = '';
}


////////////////   MASQUE  mouseout    //////////////////

function masque_mouse_out( el_id )
{
	if ( blind_state[ el_id ] == 'down' )		//  set only on mouseout from the blind
	{
		schedule_blind_up( el_id );
	}
}

}
*/


/*

Effect.BlindDown('mon_garage_text2_wrapper', { queue: { position: 'end', scope: 'mon_garage' } } );

Effect.BlindUp('mon_garage_text2_wrapper', { queue: { position: 'end', scope: 'mon_garage' } } );

*/