// Variables globales
// Menu principal
var posMenuProgramas = new Array(0, -839, -1740, -2676);
var idMenuProgramas = 0;
var posMenuNoticias = new Array(0);
var idMenuNoticias = 0;
var posMenuDeportes = new Array(0);
var idMenuDeportes = 0;
var posMenuTeleseries = new Array(0, -883, -1730);
var idMenuTeleseries = 0;
var posMenuJovenes = new Array(0);
var idMenuJovenes = 0;
var posMenuServicios = new Array(0);
var idMenuServicios = 0;
var posMenuArchivo = new Array(0, -824, -1742);
var idMenuArchivo = 0;
var posMenuGalerias = new Array(0, -811, -1711);
var idMenuGalerias = 0;
var posMenuCorporativo = new Array(0);
var idMenuCorporativo = 0;
var submenuActivo = 'menuprogramas';
var servicioActivo = 'indicadores';

// Lista ordenable
var setSelector = "#sortable";
var setCookieName = "chvFPOrder";
var setCookieExpiry = 365;

// Flash
function deliverCHV(content){
	document.write(content);	
}
// Sortable
// Funcion que escribe el orden de la lista en la cookie
function setOrder() {
	// save custom order to cookie
	var resultado = $(setSelector).sortable('toArray');
	alert("Se ha actualizado tu configuración");
	$.cookie(setCookieName, $(setSelector).sortable('toArray'), { expires: setCookieExpiry, path: "/" });
}
// Noticias online
// Noticias
function showNOnline(id){
	var target = "#n_online" + id;
	$(target).toggle("slow");
}
// Deportes
function showDOnline(id){
	var target = "#d_online" + id;
	$(target).toggle("slow");
}
// Servicios
function servicios(identificativo){
	if(identificativo != servicioActivo){
		var target = "#servicios ul.data li." + servicioActivo;
		$(target).slideUp("slow");
		servicioActivo = identificativo;
		target = "#servicios ul.data li." + identificativo;
		$(target).slideDown("slow");
	}
}
/*
 *
 * Reloj
*/
$(function($) {
	var optionsCHV = {
		format: '%H:%M %A, %d de %B de %Y',
		fontFamily: 'Arial',
        fontSize: 12,
        foreground: 'white'
	}
	$('#clock').jclock(optionsCHV);
 
 });

/**
 * Asignamos funcionalidad a los controles mediante el callback initCallback
 * 
 */
function carouselH1_initCallback(carousel) {
	// Botones para saltar directamente
	jQuery('.jump a').bind('click', function() {
		anchor = ((jQuery.jcarousel.intval(jQuery(this).text()) - 1)*2) + 1;
		carousel.scroll(anchor);
		return false;
	});
	// Boton para avanzar
	jQuery('#carouselH1-next').bind('click', function() {
		carousel.next();
		return false;
	});
	// Boton para retroceder
	jQuery('#carouselH1-prev').bind('click', function() {
		carousel.prev();
		return false;
	});
};
function carouselH2_initCallback(carousel) {
	// Botones para saltar directamente
	jQuery('.jump a').bind('click', function() {
		anchor = ((jQuery.jcarousel.intval(jQuery(this).text()) - 1)*4) + 1;
		carousel.scroll(anchor);
		return false;
	});
	// Boton para avanzar
	jQuery('#carouselH2-next').bind('click', function() {
		carousel.next();
		return false;
	});
	// Boton para retroceder
	jQuery('#carouselH2-prev').bind('click', function() {
		carousel.prev();
		return false;
	});
};
function carouselH3_initCallback(carousel) {
	// Botones para saltar directamente
	jQuery('.jump a').bind('click', function() {
		anchor = ((jQuery.jcarousel.intval(jQuery(this).text()) - 1)*2) + 1;
		carousel.scroll(anchor);
		return false;
	});
	// Boton para avanzar
	jQuery('#carouselH3-next').bind('click', function() {
		carousel.next();
		return false;
	});
	// Boton para retroceder
	jQuery('#carouselH3-prev').bind('click', function() {
		carousel.prev();
		return false;
	});
};
function carouselH3b_initCallback(carousel) {
	// Botones para saltar directamente
	jQuery('.jump a').bind('click', function() {
		anchor = ((jQuery.jcarousel.intval(jQuery(this).text()) - 1)*2) + 1;
		carousel.scroll(anchor);
		return false;
	});
	// Boton para avanzar
	jQuery('#carouselH3b-next').bind('click', function() {
		carousel.next();
		return false;
	});
	// Boton para retroceder
	jQuery('#carouselH3b-prev').bind('click', function() {
		carousel.prev();
		return false;
	});
};
function carouselH4_initCallback(carousel) {
	// Botones para saltar directamente
	jQuery('.jump a').bind('click', function() {
		anchor = ((jQuery.jcarousel.intval(jQuery(this).text()) - 1)*4) + 1;
		carousel.scroll(anchor);
		return false;
	});
	// Boton para avanzar
	jQuery('#carouselH4-next').bind('click', function() {
		carousel.next();
		return false;
	});
	// Boton para retroceder
	jQuery('#carouselH4-prev').bind('click', function() {
		carousel.prev();
		return false;
	});
};
/**
 * Callback cuando un elemento se ve en primera posicion
 *
 */
function carouselH1_itemFirstInCallback(carousel, objeto, index, state) {
	
	enlace = Math.ceil((index - 1) / 2) + 1;

	// Estilo del anterior seleccionado
	jQuery('.jump .H1_' + jQuery('#carouselH1').jcarousel.last_jump1).removeClass('activo');
	jQuery('.jump .H1_' + jQuery('#carouselH1').jcarousel.last_jump1).addClass('inactivo');

	// Modifico estilo del elemento jump
	jQuery('.jump .H1_' + enlace).removeClass('inactivo');
	jQuery('.jump .H1_' + enlace).addClass('activo');

	jQuery('#carouselH1').jcarousel.last_jump1 = enlace;
}
function carouselH2_itemFirstInCallback(carousel, objeto, index, state) {
	
	enlace = Math.ceil((index - 1) / 4) + 1;

	// Estilo del anterior seleccionado
	jQuery('.jump .H2_' + jQuery('#carouselH2').jcarousel.last_jump2).removeClass('activo');
	jQuery('.jump .H2_' + jQuery('#carouselH2').jcarousel.last_jump2).addClass('inactivo');

	// Modifico estilo del elemento jump
	jQuery('.jump .H2_' + enlace).removeClass('inactivo');
	jQuery('.jump .H2_' + enlace).addClass('activo');

	jQuery('#carouselH2').jcarousel.last_jump2 = enlace;
}
function carouselH3_itemFirstInCallback(carousel, objeto, index, state) {
	
	enlace = Math.ceil((index - 1) / 2) + 1;

	// Estilo del anterior seleccionado
	jQuery('.jump .H3_' + jQuery('#carouselH3').jcarousel.last_jump3).removeClass('activo');
	jQuery('.jump .H3_' + jQuery('#carouselH3').jcarousel.last_jump3).addClass('inactivo');

	// Modifico estilo del elemento jump
	jQuery('.jump .H3_' + enlace).removeClass('inactivo');
	jQuery('.jump .H3_' + enlace).addClass('activo');

	jQuery('#carouselH3').jcarousel.last_jump3 = enlace;
}
function carouselH3b_itemFirstInCallback(carousel, objeto, index, state) {
	
	enlace = Math.ceil((index - 1) / 2) + 1;

	// Estilo del anterior seleccionado
	jQuery('.jump .H3b_' + jQuery('#carouselH3b').jcarousel.last_jump3b).removeClass('activo');
	jQuery('.jump .H3b_' + jQuery('#carouselH3b').jcarousel.last_jump3b).addClass('inactivo');

	// Modifico estilo del elemento jump
	jQuery('.jump .H3b_' + enlace).removeClass('inactivo');
	jQuery('.jump .H3b_' + enlace).addClass('activo');

	jQuery('#carouselH3b').jcarousel.last_jump3b = enlace;
}
function carouselH4_itemFirstInCallback(carousel, objeto, index, state) {
	
	enlace = Math.ceil((index - 1) / 4) + 1;

	// Estilo del anterior seleccionado
	jQuery('.jump .H4_' + jQuery('#carouselH4').jcarousel.last_jump4).removeClass('activo');
	jQuery('.jump .H4_' + jQuery('#carouselH4').jcarousel.last_jump4).addClass('inactivo');

	// Modifico estilo del elemento jump
	jQuery('.jump .H4_' + enlace).removeClass('inactivo');
	jQuery('.jump .H4_' + enlace).addClass('activo');

	jQuery('#carouselH4').jcarousel.last_jump4 = enlace;
}
function initScrollH1(){
		jQuery('#carouselH1').jcarousel({
		// Configuracion del carrusel
		scroll: 2,
		// CallBacks
		initCallback: carouselH1_initCallback,
		itemFirstInCallback: {
			onAfterAnimation: carouselH1_itemFirstInCallback
		},

		// No contruimos botones anterior / siguiente
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	jQuery('#carouselH1').jcarousel.last_jump1 = 1;
}
function initScrollH2(){
	jQuery('#carouselH2').jcarousel({
		// Configuracion del carrusel
		scroll: 4,
		// CallBacks
		initCallback: carouselH2_initCallback,
		itemFirstInCallback: {
			onAfterAnimation: carouselH2_itemFirstInCallback
		},

		// No contruimos botones anterior / siguiente
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	jQuery('#carouselH2').jcarousel.last_jump2 = 1;
}
function initScrollH3(){
	jQuery('#carouselH3').jcarousel({
		// Configuracion del carrusel
		scroll: 2,
		// CallBacks
		initCallback: carouselH3_initCallback,
		itemFirstInCallback: {
			onAfterAnimation: carouselH3_itemFirstInCallback
		},

		// No contruimos botones anterior / siguiente
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	jQuery('#carouselH3').jcarousel.last_jump3 = 1;
}
function initScrollH3b(){
	jQuery('#carouselH3b').jcarousel({
		// Configuracion del carrusel
		scroll: 2,
		// CallBacks
		initCallback: carouselH3b_initCallback,
		itemFirstInCallback: {
			onAfterAnimation: carouselH3b_itemFirstInCallback
		},

		// No contruimos botones anterior / siguiente
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	jQuery('#carouselH3b').jcarousel.last_jump3b = 1;
}
function initScrollH4(){
	jQuery('#carouselH4').jcarousel({
		// Configuracion del carrusel
		scroll: 4,
		// CallBacks
		initCallback: carouselH4_initCallback,
		itemFirstInCallback: {
			onAfterAnimation: carouselH4_itemFirstInCallback
		},

		// No contruimos botones anterior / siguiente
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	jQuery('#carouselH4').jcarousel.last_jump4 = 1;
}
jQuery(document).ready(function() {
	// Inicio la lista ordenable
	/*
	$(function() {
		// Solo se mueve en el eje y, con un cursor especifico
		$("#sortable").sortable({
			axis: "y",
			cursor: "move",
			delay: 500,
			opacity: 0.75,
			update: function() { setOrder(); }
		});
 
		// Leemos el orden almacenado en anteriores visitas y muestro la lista
		// restoreOrder();
		
	});
	*/

	// Animacionas de menus
	$(".inc").click(function(){
		
		switch(submenuActivo){
			case "menuprogramas":
				if (idMenuProgramas < (posMenuProgramas.length - 1)){
					idMenuProgramas++;
					$("#menuprogramas .submenu").animate({ 
						left: posMenuProgramas[idMenuProgramas] + "px"
					}, 1500 );
				}
			break;
			case "menunoticias":
				if (idMenuNoticias < (posMenuNoticias.length - 1)){
					idMenuNoticias++;
					$("#menunoticias .submenu").animate({ 
						left: posMenuNoticias[idMenuNoticias] + "px"
					}, 1500 );
				}
			break;
			case "menudeportes":
				if (idMenuDeportes < (posMenuDeportes.length - 1)){
					idMenuDeportes++;
					$("#menudeportes .submenu").animate({ 
						left: posMenuDeportes[idMenuDeportes] + "px"
					}, 1500 );
				}
			break;
			case "menuteleseries":
				if (idMenuTeleseries < (posMenuTeleseries.length - 1)){
					idMenuTeleseries++;
					$("#menuteleseries .submenu").animate({ 
						left: posMenuTeleseries[idMenuTeleseries] + "px"
					}, 1500 );
				}
			break;
			case "menujovenes":
				if (idMenuJovenes < (posMenuJovenes.length - 1)){
					idMenuJovenes++;
					$("#menujovenes .submenu").animate({ 
						left: posMenuJovenes[idMenuJovenes] + "px"
					}, 1500 );
				}
			break;
			case "menuservicios":
				if (idMenuServicios < (posMenuServicios.length - 1)){
					idMenuServicios++;
					$("#menuservicios .submenu").animate({ 
						left: posMenuServicios[idMenuServicios] + "px"
					}, 1500 );
				}
			break;
			case "menuarchivo":
				if (idMenuArchivo < (posMenuArchivo.length - 1)){
					idMenuArchivo++;
					$("#menuarchivo .submenu").animate({ 
						left: posMenuArchivo[idMenuArchivo] + "px"
					}, 1500 );
				}
			break;
			case "menugalerias":
				if (idMenuGalerias < (posMenuGalerias.length - 1)){
					idMenuGalerias++;
					$("#menugalerias .submenu").animate({ 
						left: posMenuGalerias[idMenuGalerias] + "px"
					}, 1500 );
				}
			break;
			case "menucorporativo":
				if (idMenuCorporativo < (posMenuCorporativo.length - 1)){
					idMenuCorporativo++;
					$("#menucorporativo .submenu").animate({ 
						left: posMenuCorporativo[idMenuCorporativo] + "px"
					}, 1500 );
				}
			break;
		}

	});
	$(".dec").click(function(){

		switch(submenuActivo){
			case "menuprogramas":
				if (idMenuProgramas > 0){
					idMenuProgramas--;
					$("#menuprogramas .submenu").animate({ 
						left: posMenuProgramas[idMenuProgramas] + "px"
					}, 1500 );
				}
			break;
			case "menunoticias":
				if (idMenuNoticias > 0){
					idMenuNoticias--;
					$("#menunoticias .submenu").animate({ 
						left: posMenuNoticias[idMenuNoticias] + "px"
					}, 1500 );
				}
			break;
			case "menudeportes":
				if (idMenuDeportes > 0){
					idMenuDeportes--;
					$("#menudeportes .submenu").animate({ 
						left: posMenuDeportes[idMenuDeportes] + "px"
					}, 1500 );
				}
			break;
			case "menuteleseries":
				if (idMenuTeleseries > 0){
					idMenuTeleseries--;
					$("#menuteleseries .submenu").animate({ 
						left: posMenuTeleseries[idMenuTeleseries] + "px"
					}, 1500 );
				}
			break;
			case "menujovenes":
				if (idMenuJovenes > 0){
					idMenuJovenes--;
					$("#menujovenes .submenu").animate({ 
						left: posMenuJovenes[idMenuJovenes] + "px"
					}, 1500 );
				}
			break;
			case "menuservicios":
				if (idMenuServicios > 0){
					idMenuServicios--;
					$("#menuservicios .submenu").animate({ 
						left: posMenuServicios[idMenuServicios] + "px"
					}, 1500 );
				}
			break;
			case "menuarchivo":
				if (idMenuArchivo > 0){
					idMenuArchivo--;
					$("#menuarchivo .submenu").animate({ 
						left: posMenuArchivo[idMenuArchivo] + "px"
					}, 1500 );
				}
			break;
			case "menugalerias":
				if (idMenuGalerias > 0){
					idMenuGalerias--;
					$("#menugalerias .submenu").animate({ 
						left: posMenuGalerias[idMenuGalerias] + "px"
					}, 1500 );
				}
			break;
			case "menucorporativo":
				if (idMenuCorporativo > 0){
					idMenuCorporativo--;
					$("#menucorporativo .submenu").animate({ 
						left: posMenuCorporativo[idMenuCorporativo] + "px"
					}, 1500 );
				}
			break;
		}
	});
	$("#menuprogramas .click").click(function(){
		if(submenuActivo != 'menuprogramas'){
			
			// Marco el elemento seleccionado
			var target = "#" + submenuActivo + " .click";
			$(target).removeClass("activo");
			target = "#menuprogramas .click";
			$(target).addClass("activo");

			// Hago invisible el antiguo menu y visible el nuevo, modificando la clase
			var target = "#" + submenuActivo + " .wrapsubmenu";
			$(target).removeClass("activo");
			target = "#menuprogramas .wrapsubmenu";
			$(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menuprogramas';
		}
	});
	$("#menunoticias .click").click(function(){
		if(submenuActivo != 'menunoticias'){
			
			// Marco el elemento seleccionado
			var target = "#" + submenuActivo + " .click";
			$(target).removeClass("activo");
			target = "#menunoticias .click";
			$(target).addClass("activo");

			// Hago invisible el antiguo menu y visible el nuevo, modificando la clase
			var target = "#" + submenuActivo + " .wrapsubmenu";
			$(target).removeClass("activo");
			target = "#menunoticias .wrapsubmenu";
			$(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menunoticias';
		}
	});
	// Menu Deportes
	$("#menudeportes .click").click(function(){
		if(submenuActivo != 'menudeportes'){
			
			// Marco el elemento seleccionado
			var target = "#" + submenuActivo + " .click";
			$(target).removeClass("activo");
			target = "#menudeportes .click";
			$(target).addClass("activo");

			// Hago invisible el antiguo menu y visible el nuevo, modificando la clase
			var target = "#" + submenuActivo + " .wrapsubmenu";
			$(target).removeClass("activo");
			target = "#menudeportes .wrapsubmenu";
			$(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menudeportes';
		}
	});
	// Menu Teleseries
	$("#menuteleseries .click").click(function(){
		if(submenuActivo != 'menuteleseries'){
			
			// Marco el elemento seleccionado
			var target = "#" + submenuActivo + " .click";
			$(target).removeClass("activo");
			target = "#menuteleseries .click";
			$(target).addClass("activo");

			// Hago invisible el antiguo menu y visible el nuevo, modificando la clase
			var target = "#" + submenuActivo + " .wrapsubmenu";
			$(target).removeClass("activo");
			target = "#menuteleseries .wrapsubmenu";
			$(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menuteleseries';
		}
	});
	// Menu Jovenes
	$("#menujovenes .click").click(function(){
		if(submenuActivo != 'menujovenes'){
			
			// Marco el elemento seleccionado
			var target = "#" + submenuActivo + " .click";
			$(target).removeClass("activo");
			target = "#menujovenes .click";
			$(target).addClass("activo");

			// Hago invisible el antiguo menu y visible el nuevo, modificando la clase
			var target = "#" + submenuActivo + " .wrapsubmenu";
			$(target).removeClass("activo");
			target = "#menujovenes .wrapsubmenu";
			$(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menujovenes';
		}
	});
	// Menu Servicios
	$("#menuservicios .click").click(function(){
		if(submenuActivo != 'menuservicios'){
			
			// Marco el elemento seleccionado
			var target = "#" + submenuActivo + " .click";
			$(target).removeClass("activo");
			target = "#menuservicios .click";
			$(target).addClass("activo");

			// Hago invisible el antiguo menu y visible el nuevo, modificando la clase
			var target = "#" + submenuActivo + " .wrapsubmenu";
			$(target).removeClass("activo");
			target = "#menuservicios .wrapsubmenu";
			$(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menuservicios';
		}
	});
	// Menu Archivo
	$("#menuarchivo .click").click(function(){
		if(submenuActivo != 'menuarchivo'){
			
			// Marco el elemento seleccionado
			var target = "#" + submenuActivo + " .click";
			$(target).removeClass("activo");
			target = "#menuarchivo .click";
			$(target).addClass("activo");

			// Hago invisible el antiguo menu y visible el nuevo, modificando la clase
			var target = "#" + submenuActivo + " .wrapsubmenu";
			$(target).removeClass("activo");
			target = "#menuarchivo .wrapsubmenu";
			$(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menuarchivo';
		}
	});
	// Menu Galerias
	$("#menugalerias .click").click(function(){
		if(submenuActivo != 'menugalerias'){
			
			// Marco el elemento seleccionado
			var target = "#" + submenuActivo + " .click";
			$(target).removeClass("activo");
			target = "#menugalerias .click";
			$(target).addClass("activo");

			// Hago invisible el antiguo menu y visible el nuevo, modificando la clase
			var target = "#" + submenuActivo + " .wrapsubmenu";
			$(target).removeClass("activo");
			target = "#menugalerias .wrapsubmenu";
			$(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menugalerias';
		}
	});
	// Menu Corporativo
	$("#menucorporativo .click").click(function(){
		if(submenuActivo != 'menucorporativo'){
			
			// Marco el elemento seleccionado
			var target = "#" + submenuActivo + " .click";
			$(target).removeClass("activo");
			target = "#menucorporativo .click";
			$(target).addClass("activo");

			// Hago invisible el antiguo menu y visible el nuevo, modificando la clase
			var target = "#" + submenuActivo + " .wrapsubmenu";
			$(target).removeClass("activo");
			target = "#menucorporativo .wrapsubmenu";
			$(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menucorporativo';
		}
	});

});