var racine = "/";

function changePage(id)
{	
	
	var titre;
	var url;
	
	/** Changement du contenu **/
	switch(id)
	{
	case 'contact' :
		titre = "Contact";
		url = racine+"navigation/contact";				
		break;
	case 'devis' :
		titre = "Devis";
		url = racine+"navigation/devis";				
		break;
	case 'reference' :
		titre = "Référence";
		url = racine+"navigation/reference";		
		break;
	case 'service' :
		titre = "Service";
		url = racine+"navigation/service";		
		break;
	case 'accueil' :
		titre = "Ronde gardiennage alarme";
		url = racine+"navigation/index";		
		break;
	}
	
	$("#content-title").html("<h1>"+titre+"</h1>");
	$("#content").slideUp().load(url, function () {
		$("#content").slideDown("slow");
		if(id == "reference")
		{
			$('#gallery2').galleryView({
				panel_width: 400,
				panel_height: 200,
				frame_width: 30,
				frame_height: 30,
		  		transition_speed: 350,
		 		 easing: 'easeInOutQuad',
				transition_interval: 3000
			});
		}
	});
	/** Changement du contenu **/
	
	/** Changement de box **/
	var actualBox;	
	if($("#container-services").css("display") == "none" && id != "service")
	{		
		$("#container-references").fadeOut(1000, function() {
			$("#container-services").fadeIn(1000);
		})
		
	}
	else if ($("#container-references").css("display") == "none" && id != "reference")
	{
		$("#container-services").fadeOut(1000, function() {
			$("#container-references").fadeIn(1000);
		});
		
		
	}	
	/** Changement de box **/
	
}

function numbersonly(myfield, e, dec)
{
var key;
var keychar;
if (window.event)
 key = window.event.keyCode;
else if (e)
 key = e.which;
else
 return true;
keychar = String.fromCharCode(key);
// control keys
if ((key==null) || (key==0) || (key==8) || 
 (key==9) || (key==13) || (key==27) )
 return true;
// numbers
else if ((("0123456789").indexOf(keychar) > -1))
 return true;
// decimal point jump
else if (dec && (keychar == "."))
 {
 myfield.form.elements[dec].focus();
 return false;
 }
else
 return false;
}


$(document).ready(function(){
	$(".menu-content").click(
			function()
			{
				changePage($(this).attr("id"));
			}
	);
	
	$("#container-services").css("display","none");
	
	/** Ajax statut **/
	$("#content").ajaxStart(function(){
		$("#ajaxLoader").show();		
	});
	
	$("#content").ajaxComplete(function(event,request, settings){
		$("#ajaxLoader").hide();
	});
	/** Ajax statut **/
}
)