//Datos de los Hoyos
var par = new Array ('4', '5', '4', '4', '3', '4', '4', '4', '4', '4', '3', '4', '5', '4', '3', '5', '3', '5');
var handicap = new Array ('4', '8', '17', '11', '15', '6', '9', '13', '2', '14', '12', '15', '5', '3', '7', '10', '18', '1');
var blanca = new Array ('384', '475', '317', '316', '169', '376', '376', '344', '406', '303', '162', '277', '472', '371', '180', '491', '121', '575');
var amarilla = new Array ('364', '458', '314', '312', '164', '371', '368', '339', '401', '296', '155', '271', '467', '369', '162', '473', '117', '570');
var azul = new Array ('305', '420', '278', '256', '153', '330', '355', '285', '334', '259', '131', '238', '427', '269', '155', '462', '108', '527');
var roja = new Array ('302', '410', '276', '253', '142', '326', '345', '281', '330', '237', '124', '217', '418', '266', '143', '407', '98', '523');
var descripcion = new Array();
descripcion[0] = 'Hoyo exigente para comenzar, por su longitud y estar acompañado, por la derecha, de agua lateral hasta llegar al green.';
descripcion[1] = 'Aunque los metros que tiene, obliga a los jugadores con buena pegada de llegar de dos golpes a green, al estar muy bien defendido por un canal lateral y frontal, es aconsejable acercar la bola a la ría frontal y jugar un tercer golpe a green.';
descripcion[2] = 'Cuidado con las apariencias, el fuera de límites de la derecha, un green alargado y mas bien duro, lo pueden complicar.';
descripcion[3] = 'Salida tensa, al tener el driver fuera de límites por la derecha, con serios problemas por la izquierda, de no hacer una salida larga y centrada, entra de nuevo el out.';
descripcion[4] = 'Por el diseño de green alargado y como un plato bocabajo, el bote de la bola no te suele regalar nada, difícil de recuperar desde ambos lados del green.';
descripcion[5] = 'Desde el tee, el principal problema es el fuera de límites que está por toda la derecha de la calle y sobre el segundo golpe, en función de la posición de la bandera, puede ser difícil al estar protegigo el green por bunkers frontales y laterales.';
descripcion[6] = 'Su principal dificultad, además de la distancia, es el agua lateral por toda la derecha seguido de fuera de límites, la entrada a green estrecha y el bunker de calle, dificulta, todo ello, el juego a cualquier nivel de jugador.';
descripcion[7] = 'El dog leg a la izquierda es su principal identidad, pero su dificultad está en que el jugador que tira en dirección a green, debe hacer 220 metros de vuelo para salvar el lago, o jugar a calle con la dificultad de tener fuera de límites a la derecha y una ría a la izquierda.';
descripcion[8] = 'El par cuatro más largo del recorrido con el dog leg a la derecha, da una oportunidad a los que pegan largo, de atajar, con el riesgo del fuera de límites.';
descripcion[9] = 'Desde el tee las dificultades son evidentes, calle estrecha con desnivel y peligro de fuera de límites. El segundo golpe es ciego, nada fácil de orientarse, es dificultado, aun más, por la ría frontal y el green en alto.';
descripcion[10] = 'Por su diseño, es de los hoyos que te llevas en mente cuando juegas el campo por primera vez. El tee, notablemente en alto, green en forma de pera defendido por una ría por delante y derecha, convierte éste hoyo en atractivo.';
descripcion[11] = 'Hoyo de recuperación, los jugadores con buena pegada rondan cerca del green. La dificultad está en calcular la fuerza en el segundo golpe, al estar el green en alto.';
descripcion[12] = 'También un hoyo corto pero sin demasiadas complicaciones, aunque para los principiantes, se les puede complicar al tener que volar un lago, en la salida, de 120 metros.';
descripcion[13] = 'Díficil e interesante hoyo, con una salida muy estrecha, fuera de límites a la derecha y montaña a la izquierda, el segundo golpe, al quedar en desnivel, lo puede complicar un poco más, el diseño del green, ancho y cuesta arriba, minimiza las dificultades.';
descripcion[14] = 'Sus 180 metros, el diseño del green en alto, con tres diferente plataformas, defendido por cuatro bunkers en su parte frontal y agua por detrás, le convierte en el par tres más difícil del recorrido, fue diseñado en el año 2006 por Carlos Aguilar Quesada.';
descripcion[15] = 'Aunque no es especialmente largo, la salida con el tee en alto, el obstáculo por toda la derecha hasta el green y éste protegido por un bunker en su entrada, solamente los que pegan fuerte pueden alcanzar el green de dos golpes.';
descripcion[16] = 'El par tres más corto del recorrido, ligeramente en alto, es cómodo de jugar, ya que, sobre el papel, es el hoyo más fácil de todo el recorrido.';
descripcion[17] = 'Sus 575 metros le convierten en uno de los pares cinco más largos de la Comunidad Valenciana, acomñándole fuera de límites por toda la derecha hasta el green y una ría a la izquierda y detrás del green, que es pequeño y alargado con dos plataformas.';
//Variables de deteccion del Navegador para ajustar regla CSS
var IE5 = ((document.getElementById) && (navigator.userAgent.toLowerCase().indexOf('msie')!=-1) && (! window.opera));
var GKO = (navigator.userAgent.toLowerCase().indexOf('gecko')!=-1);

//Variables de ejecucion del codigo
var opacidadMax = 52;
var opacidadMin = 0;
var velocidad = 50;
var contador = 0;
var flag = 0;//determina que Fade esta actuando 0=In y 1=Out

//Funciones de aparicion y desaparicion de capas
function fadeIn(){
	var objetoAtenuacion = document.getElementById('capaAtenuacion').style;
	var objetoFicha = document.getElementById('fichaHoyo').style;
	objetoAtenuacion.visibility = 'visible';
	objetoFicha.visibility = 'visible';
	
	if (contador <= opacidadMax && flag == 0){
		if (GKO){
			objetoAtenuacion.MozOpacity = contador/100;
			objetoFicha.MozOpacity = 2*contador/100;
			setTimeout("fadeIn();",velocidad);
		}
		if (IE5){
			objetoAtenuacion.filter = 'alpha(opacity='+ contador +')';
			objetoFicha.filter = 'alpha(opacity='+ 2*contador +')';
			setTimeout('fadeIn();',velocidad);
		}
		contador += 5;
	}else{
		flag = 1;
	}
}

function fadeOut(){
	flag = 1;
	var objetoAtenuacion = document.getElementById('capaAtenuacion').style;
	var objetoFicha = document.getElementById('fichaHoyo').style;
	
	if (contador >= opacidadMin && flag == 1){
		if (GKO){
			objetoAtenuacion.MozOpacity = contador/100;
			objetoFicha.MozOpacity = 2*contador/100;
			setTimeout('fadeOut();',velocidad);
		}
		if (IE5){
			objetoAtenuacion.filter = 'alpha(opacity='+ contador +')';
			objetoFicha.filter = 'alpha(opacity='+ 2*contador +')';
			setTimeout('fadeOut();',velocidad);
		}
		contador -= 5;
	}else{
		flag = 0;
		objetoAtenuacion.visibility = 'hidden';
		objetoFicha.visibility = 'hidden';
	}
}

//Funciones de carga de datos de fichas
//Navegador de Hoyos con los botones de la Ficha

function cargarFicha (hoyo){
	var contenedorFicha = document.getElementById("fichaHoyo");
	var ficha;
	
	if(hoyo > 18){
		hoyo = 1;
	}else if (hoyo < 1){
		hoyo = 18;
	}
	
	//carga los datos de la ficha en la varible FICHA
	ficha = "<div id=\"tituloFicha\"><div id=\"cerrarFichaBtn\"><a href=\"javascript:fadeOut();\"><img src=\"_img/spacer.gif\" alt=\"Cerrar\" width=\"19\" height=\"19\" border=\"0\" title=\"cerrar\" /></a></div>Ficha del Hoyo " + (hoyo) + "</div>";
	ficha += "<div id=\"cuerpoFicha\">";
		ficha += "<div id=\"fichaIzq\">";
			ficha += "<div class=\"etiquetaFicha\">DESCRIPCIÓN:</div>";
			ficha += "<div id=\"fichaDescripcion\">" + descripcion[hoyo-1] + "</div>";
			ficha += "<div id=\"fichaFoto\"><img src=\"_img/hoyo" + hoyo + "_IMG.jpg\" alt=\"Hoyo " + (hoyo)+ "\" title=\"Hoyo " + (hoyo)+ "\" width=\"346\" height=\"217\" /></div>";
		ficha += "</div>";
		ficha += "<div id=\"fichaDer\">";
			ficha += "<div class=\"etiquetaFicha\">PAR: <span class=\"textoFicha\" id=\"par\">" + par[hoyo-1] + "</span></div>";
			ficha += "<div class=\"etiquetaFicha\">HANDICAP: <span class=\"textoFicha\" id=\"handicap\">" + handicap[hoyo-1] + "</span></div>";
			ficha += "<div class=\"etiquetaFicha\" style=\"margin-top:20px;\"><img src=\"_img/longitudWhite.jpg\" alt=\"Longitud\" width=\"10\" height=\"10\" /><span class=\"longitudFicha\" id=\"longitudWhite\">" + blanca[hoyo-1] + " m.</span></div>";
			ficha += "<div class=\"etiquetaFicha\"><img src=\"_img/longitudYellow.jpg\" alt=\"Longitud\" width=\"10\" height=\"10\" /><span class=\"longitudFicha\" id=\"longitudYellow\">" + amarilla[hoyo-1] + " m.</span></div>";
			ficha += "<div class=\"etiquetaFicha\"><img src=\"_img/longitudBlue.jpg\" alt=\"Longitud\" width=\"10\" height=\"10\" /><span class=\"longitudFicha\" id=\"longitudAzul\">" + azul[hoyo-1] + " m.</span></div>";
			ficha += "<div class=\"etiquetaFicha\" style=\"margin-bottom:100px;\"><img src=\"_img/longitudRed.jpg\" alt=\"Longitud\" width=\"10\" height=\"10\" /><span class=\"longitudFicha\" id=\"longitudRed\">" + roja[hoyo-1] + " m.</span></div>";
			ficha += "<div class=\"fichaBoton\"><a class=\"fichaBtnHoyo\" href=\"javascript:cargarFicha(" + (hoyo+1) + ");\" title=\"Hoyo Siguiente\">Hoyo Siguiente &raquo;</a></div>";
			ficha += "<div class=\"fichaBoton\"><a class=\"fichaBtnHoyo\" href=\"javascript:cargarFicha(" + (hoyo-1) + ");\" title=\"Hoyo Anterior\">&laquo; Hoyo Anterior</a></div>";
		ficha += "</div>";
		ficha += "<div style=\"clear:both\"></div>";
	ficha += "</div>";
	contenedorFicha.innerHTML = ficha;
	fadeIn();
}

//Cargar Ficha segun Llamada del Select
function selectHoyo(){
	if(document.getElementById('numeroHoyo').selectedIndex == 0){
 		return;
	}else{
	cargarFicha(document.getElementById('numeroHoyo').selectedIndex);
	}
}