$(document).ready(function(){
	//References
	var sections = $("#ruta_1, #ruta_2, #ruta_3, #ruta_3, #ruta_4, #ruta_5, #ruta_6, #ruta_7, #ruta_8, #ruta_9, #ruta_10");
	var loading = $("#loading");
	var content = $("#content");


                            if (lang == "es") {


	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){
		
 			case "ruta_1":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta1.php?lang=es", hideLoading);
				content.slideDown(600).delay(250);
				break;

 			case "ruta_2":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta2.php?lang=es", hideLoading);
				content.slideDown(600).delay(250);
				break;
 			case "ruta_3":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta3.php?lang=es", hideLoading);
				content.slideDown(600).delay(250);
				break;

 			case "ruta_4":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta4.php?lang=es", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_5":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta5.php?lang=es", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_6":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta6.php?lang=es", hideLoading);
				content.slideDown(600).delay(250);
				break;
                        case "ruta_7":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta7.php?lang=es", hideLoading);
				content.slideDown(600).delay(250);
				break;

 			case "ruta_8":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta8.php?lang=es", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_9":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta9.php?lang=es", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_10":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta10.php?lang=es", hideLoading);
				content.slideDown(600).delay(250);
				break;



			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;

        }
	});
        }

 else if (lang == "ca") {


	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){

 			case "ruta_1":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta1.php?lang=ca", hideLoading);
				content.slideDown(600).delay(250);
				break;

 			case "ruta_2":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta2.php?lang=ca", hideLoading);
				content.slideDown(600).delay(250);
				break;
 			case "ruta_3":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta3.php?lang=ca", hideLoading);
				content.slideDown(600).delay(250);
				break;

 			case "ruta_4":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta4.php?lang=ca", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_5":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta5.php?lang=ca", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_6":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta6.php?lang=ca", hideLoading);
				content.slideDown(600).delay(250);
				break;
			case "ruta_7":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta7.php?lang=ca", hideLoading);
				content.slideDown(600).delay(250);
				break;

 			case "ruta_8":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta8.php?lang=ca", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_9":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta9.php?lang=ca", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_10":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta10.php?lang=ca", hideLoading);
				content.slideDown(600).delay(250);
				break;




			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;

        }
	});
        }
 else if (lang == "en") {


	//Manage click events
	sections.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		switch(this.id){

 			case "ruta_1":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta1.php?lang=en", hideLoading);
				content.slideDown(600).delay(250);
				break;

 			case "ruta_2":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta2.php?lang=en", hideLoading);
				content.slideDown(600).delay(250);
				break;
 			case "ruta_3":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta3.php?lang=en", hideLoading);
				content.slideDown(600).delay(250);
				break;

 			case "ruta_4":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta4.php?lang=en", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_5":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta5.php?lang=en", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_6":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta6.php?lang=en", hideLoading);
				content.slideDown(600).delay(250);
				break;
 			case "ruta_7":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta7.php?lang=en", hideLoading);
				content.slideDown(600).delay(250);
				break;

 			case "ruta_8":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta8.php?lang=en", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_9":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta9.php?lang=en", hideLoading);
				content.slideDown(600).delay(250);
				break;
  			case "ruta_10":
				content.slideUp(600).delay(250).fadeOut(600);
				content.load("http://www.menorcaviva.es/secciones/ruta10.php?lang=en", hideLoading);
				content.slideDown(600).delay(250);
				break;


			default:
				//hide loading bar if there is no selected section
				hideLoading();
				break;

        }
	});
        }

	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}
	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	}
});