//////////////////////////////////////////////////////////////////////////////////////////////// Tableaux

pos_x=new Array("","0px","-350px","-700px","-1050px","-1400px");
sub_x=new Array("","30px","0px","-150px","-300px","-460px");

couleur=new Array("","#00ccff","#d800a3","#c6d800","#ffb400", "#000", "#666");

leMenu=new Array("","#accueil","#bateau","#auto","#moto", "#contact");
leSousMenuBateau=new Array("","#cotier","#hauturier","#crr","#fluvial","#bateau_tarifs");
leSousMenuAuto=new Array("","#complet","#rapide","#sans_code","#transfert","#aac","#auto_tarifs");
leSousMenuMoto=new Array("","#basique","#gros_cube","#brele","#moto_tarifs");

     


//////////////////////////////////////////////////////////////////////////////////////////////// Mouvements

mouvement=function(i){
	
	$("#fond").animate({
		 top: pos_x[i]
      }, 300 );
	
	$("#cont-sub-menu").animate({
        top: sub_x[i]
      }, 200 );
};

//////////////////////////////////////////////////////////////////////////////////////////////// Couleurs Logo

couleurLogo=function(i){
	$('#logo').css("background-color",couleur[i]);
	$('#logo').css("color",couleur[i]);
		
		};




//////////////////////////////////////////////////////////////////////////////////////////////// Couleurs Menus

var valeur=1;

couleurs=function(i){
	
	var ancien=$("a.menu_xl:not(leMenu[i])");
	$(ancien).css("color",couleur[6]);
	$(leMenu[i]).css("color",couleur[i]);
	
	$("a.bateau").css("color",couleur[6]);
	$("a.auto").css("color",couleur[6]);
	$("a.moto").css("color",couleur[6]);
	
	valeur=i;

};

mouseHover=function(i){
	$(leMenu[i]).css("color",couleur[i]);
};

mouseOut=function(i){
	if(valeur!=i){
		$(leMenu[i]).css("color",couleur[6]);
	}
};

//////////////////////////////////////////////////////////////////////////////////////////////// Couleurs Menus bateau

var valeur_bateau=0;


sousCouleursBateau=function(i){
	var ancien=$("a.bateau:not(leSousMenuBateau[i])");
	$(ancien).css("color",couleur[6]);
	$(leSousMenuBateau[i]).css("color",couleur[2]);
		
		valeur_bateau=i;

};

mouseHoverBateau=function(i){
	$(leSousMenuBateau[i]).css("color",couleur[2]);
};

mouseOutBateau=function(i){
	if(valeur_bateau!=i){
		$(leSousMenuBateau[i]).css("color",couleur[6]);
	}
};



//////////////////////////////////////////////////////////////////////////////////////////////// Couleurs Menus Auto

var valeur_auto=0;


sousCouleursAuto=function(i){
	var ancien=$("a.auto:not(leSousMenuAuto[i])");
	$(ancien).css("color",couleur[6]);
	$(leSousMenuAuto[i]).css("color",couleur[3]);
	valeur_auto=i;
};

mouseHoverAuto=function(i){
	$(leSousMenuAuto[i]).css("color",couleur[3]);
};

mouseOutAuto=function(i){
	if(valeur_auto!=i){
		$(leSousMenuAuto[i]).css("color",couleur[6]);
	}
};

//////////////////////////////////////////////////////////////////////////////////////////////// Couleurs Menus moto

var valeur_moto=0;


sousCouleursMoto=function(i){
	var ancien=$("a.moto:not(leSousMenuMoto[i])");
	$(ancien).css("color",couleur[6]);
	$(leSousMenuMoto[i]).css("color",couleur[4]);
	valeur_moto=i;
};

mouseHoverMoto=function(i){
	$(leSousMenuMoto[i]).css("color",couleur[4]);
};

mouseOutMoto=function(i){
	if(valeur_moto!=i){
		$(leSousMenuMoto[i]).css("color",couleur[6]);
	}
};
//////////////////////////////////////////////////////////////////////////////////////////////// Scrolling

scrolling=new Object;
scrolling.init=function(){
	$.localScroll({
		hash:false,
		easing:'easeInOutExpo'
	});
};

//////////////////////////////////////////////////////////////////////////////////////////////// FORMULAIRE


/* input_id is the ID of the input element */
/* container_class will let you control the text input background color and padding */
/* border_class will let you control the border color */
function roundInput(input_id, container_class, border_class){
	var input = $('#'+input_id+'');
	var input_width = input.css("width"); //get the width of input
	var wrap_width = parseInt(input_width) + 10; //add 10 for padding
	wrapper = input.wrap("<div class='"+container_class+"'></div>").parent();
	wrapper.wrap("<div class='"+border_class+"' style='width: "+wrap_width+"px;'></div>"); //apply border
	wrapper.corner("round 10px").parent().css('padding', '1px').corner("round 10px"); //round box and border
}
 /* round 2 inputs */
$(function(){
	roundInput('rounded_input1','rounded_container','rounded_border');
	roundInput('rounded_input2','rounded_container','rounded_border');
	roundInput('rounded_input3','rounded_container','rounded_border');
	roundInput('rounded_input4','rounded_container','rounded_border');
	roundInput('rounded_input5','rounded_container','rounded_border');
	roundInput('rounded_input6','rounded_container','rounded_border');
	roundInput('rounded_input7','rounded_container','rounded_border');

});

//////////////////////////////////////////////////////////////////////////////////////////////// Activation
$(document).ready(function(){
	
	$('#logo').css("color",couleur[1]);
	
	$(leMenu[1]).css("color",couleur[1]);
	$('#logo').css("background-color",couleur[1]);
	
	scrolling.init();

	for(var i=1;i<=3;i++){

		$('div#menu_home div#ssmenu_'+i).mouseover(function(){
			$(this).stop().animate({width:"236px"}, 'easeInOutQuart' );
		});
		
		$('div#menu_home div#ssmenu_'+i).mouseout(function(){
			$(this).stop().animate({width:"42px"}, 'easeInOutQuart' );
		});
	};

});