document.onkeydown = applyKey;
document.onkeyup = applyKey_up;

	KEY_LEFT	= 37;
	KEY_RIGHT	= 39;
	KEY_DOWN	= 40;
	KEY_UP	= 38;
	KEY_CTRL = 17;
	REMAP_KEY_T	= 5019;
	
	function checkEventObj ( _event_ ){
		// --- IE explorer
		if ( window.event )
			return window.event;
		// --- Netscape and other explorers
		else
			return _event_;
	}
	
	function applyKey (_event_){
	var winObj = checkEventObj(_event_);
	
	var intKeyCode = winObj.keyCode;
	var intAltKey = winObj.altKey;
	var intCtrlKey = winObj.ctrlKey;
	
		if (intKeyCode == KEY_RIGHT) {
			document.getElementById('keys_cyan').style.backgroundImage='url(images/keys/right_c.gif)';
			}
		if (intKeyCode == KEY_LEFT) {
			document.getElementById('keys_cyan').style.backgroundImage='url(images/keys/left_c.gif)';
			}
		if (intKeyCode == KEY_DOWN) {
			document.getElementById('keys_cyan').style.backgroundImage='url(images/keys/down_c.gif)';
			}
		if (intKeyCode == KEY_UP) {
			document.getElementById('keys_cyan').style.backgroundImage='url(images/keys/up_c.gif)';
			}
			
		if ((intKeyCode == KEY_RIGHT) && (page != "projet10") && (type == "projets")) {
			document.getElementById('inner_droite').style.backgroundImage='url(images/droite.png)';		
			for (i=2; i<11; i++) {
				if (page == "projet" +(i-1) ) {
						page = "projet" + (i);
						page_appear = "projet" + (i); 
						page_fade = "projet" + (i-1); 
						Effect.Appear(page_appear,{duration:0.3});
						Effect.Fade(page_fade,{duration:0.3});
						document.getElementById('keys').style.backgroundImage='url(images/keys/all.gif)';
						if (i == 10) {
							document.getElementById('inner_droite').style.backgroundImage='url(images/blank.png)';
							document.getElementById('inner_droite').style.cursor="default";
							document.getElementById('keys').style.backgroundImage='url(images/keys/last.gif)';
							}
						return false;	
					}	
			}
				
			winObj.keyCode = intKeyCode = REMAP_KEY_T;
			winObj.returnValue = false;
			return false;
			
		}
		else if ((intKeyCode == KEY_LEFT) && (page != "projet1") && (type == "projets")){
			document.getElementById('inner_gauche').style.backgroundImage='url(images/gauche.png)';		
			for (i=2; i<11; i++) {
				if (page == "projet" +i ) {
						page = "projet" + (i -1);
						page_appear = "projet" + (i -1); 
						page_fade = "projet" + (i); 
						Effect.Appear(page_appear,{duration:0.3});
						Effect.Fade(page_fade,{duration:0.3});
						document.getElementById('keys').style.backgroundImage='url(images/keys/all.gif)';
						if (i == 2) {
							document.getElementById('inner_gauche').style.backgroundImage='url(images/blank.png)';
							document.getElementById('inner_gauche').style.cursor="default";
							document.getElementById('keys').style.backgroundImage='url(images/keys/first.gif)';
							}
						return false;	
					}	
			}
			winObj.keyCode = intKeyCode = REMAP_KEY_T;
			winObj.returnValue = false;
			return false;
		}	
		
		else if ((intKeyCode == KEY_RIGHT) && (r == "about-1") && (p == "4")){
			setTimeout("apropo_page2();",300);
		}
		
		else if ((intKeyCode == KEY_LEFT) && (r == "about-2") && (p == "4")){
			setTimeout("apropo_page1();",300);
		}
		
		else if (intKeyCode == KEY_UP){
				if (p == "2")
				{
					setTimeout("menu_home();",300);
				}
				else if (p == "3")
				{
					setTimeout("menu_projets();",300);
				}
				else if (p == "4")
				{
					setTimeout("menu_clients();",300);
				}
				else if (p == "5")
				{
					setTimeout("menu_apropos();",300);
				}


		}
		else if (intKeyCode == KEY_DOWN){
				if (p == "1")
				{
					setTimeout("menu_projets();",300);
				}
				else if (p == "2")
				{
					setTimeout("menu_clients();",300);
				}
				else if (p == "3")
				{
					setTimeout("menu_apropos();",300);
				}
				else if (p == "4")
				{
					setTimeout("menu_contact();",300);
				}
		}
		
	}
	
	function applyKey_up (_event_){
	var winObj = checkEventObj(_event_);
	var intKeyCode = winObj.keyCode;
	var intAltKey = winObj.altKey;
	var intCtrlKey = winObj.ctrlKey;
	
		if (intKeyCode == KEY_RIGHT || intKeyCode == KEY_LEFT || intKeyCode == KEY_UP || intKeyCode == KEY_DOWN){
			document.getElementById('inner_gauche').style.backgroundImage='url(images/blank.png)';
			document.getElementById('inner_droite').style.backgroundImage='url(images/blank.png)';
			document.getElementById('keys_cyan').style.backgroundImage='url(images/keys/none.gif)';
			return false;	
		}
		
		if (intKeyCode == KEY_CTRL) {
			affiche('grid');
		}
	}



document.onkeydown = applyKey;
document.onkeyup = applyKey_up;


Event.observe(window,"load",function() {
new Protoform('form_mail');       
});