// JavaScript Document
// Custom
//var _imgHost = "img\/";
//var _imgHost = "http:\/\/desarrollo-cstv.nspmotion.com\/10196\/img\/";
var _imgHost = "http:\/\/fsi.dmmotion.com\/10196\/img\/";
var p = new Paginado();
p.setHolder("ADMContent");

	function onPlayerInit(PyIndex){
		var player = admtv.Players[PyIndex];
		player.onMostViewedFetched = function (rDTOs) {
			var arrItems = new Array();
			for( var i=0; i<rDTOs.length; i++){
				
				var item = player.getItemById(rDTOs[i].ChannelId, rDTOs[i].PlaylistId, rDTOs[i].Id);
				var rdto = {ChannelId:rDTOs[i].ChannelId,PlaylistId:rDTOs[i].PlaylistId,Id:rDTOs[i].Id};
				item.thumb   = this.getItemThumbnail(rdto, "m");
				item.puntaje = this.getItemRange(rdto,5);
				item.url     = this.generatePermalink(rdto);
				arrItems.push(item);
			}
			p.setContenido(arrItems)
		}

		document.getElementById("ADMVerTodos").onclick = function(){location.href = player.generatePermalink()}
		player.getMostViewed(10, 4);
		initCombo(PyIndex);
	}

	function initCombo(pIndex) {
		var player = admtv.Players[pIndex];
		var it = player.Content.Channels.length;
		var channels = player.Content.Channels;
		var cmb = document.getElementById("ADMComboChannels");
		//cmb.options[0] = new Option("Elija una sección",0);
		cmb.innerHTML = "<option>Elija una secci&oacute;n</option>";
		for(var i=0; i<it; i++) {
			cmb.options[cmb.options.length]= new Option(channels[i].Title,channels[i].Id);
		}
		cmb.onchange = function(){
			
			(this.value != 0)? player.getMostViewed(10,4,{ChannelId:this.value,PlaylistId:null,Id:null}) : player.getMostViewed(10,4);
		}
	}


	//Class Paginado.
	function Paginado (){ 
		 var _itemsPorPagina;
		 var _totalItems;
		 var _cantidadPaginas;
		 var _primerElemento;
		 var _cantidadIndicesMostrar;
		 var _filas;
		 var _columnas;
		 var desp;
		 var _contenido;
		 var _holder;
		 var _hContent;
		 var _hIndex;
		
		 var _leftBtn;
		 var _holderIndex; 
		 var _rightBtn;
		 var _indexVisible;
		 var  pagIndex ;
		 

		
		 var c =0;
		 var f =0;

		this.setContenido = function(cont) {
			
			_contenido = cont;
			_filas = 5;
			_columnas = 2;
			_itemsPorPagina = (_filas * _columnas);
			_totalItems = _contenido.length;
			_cantidadPaginas = Math.ceil(_totalItems/_itemsPorPagina);
			_indexVisible = 5;
			pagIndex = 0;
			

			/* _holderIndex.innerHTML = "";
			if(_cantidadPaginas>1) {
				generarIndices(0,_indexVisible);
				
				if(_cantidadPaginas<=_indexVisible) showBtn(false);
				else showBtn(true);
				
			}else showBtn(false);
			initHandler();*/
			mostrarPagina(0);
		
	}
	
	
	function generarIndices(inicio, fin) {
		
		var u ="";
		//alert("_cantidadPaginas: "  + _cantidadPaginas + "fin: " + fin)
		fin = (_cantidadPaginas<=fin)?_cantidadPaginas : fin;
		//_hIndex.style.position = "relative";
		_holderIndex.innerHTML = "";
		var arrInd = new Array();
	 	var sep = 10;
		var offSet = 0;
		var lastIdSel;
		for (var i = inicio; i<fin; i++) {
			
			
			arrInd[i] = makeElement("ind"+i,"div",_holderIndex)	;
			arrInd[i].innerHTML = i+1;
			arrInd[i].className = "pIndex";
			//arrInd[i].style.paddingLeft = (i*sep)+"px";
			arrInd[i].style.position = "relative";
			arrInd[i].style.float = "left";
			arrInd[i].style.display = "inline";
					  
			arrInd[i].style.left = (offSet*sep)+"px";
			
			arrInd[i].onclick = function() {
				
			var thisId = parseInt(parseInt(this.id.substr(this.id.length -1,this.id.length)));
				
				
			try{	arrInd[lastIdSel].className = "pIndex";	}catch(e){}
				
				this.className = "pIndex_S";
				mostrarPagina(thisId);
				lastIdSel = thisId;
				
			};
			offSet++;

		}

	}
	function mostrarPagina(paginaID) {
		var hasta = (paginaID == 0)?_itemsPorPagina-1 : (_itemsPorPagina * (paginaID +1)-1);
		var itInicial = (_itemsPorPagina*paginaID !=0)? (_itemsPorPagina*paginaID) : 0 ;
		
		f = 0;
		c =0 ;
		var sepx = 0;
		var sepy = 0;
		
		var arrItems = new Array();
		_hContent.style.position = "relative";
		_hContent.innerHTML ="";
		
			while (itInicial <=hasta) {
				try{
					if (typeof(_contenido[itInicial].Title) != "undefined") {
						arrItems[itInicial] = makeElement("item"+itInicial,"div",_hContent)	;
						arrItems[itInicial].className = "pItemTemplate";
						arrItems[itInicial].style.position = "absolute";
						arrItems[itInicial].style.left = ((arrItems[itInicial].offsetWidth +sepx)*c)+"px";
						arrItems[itInicial].style.top = ((arrItems[itInicial].offsetHeight +sepy)*f)+"px";
						arrItems[itInicial].innerHTML = itemTemplate(_contenido[itInicial],itInicial);
						c++;
						if (c == _columnas) {c = 0;	f++;}
					}
				}catch(e){
					//alert("catcheo " + e);
				}
				itInicial++;
			}
			
	}
	
	this.setHolder = function(h) {
		
		_holder = document.getElementById(h);
		initStruct(_holder);
	}
	function itemTemplate(item,id){
		
		var cont= "";
		var anio = formatDate2(new Date(item.StartDateMS)).toString().substring(0,10);
		var hora = formatDate2(new Date(item.StartDateMS)).toString().substring(12);
					
		cont+= "<div id='holderItem' onclick='location.href=\""+item.url+"\"'>";
		cont+= "	<div class='holderImagen'><img src='"+item.thumb+"' width='80' hieght='60'/></div>";
		cont+= "	<div class='holderText'>";
		cont+= "		<div class='itemTitle'>"+textEllipsis(item.Title.toUpperCase(),25)+"</div>";
		cont+= "		<span class='itemTiempo'>"+anio+" - "+hora+"</span>";
		if (typeof(item.Description)!="undefined")
		{
			cont+= "		<div class='itemDesc'>"+textEllipsis(item.Description, 54)+"</div>";
		}
		if (typeof(item.puntaje)!="undefined")
		{
			cont+= "		<div class='rangeVoting'>"+generateVoting(item.puntaje,92)+"</div>";
		}
		
		cont+= "	</div>";
		cont+= "</div>";
		
		return cont;
	}
	function initStruct(h) { 
		//Creacion de divs dinamicamente.
 		//_hIndex = makeElement("PaginadoIndexHolder","div", h);
		_hContent= makeElement("PaginadoContent","div", h);
	 	
		//_leftBtn = makeElement("PaginadoLeftBtn","div", _hIndex);
		//_holderIndex = makeElement("PaginadoIndex","div", _hIndex);
		//_rightBtn= makeElement("PaginadoRightBtn","div", _hIndex);
		//showBtn(false)
	}
	
	function initHandler() {		
		_leftBtn.onclick = atras;
		_rightBtn.onclick = adelante;
	}
	function showBtn(param) {
		if(param) {
			_leftBtn.style.visibility = "visible";
			_rightBtn.style.visibility = "visible";
		}else{
			
			_leftBtn.style.visibility = "hidden";
			_rightBtn.style.visibility = "hidden";
		}
	}
	
	function atras(){					
		if(pagIndex>=0)	{
			if(pagIndex !=0){pagIndex--}
			var hasta = (pagIndex == 0)?_indexVisible : (_indexVisible * (pagIndex +1))+1;
			var itInicial = (_indexVisible*pagIndex !=0)? (_indexVisible*pagIndex) : 0 ;
					
			generarIndices(itInicial, hasta);
		}
	}
	
	function adelante() {
		if(pagIndex <  Math.ceil(_cantidadPaginas/_indexVisible)-1)	{
			pagIndex++;
			var hasta = (pagIndex == 0)?_indexVisible : (_indexVisible * (pagIndex +1));
			hasta = (hasta<=_cantidadPaginas)?hasta:_cantidadPaginas;
			var itInicial = (_indexVisible*pagIndex !=0)? (_indexVisible*pagIndex) : 0 ;
			generarIndices(itInicial, hasta); 
		}
	}
	
	function makeElement(name,type, holder) {
		var refSpan;
		refSpan = document.createElement(type);
		refSpan.id = name;
		refSpan.name = name;
		holder.appendChild(refSpan);
		return refSpan;
	}

	function textEllipsis(t, l) {
		var u = t.substr(0, l);
		if (u != t) u+="...";
		return u;
	}
} 

function formatDate2(d) {
		//formato: 07.03.2008   dia.mes.año
	var dia = (d.getDate()<10) ? "0"+d.getDate() : d.getDate();
	var mes = (d.getMonth()<9) ? "0"+(d.getMonth()+1) : d.getMonth()+1;
	
	var hora = d.getHours();
	var ind = "AM";
	if (hora >= 12) {
		hora = (hora!=12) ? hora-12 : hora;
		ind = "PM";
	} else if (hora == 0) {
		hora = 12;
	}
	hora = (hora<10) ? "0"+hora : hora;

	var minu = (d.getMinutes()<10) ? "0"+d.getMinutes() : d.getMinutes();
	return dia+"."+mes+"."+d.getFullYear().toString()+" | "+hora+":"+minu+" "+ind;
}

function generateVoting(rating,posx) {
	var canEstrellas = 5;
	var _separacion = 12;
	var estrellaLlena = "estrellaLlena_takeout.gif";
	var estrellaMedia = "estrellaMedia_takeout.gif";
	var estrellaVacia = "estrellaVacia_takeout.gif";
	
	var roundRating = Math.round(rating);
	var resto = rating - roundRating;
	var u="<div  style='position:absolute; left:"+posx+"px;'>";
	for(var i=0; i<canEstrellas ; i++) {
		
		if(i < roundRating){
		u+= "<div style='position:absolute; left:"+_separacion*i+"px;'><img src='"+_imgHost + estrellaLlena+"' /></div>";
		}else{
			if(resto >= 0.3){
				u+= "<div style='position:absolute; left:"+_separacion*i+"px;'><img src='"+_imgHost+estrellaMedia+"' /></div>";
				resto=0;
			}else{
				u+= "<div style='position:absolute; left:"+_separacion*i+"px;'><img src='"+_imgHost+estrellaVacia+"' /></div>";
			}
		}
	}
	u+= "</div>";
	
	return u;
}