// JavaScript Document
var temas = Array();

jQuery(document).ready(function($){
	cargarTemas();	
	setInterval('actualizarTemas()',15000);
	cargarBanner();	
	
	var params = {};
		    params.bgcolor = "#FFFFFF";
		    params.menu = "false";
		    params.scale = 'noScale';
		    params.wmode = "opaque";
		    params.allowfullscreen = "true";
		    params.allowScriptAccess = "always";
		    
		    // ATTRIBUTES
		    var attributes = {};
		    attributes.id = 'FlabellComponent';
		    attributes.name = 'FlabellComponent'
		    
		    // JAVASCRIPT VARS 
			// cache buster
			var cacheBuster = Date.parse(new Date());		    
		    
		    // stage dimensions
		    var stageW = 615;
			var stageH = 122; 
		    
		    /** FLASH VARS **/
		    var flashvars = {};
		    
		    // component dimensions inside the SWF file
		    flashvars.componentWidth = stageW;
			flashvars.componentHeight = stageH;
			
			// path to files (can be "")
			flashvars.pathToFiles = "banner/";
			
			// path to content XML
			flashvars.xmlPath = "xml/banner.xml"
		    
		    /** EMBED THE SWF**/        
            swfobject.embedSWF('preview.swf', 'FlabellComponent', stageW, stageH, '9.0.45', 'js/expressInstall.swf', flashvars, params, attributes);
})

function actualizarTemas()
{	
	var orden = mezclar([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]);
	
	var n = temas.length;

	for(var i=0; i<8; i++)
	{
		var j = orden[i];
		var id     = temas[j]['tem_id'];
		var titulo = temas[j]['tem_titulo'];		
		
		if(titulo.length>40)
		{
			titulo = titulo.substring(0,40)+"...";
		}
		
		var foto   = "temas/"+temas[j]['tem_img'];
		var idDiv='d'+i;
		var idCelda = 'c'+i;
		
		$("#p"+i).empty();		
		$("#p"+i).append('<table width="100%"><tr><td id="'+idCelda+'" height="100px" align="center" width="130px" onmouseout="ocultar_div(\''+idDiv+'\');" onmouseover="mostrar_div(\''+idDiv+'\');" style="background-repeat: no-repeat; background-position: center center; background-image: url('+foto+');" alt="d'+i+'" class="video_home"><div style="display: none;" name="d'+i+'" id="d'+i+'"><img height="98px" border="0" width="130px" onclick="javascript:window.location=\'view_video.php?id_t='+id+'\';" style="cursor: pointer;" src="img/sombra.png"></div></td></tr><tr><td align="center"><a title="Haga click aqu&iacute; para ver este video" class="gris_videos_home" href="view_video.php?id_t='+id+'">'+titulo+'</a></td></tr>');			
		$("#"+idCelda).hide().fadeIn(2000);
	}	
}

function cargarTemas()
{
	$.get("transaccion/Consultas.php", 
		  { criterio: "buscarRecientes"},
		  mostrarTemas);
}

function mostrarTemas(data)
{	
	temas=eval("(" + data + ")");	
	
	var n = temas.length;
	
	if(temas != null)
	{
		if(n>8)
			n=8;			
		
		for(var i=0; i<n; i++)
		{
			var id     = temas[i]['tem_id'];
			var titulo = temas[i]['tem_titulo'];
			var foto   = temas[i]['tem_img'];
			$("#p"+i).empty();				
	
			var idDiv='d'+i;
			var idCelda = 'c'+i;
			$("#p"+i).append('<table width="100%"><tr><td id="'+idCelda+'" height="100px" background="temas/'+foto+'" align="center" width="148px" onmouseout="ocultar_div(\''+idDiv+'\');" onmouseover="mostrar_div(\''+idDiv+'\');" style="background-repeat: no-repeat; background-position: center center;" alt="d'+i+'" class="video_home"><div style="display: none;" name="d'+i+'" id="d'+i+'"><img height="98px" border="0" width="130px" onclick="javascript:window.location=\'view_video.php?id_t='+id+'\';" style="cursor: pointer;" src="img/sombra.png"></div></td></tr><tr><td align="center"><a title="Haga click aqu&iacute; para ver este video" class="gris_videos_home" href="view_video.php?id_t='+id+'">'+titulo+'</a></td></tr>');
			$("#"+idCelda).hide().fadeIn(2000);
		}
	}
}

function mezclar(x) {
    // Vamos a recorrer la lista desde el final
    var i = x.length;
    while (i>0) {
        // aleatoriamente elegimos otro elemento entre [0] e [i] (incluido)
        k = Math.floor(Math.random()*i);
        i--;
        //intercambiamos x[i] con x[k]
        var temp = x[i];
        x[i] = x[k];
        x[k] = temp;
    }
    return x;
}

function cerrar(){
		tb_remove();
	}
function mostrar_div(div_id){
		document.getElementById(div_id).style.display = 'block';
	}
	function ocultar_div(div_id){
		document.getElementById(div_id).style.display = 'none';
	}	
	
function cargarBanner()
{
	$.get("transaccion/Consultas.php", 
		  { criterio: "buscarBanner"},
		  mostrarBanner);
}

function mostrarBanner(data)
{
	//<a href="view_video.php?id_t=45"><img src="img/banner/b1.jpg" alt="" border="0"/></a>
	$("#slider").empty();
	var banner=eval("(" + data + ")");	
	
	var n = banner.length;
	
	if(banner != null)
	{		
		for(var i=0; i<n; i++)
		{
			var id     = banner[i]['ban_id'];
			var titulo = banner[i]['ban_nombre'];
			var foto   = "img/banner/"+banner[i]['ban_url'];
			var estado = banner[i]['ban_activo'];
			var enlace = banner[i]['ban_link'];
			var orden  = banner[i]['ban_orden'];
			var aleat  = banner[i]['ban_random'];	
			
			var nodo = "<a href='"+enlace+"'><img src='"+foto+"' alt='"+titulo+"' border='0'/></a>";
			$("#slider").append(nodo);
		}
		iniciarBanner();
	}	
}

function iniciarBanner()
{
	$('#slider').nivoSlider({
		effect:'random', //Specify sets like: 'fold,fade,sliceDown'
		slices:4,
		animSpeed:1000,
		pauseTime:10000,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:false, //Next & Prev
		directionNavHide:true, //Only show on hover
		controlNav:true, //1,2,3...
		controlNavThumbs:false, //Use thumbnails for Control Nav
      controlNavThumbsFromRel:false, //Use image rel for thumbs
		controlNavThumbsSearch: '.jpg', //Replace this with...
		controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
		keyboardNav:true, //Use left & right arrows
		pauseOnHover:true, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		captionOpacity:0.8, //Universal caption opacity
		beforeChange: function(){},
		afterChange: function(){},
		slideshowEnd: function(){} //Triggers after all slides have been shown
	});	
}