// JavaScript Document
var carruselPosition = new Array();
var carruselElements = new Array()
var carruselStages = new Array();

var videoUrlQvt = '';
var videoOrigin = '';

var myCarrousel = null;
//var margin = 0;	

window.addEvent('domready', function(){
										 
	
	  if ( $('StageCarrousel') != null ){
		myCarrousel = new Carrousel({startColor: 'none', endColor: 'none', duration: 4000, transition: 1000, startPos: 0, endPos: -314, opacity: 0.7, startBkg: 'http://i2.esmas.com/tvolucion/TD/img/stage_no_current.gif', endBkg: 'http://i2.esmas.com/tvolucion/TD/img/stage_current.gif'});
		myCarrousel.Start();
		}
	
	
	
		var carruseles = $$('ul.minicarrusel_container');
	
		for (i = 0; i < carruseles.length; ++i) {
			
			itemsContainer = $$('.carruselTrack');
			
			elementsCount = itemsContainer[i].getElements('li.itemsRepeater');
			
			carruselElements[i] = elementsCount.length;
			
			carruselStages[i] = Math.ceil(carruselElements[i] / 4);
			carruselPosition[i] = 0;
			
			element_consecutive = i;
	
			//if ( parseInt(carruselStages[i]) > 1 )
			if ( parseInt(carruselStages[i]) > 1 )
				$('forward_' + element_consecutive).style.visibility = 'visible';
		}

		var num='01';
		if ( $('carruselTrack_0') != null ){
			if($('mcPT0'+num)!=null){
			/*Playlist--- poner visibles los 1ros elementos de playlist carrusel 0*/			
				var cont;
				if(carruselElements[0]<4)
					cont=carruselElements[0];
				else
					cont=4;
	
				for (i = 0; i < cont; ++i){			
					if(i<10)
						num='0'+(i+1);
					else
						num=i+1;
					$('mcPT0'+num).style.display = 'block';
				}
	 		//Fin Playlist
			}

			var myEffect0 = new Fx.Tween($('carruselTrack_0')); 
			$('rewind_0').addEvent('click', function(e) { 
				e.stop(); 
				newmargin = carruselEffect('rwd', 0); 
				myEffect0.start('margin-left', newmargin); 
			});
			$('forward_0').addEvent('click', function(e) {
				e.stop();
				newmargin = carruselEffect('fwd', 0); 
				myEffect0.start('margin-left', newmargin);
			});
		}
		
		num='01';
		if ( $('carruselTrack_1') != null ){
			if($('mcPT1'+num)!=null){
				/*Playlist--- poner visibles los 1ros elementos de playlist carrusel 1*/			
				var cont;
				if(carruselElements[1]<4)
					cont=carruselElements[1];
				else
					cont=4;
	
				for (i = 0; i < cont; ++i){			
					if(i<10)
						num='0'+(i+1);
					else
						num=i+1;
					$('mcPT1'+num).style.display = 'block';
				}
				//Fin Playlist
			}

			var myEffect1 = new Fx.Tween($('carruselTrack_1')); 
			$('rewind_1').addEvent('click', function(e) { 
				e.stop(); 
				newmargin = carruselEffect('rwd', 1); 
				myEffect1.start('margin-left', newmargin); 
			});
			$('forward_1').addEvent('click', function(e) {
				e.stop();
				newmargin = carruselEffect('fwd', 1); 
				myEffect1.start('margin-left', newmargin);
			});
		}		
		setTips();
	

		if( videoUrlQvt != '' ){
			loadStarsRating();
		}
		
		
		
		//Animación del Menú de Canales
			
		/*var myVerticalSlide = new Fx.Slide('ddMenuCategoriesX');
		$('closeMenuPrograms').addEvent('click', function(e){
			e.stop();
			myVerticalSlide.toggle();
		});

		$('ddMenu_0').addEvent('click', function(e){
			e.stop();
			myVerticalSlide.toggle();
		});*/
		
		
		
		
});



function setTips(){
	//Tooltips
	
	Tips1 = new Tips($$('.TipsMask'),{
		fixed: true, 
		offsets: {x: 130, y: 15}
	
	});	
	

	Tips2 = new Tips($$('.TipsMask2'),{
		fixed: true, 
		offsets: {x: 115, y: 5}
	
	});	
	
	Tips3 = new Tips($$('.TipsMask3'),{
		fixed: true, 
		offsets: {x: 65, y: -25}
	
	});	
	

}




function carruselEffect(direction, itemNumber){
	/*Playlist---Ocultar los iconos del playlist*/	
	var realnum=carruselPosition[itemNumber]+1;
	var numThumbLast = (realnum*4) ;
	var numThumbFirst=(realnum*4)-3;
	
	if(numThumbLast > carruselElements[itemNumber])
	{
		numThumbLast=carruselElements[itemNumber];
	}

	var num='01';
	if($('mcPT'+itemNumber+num)!=null){
		for (i = numThumbFirst; i <= (numThumbLast); ++i){			
			if(i<10)
				num='0'+(i);
			else
				num=i+'';
			$('mcPT'+itemNumber+num).style.display = 'none';
		}
	}


	if ( direction == 'rwd' )
		carruselPosition[itemNumber]--;
	else
		carruselPosition[itemNumber]++;
	
	newMargin = eval(546 * carruselPosition[itemNumber]); 
	if ( carruselPosition[itemNumber] != 0 )
		negativeMargin = '-' + newMargin + 'px';
	else
		negativeMargin = newMargin + 'px';
	
	
	if ( carruselPosition[itemNumber] == 0 ){
		$('rewind_'+itemNumber).style.visibility = 'hidden';
		$('forward_'+itemNumber).style.visibility = 'visible';
	} else if ( (carruselPosition[itemNumber] != 0) && (carruselPosition[itemNumber] != carruselStages[itemNumber]) ){
		$('rewind_'+itemNumber).style.visibility = 'visible';
		$('forward_'+itemNumber).style.visibility = 'visible';
	} else if ( carruselPosition[itemNumber] == carruselStages[itemNumber] ){
		$('rewind_'+itemNumber).style.visibility = 'visible';
		$('forward_'+itemNumber).style.visibility = 'hidden';
	}
	
	if ( eval(carruselPosition[itemNumber]+1) >= carruselStages[itemNumber] )
		$('forward_'+itemNumber).style.visibility = 'hidden';

	num='01';
	/*Playlist---Ocultar y mostrar los demas playlist*/	
	if($('mcPT'+itemNumber+num)!=null){
		setTimeout ('pintaplaylist('+itemNumber+')',700);	
	}

	return negativeMargin;
}

function pintaplaylist(itemNumber){
	var realnum=carruselPosition[itemNumber]+1;
	var numThumbLast = (realnum*4) ;
	var numThumbFirst=(realnum*4)-3;
	
	if(numThumbLast > carruselElements[itemNumber])
	{
		numThumbLast=carruselElements[itemNumber];
	}
	realnum=carruselPosition[itemNumber]+1;
	for (i = numThumbFirst; i <= (numThumbLast); ++i){			
		if(i<10)
			num='0'+(i);
		else
			num=i+'';
		$('mcPT'+itemNumber+num).style.display = 'block';
	}
}

var playIconShow = null;
var playIconHide = null;

function showhideplay(action,carruselnumber,itemId){
	if ( action == 'show' )
		$('playOverIcon' + carruselnumber + '_'+itemId).style.display = 'block';
	else
		$('playOverIcon' + carruselnumber + '_'+itemId).style.display = 'none';
}



function show_rollover(carruselnumber,itemId){
	if ( $('playOverIcon' + carruselnumber + '_'+itemId).style.display != 'block' ) {
		do_hide_all();
		$('playOverIcon' + carruselnumber + '_'+itemId).style.display = 'block'; 
	}
}

function hide_rollover(carruselnumber,itemId){
	$('playOverIcon' + carruselnumber + '_'+itemId).style.display = 'none'; 
	do_hide_all();
}

function keep_rollover(carruselnumber,itemId){
	$('playOverIcon' + carruselnumber + '_'+itemId).style.display = 'block'; 
	
}

function do_hide_all(){
	elements = document.getElementsByClassName('playOverIcon'); 
	for (i = 0; i < elements.length; ++i) {
		elements[i].style.display = 'none';
	}
}





document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
	var classes = elem[i].className;
	if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
}; 


var initialStars = 0;
var comm_num_stars = 0;
function loadStarsRating(){
	//initialStars= Math.round(json.elements.item.stars);
	initialStars= Math.round(comm_num_stars);
	starsClear();
	starsSet(initialStars);
}
	



var timetoclearStars = null;
var timetosetRating = null;
var imgStar_ON = new Image();
var imgStar_OFF = new Image();
var imgStar_OVER = new Image();

var levelMessages = new Array(6);

levelMessages[1] = 'NO ME GUSTA';
levelMessages[2] = 'NO ESTÁ MAL';
levelMessages[3] = 'ME PARECIO BIEN';
levelMessages[4] = 'ME GUSTA';
levelMessages[5] = 'ME ENCANTA';

imgStar_ON.src = 'http://i2.esmas.com/tvolucion/TD/img/star_on.gif'; 
imgStar_OFF.src = 'http://i2.esmas.com/tvolucion/TD/img/star_off.gif'; 
imgStar_OVER.src = 'http://i2.esmas.com/tvolucion/TD/img/star_over.gif'; 



function starsClear(){
	for(var i=1; i<=5; i++){
		$('ratingStar_0' + i).src = imgStar_OFF.src;
	}
	$('noteContainer').innerHTML = '';
}

function starsSet(starsNumber){
	
	if (starsNumber > 0){
	
		for(var i=1; i<=5; i++){
			if ( i <= starsNumber )
				$('ratingStar_0' + i).src = imgStar_ON.src;
		}
	}
	
}

function starsOver(starPosition){
	
	clearTimeout(timetoclearStars);
	clearTimeout(timetosetRating);

	for(var i=1; i<=5; i++){
		if ( i <= parseInt(starPosition) )
			$('ratingStar_0' + i).src = imgStar_OVER.src;
		else
			$('ratingStar_0' + i).src = imgStar_OFF.src;
	}
	
	$('noteContainer').innerHTML = levelMessages[starPosition];
}

function starsReset(){
	
	timetoclearStars = setTimeout('starsClear()',800); 
	timetosetRating = setTimeout('starsSet(initialStars)',800);
	
}