// JavaScript Document
// Compatibilidad con el Microsoft Internet Explorer
var is_ie = navigator.appName == 'Microsoft Internet Explorer';
// Compatibilidad con Opera
var is_op = navigator.appName == 'Opera' ? true : false;
// Compatibilidad con firefox
var is_fx = !is_ie && !is_op ? true : false;

var lastRan = -1;
var itemVideo = null;

var fmtItem = function(principal) {
/* "Objeto principal": objeto con los contenidos de un principal:
Titulo : Titulo del principal,
tipoAdjunto: Indicador, si se carga video o imagen,
tituloClass: Estilo del titulo del principal,
cuerpo: Cuerpo del principal,
Istblprin_foto: Indicador si se muestra la tabla de foto,
ImageUrl: ruta url de la imagen o video que se carga,
AlternateText: Texto alternativo en caso que la imagen no se pueda cargar,
ToolTip: Texto de ayuda de la imagen,
HRef: Ruta url en caso que la imagen diriga a algun sitio,
IstblArchivo: indicador para mostrar la imagen de archivo,
PieFoto: texto del pie de foto,
IstblPieFoto: indicador si se muestra la tabla de pie de foto,
NavigateUrl: Direccion url a donde se direcciona ver mas informacion,
TipoPlantilla: Indica el codigo de la plantilla ha pintar
*/
try
{
var innerHTML;
if (typeof(principal.Titulo)=="undefined")
principal.Titulo = "";
if (typeof(principal.cuerpo)=="undefined")
principal.cuerpo = "";  	

//Se deben reemplazar los tags <li> y </li> por <p> y </p> respectivamente ya que el carrusel funciona utilizando estos tags.
if(principal.TipoPlantilla=="5"||principal.TipoPlantilla=="7") //Se esta imprimiendo una plantilla tipo home 5 o 7
{
innerHTML = ' ';
if (is_ie)
innerHTML += '<div align="left">';
else
innerHTML += '<div align="left">';
//Fotos y botones
innerHTML += '<div class="cajaPrincipal"><h2>' + principal.Titulo + '</h2></div><br/>'
innerHTML += '<table aling="left" style="float:left;"><tr><td>';
if(principal.Istblprin_foto=="true")
innerHTML += getEstructuraFile(principal.tipoAdjunto, principal.ImageUrl, principal.AlternateText, principal.ToolTip, principal.HRef, principal.TipoPlantilla);
else
innerHTML += '<span name="video"/>';				
innerHTML += '</td></tr></table>';			
//Fin de botones			
//Fin de fotos y fotos
//Titulo y cuerpo
innerHTML += '<span>' + principal.cuerpo.replace('<li>','<p>').replace('</li>','</p>') + '</span><br/><br/>';
//Fin de titulo y cuerpo
//Link Ver mas
if(principal.vermasVisible=="True")
{    
if(principal.Restringido=="True")
{
innerHTML += '<div align="right">' +
'<a href='+ principal.urlRestringido +'>'+
'<img title="M&aacute;s Informaci&oacute;n" src="'+principal.urlSitio+'/images/b_mas_info.gif" border="0"/></a>' +
'</div>';
}
else
{
innerHTML += '<div align="right">' +
'<a href="' + principal.NavigateUrl + '">'+
'<img title="M&aacute;s Informaci&oacute;n" src="'+principal.urlSitio+'/images/b_mas_info.gif" border="0"/></a>' +
'</div>';
}
}
//Fin de link ver mas		
//Botones
innerHTML += '<div style="clear:both;"></div><div>'; 
innerHTML += '<img border="0" src="'+principal.urlSitio+'/images/imgFleIzq2.jpg" title"Anterior" name="anteriorIn" onclick="StopPlay();carousel.scrollPrev();" style="z-index:3;cursor:pointer;" hspace="4"/>';		
if(getSize()>1)
{
innerHTML += '<img id="boton_izquierda" border="0" src="'+principal.urlSitio+'/images/imgFleDer.jpg" name="siguienteIn" title"Siguiente" onclick="carousel.scrollNext();StopPlay();" style="z-index:3;cursor:pointer;"/>';
}
else
{
innerHTML += '<img id="boton_derecha" border="0" src="'+principal.urlSitio+'/images/imgFleDer2.jpg" name="siguienteIn" title"Siguiente" onclick="carousel.scrollNext();StopPlay();" style="z-index:3;cursor:pointer;"/>';
}
innerHTML += '</div>';
}
else if(principal.TipoPlantilla=="6") //Se esta imprimiendo una plantilla tipo home 6
{
innerHTML = ' ';
if (is_ie)
innerHTML += '<div align="left">';
else
innerHTML += '<div align="left">';
innerHTML += '<table width="100%" cellspacing="0" cellpadding="0" border="0">';
if(principal.Istblprin_foto=="true")
{
innerHTML += '<tr>' + 
'<td whith="100%" align="center" valign="top">';
innerHTML += getEstructuraFile(principal.tipoAdjunto, principal.ImageUrl, principal.AlternateText, principal.ToolTip, principal.HRef, principal.TipoPlantilla);	
innerHTML += '</td>' +
'</tr>';
}
else
innerHTML += '<span name="video"/>';
innerHTML += '<tr><td><br class="espacio"/>' +
'<table border="0" cellspacing="0" cellpadding="0" align="left">' +
'<tr>' +
'<td width="30">'
'<img border="0" src="'+principal.urlSitio+'/images/imgFleIzq2.jpg" title"Anterior" name="anteriorIn" onclick="carousel.scrollPrev();StopPlay();" style="z-index:3;cursor:pointer;"/>' +
'</td>' +
'<td width="30">';
if(getSize()>1)
innerHTML += '<img id="boton_izquierda" border="0" src="../images/imgFleIzq.jpg" name="siguienteIn" title"Siguiente" onclick="carousel.scrollNext();StopPlay();" style="z-index:3;cursor:pointer;"/>';
else
innerHTML += '<img id="boton_derecha" border="0" src="'+principal.urlSitio+'/images/imgFleIzq2.jpg" name="siguienteIn" title"Siguiente" onclick="carousel.scrollNext();StopPlay();" style="z-index:3;cursor:pointer;"/>';					
innerHTML += '</td>' +
'</tr>' +
'</table><br /><br /></td>' + 
'</tr>' +
'<tr>' +
'<td whith="90%" align="justify" valign="top">' +
'<span class="titulo-amarillo2">' + principal.Titulo + '</span><br/><br/>' +
'<div><span class="txt-contenido2">' + principal.cuerpo.replace('<li>','<p>').replace('</li>','</p>') + '</span></div><br/>';
if(principal.vermasVisible=="True")
{        
innerHTML += '<table border="0" cellspacing="0" cellpadding="0" align="right">' +
'<tr>' +
'<td width="99"><a href="' + principal.NavigateUrl + '">'+
'<img title="M&aacute;s Informaci&oacute;n" src="'+principal.urlSitio+'/images/b_mas_info.gif" border="0"/></a>' +
'</td>' +
'</tr>' +
'</table>';
}        
innerHTML += '</td>' + 
'</tr>' +      
'</table>' + '</div>';
}    
}
catch(e){}
return innerHTML;
};

var loadInitialItems = function(type, args) {

try
{
var start = args[0];
var last = args[1]; 
load(this, start, last);
}
catch(e){}
};

var loadNextItems = function(type, args) {

try
{
var start = args[0];
var last = args[1]; 
var alreadyCached = args[2];

if(!alreadyCached) {
load(this, start, last);
}
if (!is_ie)
OcultarItem();
}
catch(e){}
};

var loadPrevItems = function(type, args) {

try
{
var start = args[0];
var last = args[1]; 
var alreadyCached = args[2];

if(!alreadyCached) {
load(this, start, last);
}
if (!is_ie)
OcultarItem();
}
catch(e){}
};

var load = function(carousel, start, last) {
try
{
for(var i=start;i<=last;i++) {
carousel.addItem(i, fmtItem(ls_Principales[i-1]));
}

}
catch(e){}
};

var handlePrevButtonState = function(type, args) {

try
{
var enabling = args[0];
var leftImage = args[1];

if(enabling) {
if(leftImage!=null)
leftImage.src = "../images/imgFleIzq.jpg";
} else {
if(leftImage!=null)
leftImage.src = "../images/imgFleIzq2.jpg";
}
}
catch(e){}
};

var handleNextButtonState = function(type, args) {

try
{
var enabling = args[0];
var rightImage = args[1];
if(enabling) {
if(rightImage!=null)
rightImage.src = "'+principal.urlSitio+'/images/imgFleDer.jpg";
} else {
if (rightImage!=null)
rightImage.src = "'+principal.urlSitio+'/images/imgFleDer2.jpg";
}
}
catch(e){}
};

var carousel;

var pageLoad = function() 
{
try
{
carousel = new GENERAL.extension.Carousel("lst_principales", 
{
numVisible:        1,
animationSpeed:   .15,
scrollInc:         1,
navMargin:         4,
prevElement:       "anterior",
nextElement:       "siguiente",
size:              getSize(),
autoPlay:		   1000000,
wrap:			   true,
animationCompleteHandler : handleEndAnimation,
loadInitHandler:   loadInitialItems,
loadNextHandler:   loadNextItems,
loadPrevHandler:   loadPrevItems,
prevButtonStateHandler:   handlePrevButtonState,
nextButtonStateHandler:   handleNextButtonState
}
);	
if (!is_ie)
setTimeout("carousel.reload()",1000);
}
catch(e){}
};

GENERAL.util.Event.addListener(window, 'load', pageLoad);

var handleEndAnimation = function(type, args) {
try
{
for(var i=0;i<document.getElementsByName("siguienteIn").length;i++)
{
element = document.getElementsByName("siguienteIn")[i];
element.src = document.getElementById("siguiente").src;
}
for(var i=0;i<document.getElementsByName("anteriorIn").length;i++)
{
element = document.getElementsByName("anteriorIn")[i];
element.src = document.getElementById("anterior").src;
}
if(!is_ie)
MostrarItem();
}
catch(e){}
};

//Funcion que detiene el autoplay del carousel
function StopPlay()
{
carousel.stopAutoPlay();
}

//Obtiene la estructura DHTML para visualizar el item
function getEstructuraFile(Type, src, textAlter, toolTip, Href, tipoPlantilla)
{
try
{
//Nota: Se debe colocar el Atributo name="video" para que el efecto de desplazamiento funcione correctamente en FireFox
//Arreglo para tipos de archivos que se soportan en Msplayer2
arl_typeVideo = new Array(".avi",".mpg",".mpeg",".mpe",".m1v",".m2v",".mod",".mp2",".mpv2",".mp2v",".mp3",".m3u",".asf",".asx",".wpl",".wm",".wmx",".wmd",".wmz",".wma",".wax",".wmv",".wvx",".cda",".wav",".mid",".midi");
//Arreglo para tipos de aplicacion flash
arl_typeFlash = new Array(".swf");

for(var i=0; i<arl_typeVideo.length;i++)
{
if(Type==arl_typeVideo[i])//Es de tipo que se reproduce en Windows Media Player
{
switch(tipoPlantilla)
{
case "5"://Esta imprimiendo plantilla tipo minihome 5
return '<EMBED name="video" style="WIDTH: 300px; HEIGHT: 250px" pluginspage="http://download.microsoft.com/download/winmediaplayer/nsplugin/6.4/WIN98/EN-US/wmpplugin.exe" align="baseline" src="' + src + '" type="application/x-mplayer2" AutoStart="false"/> ';
case "6"://Esta imprimiendo plantilla tipo minihome 6
return '<EMBED name="video" style="WIDTH: 300px; HEIGHT: 250px" pluginspage="http://download.microsoft.com/download/winmediaplayer/nsplugin/6.4/WIN98/EN-US/wmpplugin.exe" align="baseline" src="' + src + '" type="application/x-mplayer2" AutoStart="false"/> ';
}
}
}
for(var i=0; i<arl_typeFlash.length;i++)
{
if(Type==arl_typeFlash[i])//Es de tipo que se reproduce como aplicacion de Flash
{
switch(tipoPlantilla)
{
case "5":
{
return '<embed name="video" style="WIDTH: 300px; HEIGHT: 300px" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" src="' + src + '" type="application/x-shockwave-flash" bgcolor="" quality="high" menu="false" loop="true" salign="CC"></embed>';	
}
case "6":
{
return '<embed name="video" style="WIDTH: 300px; HEIGHT: 300px" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" src="' + src + '" type="application/x-shockwave-flash" bgcolor="" quality="high" menu="false" loop="true" salign="CC"></embed>';	
}	
}
}
}
//Si no esta contenido en un tipo soportado por MsPlayer o Flash se retorna como imagen.
if(typeof(Href)!="undefined")
return '<a href="' + Href + '"><img name="video" border="0" align="left" src="' + src + '" alt="' + textAlter + '" title="' + toolTip + '"/></a>';
else
return '<img name="video" border="0" align="left" src="' + src + '" alt="' + textAlter + '" title="' + toolTip + '"/>';	
}
catch(e){}
}

//Funcion que oculta un item compatibilidad con firefox
function OcultarItem()
{
try
{
var itemActual = 0;
for(var i=0;i<document.getElementsByName("video").length;i++)
{
itemActual++;
element = document.getElementsByName("video")[i];
if (itemActual!=carousel.lastVisible)
element.style.visibility = "hidden";
}
}
catch(e){}
}

//Funcion que muestra el item compatibilidad con firefox
function MostrarItem()
{
try
{
var itemActual = 0;
for(var i=0;i<document.getElementsByName("video").length;i++)
{
itemActual++;
element = document.getElementsByName("video")[i];
if (itemActual==carousel.lastVisible)
element.style.visibility = "";
else
element.style.visibility = "hidden";
}
}
catch(e){}
}


//Funcion que pinta el estilo que se debe aplicar al carrousel segun la resolucion de la pantalla
//Origen 0 desde el Home Principal, 1 desde Categoria
function TamCarousel(origen)
{
try
{
if(is_ie )//Si el navegador es Explorer
document.styleSheets["estiloDinamico"].addRule(".principales .carousel-list li","margin:0px; width:640px;");
else //Si el Navegador es Firefox u otro
document.documentElement.firstChild.innerHTML = "<style type='text/css'>.principales .carousel-list li{margin:0px; width:640px;}</style>" + document.documentElement.firstChild.innerHTML.substring(document.documentElement.firstChild.innerHTML.indexOf("<title>"));

}
catch(e){}
}