// Variables globales
var submenuActivo = '';

var servicioActivo = 'indicadores';

// Lista ordenable
// Lista ordenable
var setSelector = "#config";
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 = jQuery(setSelector).sortable('toArray');
	jQuery.cookie(setCookieName, jQuery(setSelector).sortable('toArray'), { expires: setCookieExpiry, path: "/" });
}
// saveOrder
function saveConfig(){
	// recargo la pagina
	window.location.reload();
}
// Noticias online
// Noticias
function showNOnline(id){
	var target = "#n_online" + id;
	cert_registerHit(certificaId, certificaPrePath + "/noticiaonline", certificaPivot);
	jQuery(target).toggle("slow");
}
// Deportes
function showDOnline(id){
	var target = "#d_online" + id;
	jQuery(target).toggle("slow");
}
// Servicios
function servicios(identificativo){
	if(identificativo != servicioActivo){
		var target = "#servicios ul.data li." + servicioActivo;
		jQuery(target).slideUp("slow");
		servicioActivo = identificativo;
		target = "#servicios ul.data li." + identificativo;
		jQuery(target).slideDown("slow");
	}
}
/*
 *
 * Reloj
*/
jQuery(function($) {
	var optionsCHV = {
		format: '%H:%M %A, %d de %B de %Y',
		fontFamily: 'Arial',
        fontSize: 12,
        foreground: 'white'
	}
	jQuery('#clock').jclock(optionsCHV);
 
 });

/**
 * Asignamos funcionalidad a los controles mediante el callback initCallback
 * 
 */
function carouselMain_initCallback(carousel) {
	// Botones para saltar directamente
	jQuery('.jump a').bind('click', function() {
		anchor = ((jQuery.jcarousel.intval(jQuery(this).text()) - 1)*3) + 1;
		carousel.scroll(anchor);
		carousel.startAuto(0);
		return false;
	});
	// Boton para avanzar
	jQuery('#carouselMain-next').bind('click', function() {
		carousel.next();
		carousel.startAuto(0);
		return false;
	});
	// Boton para retroceder
	jQuery('#carouselMain-prev').bind('click', function() {
		carousel.prev();
		carousel.startAuto(0);
		return false;
	});
    // Paramos el autoscrolling si el usuario se mueve sobre el clip
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });	
};
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)*3) + 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)*3) + 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 carouselMain_itemFirstInCallback(carousel, objeto, index, state) {
	
	enlace = Math.ceil((index - 1) / 3) + 1;

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

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

	jQuery('#carouselMain').jcarousel.last_jump1 = enlace;
}
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) / 3) + 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) / 3) + 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 initScrollMain(){
		jQuery('#carouselMain').jcarousel({
		// Configuracion del carrusel (3 elementos y se mueve solo cada 10 segundos)
		scroll: 3,
		auto: 7,
		wrap: 'last',
		// CallBacks
		initCallback: carouselMain_initCallback,
		itemFirstInCallback: {
			onAfterAnimation: carouselMain_itemFirstInCallback
		},

		// No contruimos botones anterior / siguiente
		buttonNextHTML: null,
		buttonPrevHTML: null
	});
	jQuery('#carouselMain').jcarousel.last_jump1 = 1;
}
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: 3,
		// 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: 3,
		// 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 el dialogo de configuracion
	jQuery('#dialog').jqm();

	// Inicio la lista ordenable para la configuracion
	jQuery("#cabecera .personaliza").click(function(){
		// Solo se mueve en el eje y, con un cursor especifico
		jQuery("#config").sortable({
			axis: "y",
			cursor: "move",
			delay: 0,
			opacity: 0.75,
			update: function() { setOrder(); }
		});
		
	});

});

// Funciones para iniciar menus
function initMenuProgramas(){
	// Menu principal
	jQuery("#menuprogramas .click").click(function(){
		var target = '';
		if(submenuActivo != 'menuprogramas'){
			if (submenuActivo != ''){
				// Desaactivo el antiguo elemento
				target = "#" + submenuActivo + " .click";
				jQuery(target).removeClass("activo");
				
				target = "#" + submenuActivo + " ul.submenu";
				jQuery(target).removeClass("activo");
				
			}
			
			// Activo el nuevo elemento
			target = "#menuprogramas .click";
			jQuery(target).addClass("activo");
			target = "#menuprogramas ul.submenu";
			jQuery(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menuprogramas';
		}
		else{
			// Oculto el mismo meniprogramas
			target = "#menuprogramas .click";
			jQuery(target).removeClass("activo");
			
			target = "#menuprogramas ul.submenu";
			jQuery(target).removeClass("activo");
			
			submenuActivo = '';
		}
	});
}
function initMenuNoticias(){
	jQuery("#menunoticias .click").click(function(){
			
		var target = '';
		if(submenuActivo != 'menunoticias'){
			if (submenuActivo != ''){
				// Desaactivo el antiguo elemento
				target = "#" + submenuActivo + " .click";
				jQuery(target).removeClass("activo");
				
				target = "#" + submenuActivo + " ul.submenu";
				jQuery(target).removeClass("activo");
				
			}
			
			// Activo el nuevo elemento
			target = "#menunoticias .click";
			jQuery(target).addClass("activo");
			target = "#menunoticias ul.submenu";
			jQuery(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menunoticias';
		}
		else{
			// Oculto el mismo meniprogramas
			target = "#menunoticias .click";
			jQuery(target).removeClass("activo");
			
			target = "#menunoticias ul.submenu";
			jQuery(target).removeClass("activo");
			
			submenuActivo = '';
		}
	});
}
function initMenuDeportes(){
// Menu Deportes
	jQuery("#menudeportes .click").click(function(){
			
		var target = '';
		if(submenuActivo != 'menudeportes'){
			if (submenuActivo != ''){
				// Desaactivo el antiguo elemento
				target = "#" + submenuActivo + " .click";
				jQuery(target).removeClass("activo");
				
				target = "#" + submenuActivo + " ul.submenu";
				jQuery(target).removeClass("activo");
				
			}
			
			// Activo el nuevo elemento
			target = "#menudeportes .click";
			jQuery(target).addClass("activo");
			target = "#menudeportes ul.submenu";
			jQuery(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menudeportes';
		}
		else{
			// Oculto el mismo meniprogramas
			target = "#menudeportes .click";
			jQuery(target).removeClass("activo");
			
			target = "#menudeportes ul.submenu";
			jQuery(target).removeClass("activo");
			
			submenuActivo = '';
		}
	});
}
function initMenuTeleseries(){
// Menu Teleseries
	jQuery("#menuteleseries .click").click(function(){
			
		var target = '';
		if(submenuActivo != 'menuteleseries'){
			if (submenuActivo != ''){
				// Desaactivo el antiguo elemento
				target = "#" + submenuActivo + " .click";
				jQuery(target).removeClass("activo");
				
				target = "#" + submenuActivo + " ul.submenu";
				jQuery(target).removeClass("activo");
				
			}
			
			// Activo el nuevo elemento
			target = "#menuteleseries .click";
			jQuery(target).addClass("activo");
			target = "#menuteleseries ul.submenu";
			jQuery(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menuteleseries';
		}
		else{
			// Oculto el mismo meniprogramas
			target = "#menuteleseries .click";
			jQuery(target).removeClass("activo");
			
			target = "#menuteleseries ul.submenu";
			jQuery(target).removeClass("activo");
			
			submenuActivo = '';
		}
	});
}
function initMenuJovenes(){
// Menu Jovenes
	jQuery("#menujovenes .click").click(function(){
			
		var target = '';
		if(submenuActivo != 'menujovenes'){
			if (submenuActivo != ''){
				// Desaactivo el antiguo elemento
				target = "#" + submenuActivo + " .click";
				jQuery(target).removeClass("activo");
				
				target = "#" + submenuActivo + " ul.submenu";
				jQuery(target).removeClass("activo");
				
			}
			
			// Activo el nuevo elemento
			target = "#menujovenes .click";
			jQuery(target).addClass("activo");
			target = "#menujovenes ul.submenu";
			jQuery(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menujovenes';
		}
		else{
			// Oculto el mismo meniprogramas
			target = "#menujovenes .click";
			jQuery(target).removeClass("activo");
			
			target = "#menujovenes ul.submenu";
			jQuery(target).removeClass("activo");
			
			submenuActivo = '';
		}
	});
}
function initMenuServicios(){
	// Menu Servicios
	jQuery("#menuservicios .click").click(function(){
			
		var target = '';
		if(submenuActivo != 'menuservicios'){
			if (submenuActivo != ''){
				// Desaactivo el antiguo elemento
				target = "#" + submenuActivo + " .click";
				jQuery(target).removeClass("activo");
				
				target = "#" + submenuActivo + " ul.submenu";
				jQuery(target).removeClass("activo");
				
			}
			
			// Activo el nuevo elemento
			target = "#menuservicios .click";
			jQuery(target).addClass("activo");
			target = "#menuservicios ul.submenu";
			jQuery(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menuservicios';
		}
		else{
			// Oculto el mismo menuservicios
			target = "#menuservicios .click";
			jQuery(target).removeClass("activo");
			
			target = "#menuservicios ul.submenu";
			jQuery(target).removeClass("activo");
			
			submenuActivo = '';
		}
	});
}
function initMenuArchivo(){
	// Menu Archivo
	jQuery("#menuarchivo .click").click(function(){
			
		var target = '';
		if(submenuActivo != 'menuarchivo'){
			if (submenuActivo != ''){
				// Desaactivo el antiguo elemento
				target = "#" + submenuActivo + " .click";
				jQuery(target).removeClass("activo");
				
				target = "#" + submenuActivo + " ul.submenu";
				jQuery(target).removeClass("activo");
				
			}
			
			// Activo el nuevo elemento
			target = "#menuarchivo .click";
			jQuery(target).addClass("activo");
			target = "#menuarchivo ul.submenu";
			jQuery(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menuarchivo';
		}
		else{
			// Oculto el mismo meniprogramas
			target = "#menuarchivo .click";
			jQuery(target).removeClass("activo");
			
			target = "#menuarchivo ul.submenu";
			jQuery(target).removeClass("activo");
			
			submenuActivo = '';
		}
	});
}
function initMenuGalerias(){
	// Menu Galerias
	jQuery("#menugalerias .click").click(function(){
			
		var target = '';
		if(submenuActivo != 'menugalerias'){
			if (submenuActivo != ''){
				// Desaactivo el antiguo elemento
				target = "#" + submenuActivo + " .click";
				jQuery(target).removeClass("activo");
				
				target = "#" + submenuActivo + " ul.submenu";
				jQuery(target).removeClass("activo");
				
			}
			
			// Activo el nuevo elemento
			target = "#menugalerias .click";
			jQuery(target).addClass("activo");
			target = "#menugalerias ul.submenu";
			jQuery(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menugalerias';
		}
		else{
			// Oculto el mismo meniprogramas
			target = "#menugalerias .click";
			jQuery(target).removeClass("activo");
			
			target = "#menugalerias ul.submenu";
			jQuery(target).removeClass("activo");
			
			submenuActivo = '';
		}
	});
}
function initMenuCorporativo(){
	// Menu Corporativo
	jQuery("#menucorporativo .click").click(function(){
			
		var target = '';
		if(submenuActivo != 'menucorporativo'){
			if (submenuActivo != ''){
				// Desaactivo el antiguo elemento
				target = "#" + submenuActivo + " .click";
				jQuery(target).removeClass("activo");
				
				target = "#" + submenuActivo + " ul.submenu";
				jQuery(target).removeClass("activo");
				
			}
			
			// Activo el nuevo elemento
			target = "#menucorporativo .click";
			jQuery(target).addClass("activo");
			target = "#menucorporativo ul.submenu";
			jQuery(target).addClass("activo"); 

			// Almaceno el menu activo
			submenuActivo = 'menucorporativo';
		}
		else{
			// Oculto el mismo meniprogramas
			target = "#menucorporativo .click";
			jQuery(target).removeClass("activo");
			
			target = "#menucorporativo ul.submenu";
			jQuery(target).removeClass("activo");
			
			submenuActivo = '';
		}
	});

}

// Estoy a la escucha de cambios en el tamanno de la ventana

			function posicionar(){
				// Leo la posicion del contenedor
				var posicion = jQuery("#all").offset();

				var posicionLeft = Math.ceil(posicion.left) + 36;
				// jQuery("ul#menu .wrapsubmenu").css("left", posicionLeft);
				// jQuery("ul#menu .submenu").css('display' , 'block');

				// Calculo la posicion que le corresponde a la imagen de fondo
				// posicion = posicion left del contenedor - ancho de la parte izquierda del fondo
				var bgposicion = Math.ceil(posicion.left) - 339;
				jQuery("body").css("background-position", bgposicion + "px 35px");				
			}