// 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: '#CC0500', endColor: '#780200', duration: 9000, transition: 1000, startPos: -50, endPos: -50, opacity: 0.8 });
		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';
		}
	
	
		if ( $('carruselTrack_0') != null ){ 
			
			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);
			});
		}
		
		
		if ( $('carruselTrack_1') != null ){
			
			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);
			});
		}
	



/*
	var el_0 = $('ddMenuCategories0');
	$('ddMenu_0').addEvent('mouseover', function(e) {
		e.stop();
		el_0.fade(1);
	});
	$('ddMenu_0').addEvent('mouseout', function(e) {
		e.stop();
		el_0.fade(0);
	});
	$('ddMenuCategories0').addEvent('mouseover', function(e) {
		e.stop();
		el_0.fade(1);
	});
	$('ddMenuCategories0').addEvent('mouseout', function(e) {
		e.stop();
		el_0.fade(0);
	});		
	
*/
	

	/*
	var el_1 = $('ddMenuCategories1');
	$('ddMenu_1').addEvent('mouseover', function(e) {
		e.stop();
		el_1.fade(1);
	});
	$('ddMenu_1').addEvent('mouseout', function(e) {
		e.stop();
		el_1.fade(0);
	});
	$('ddMenuCategories1').addEvent('mouseover', function(e) {
		e.stop();
		el_1.fade(1);
	});
	$('ddMenuCategories1').addEvent('mouseout', function(e) {
		e.stop();
		el_1.fade(0);
	});		
	*/


		
		//setTips();
	

		if( videoUrlQvt != '' ){
			commentsInitDinamic();
			loadStarsRating();
			if( videoOrigin == '7' ){
				superTelonFox();
			}
		}
		
		
		
		//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){

	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';
		
	return negativeMargin;
}




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;
	
function loadStarsRating(){
	initialStars= Math.round(json.elements.item.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/img/star_on.gif'; 
imgStar_OFF.src = 'http://i2.esmas.com/tvolucion/img/star_off.gif'; 
imgStar_OVER.src = 'http://i2.esmas.com/tvolucion/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);
	
}