// 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/img/stage_no_current.gif', endBkg: 'http://i2.esmas.com/tvolucion/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';
		}
	
	
		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;
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/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);
	
}


function superTelonFox(){
if ( videoConfigFrame == '1' ){
	adRequestPath='http://www.tvolucion.com/dartproxy.php';
	requestUrl = adRequestPath + '?site=' + videoSiteFrame + '&zone=' + videoZoneFrame + '&adsize=' + videoSizeFrame + '&tile=' + videoTileFrame + '&ord=' + esmas_dart_ord + '&roll=' + videoConfigFrame + '&pais=' + MN_geo.country + '&estado=' + escape(MN_geo.state) + '&ciudad=' + escape(MN_geo.city) + '&id_video=' + videoId;

	var req = new Request({
		url:requestUrl, method: 'get', onSuccess: function(responseText) {
			eval (responseText);
			if (AdServerResponse){
				AdResponse = AdServerResponse[0];
				if (AdResponse.adType == 'SUPER'){
					
					$('foxleftspace').setStyle('height','538px');
					$('superTelon').setStyle('display','block');
					var html = '';
					if ( AdResponse.adImage )
						html = '<a href="' + AdResponse.adLink + '" target="_blank"><img src="' + AdResponse.adImage.url + '" width="' + AdResponse.adImage.width + '" height="' + AdResponse.adImage.height + '" border="0"></a>';
					else if ( AdResponse.adSwf ){
						html += '<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" ID=flashad WIDTH=' + AdResponse.adSwf.width + ' HEIGHT=' + AdResponse.adSwf.height + '>';
						html += '<PARAM NAME="movie" VALUE=\"' + AdResponse.adSwf.url + '?clickTag=' + escape(AdResponse.adLink) + '\">';
						html += '<PARAM NAME="quality" VALUE="autohigh">';
						html += '<PARAM NAME="wmode" VALUE="transparent">';
						html += '<EMBED QUALITY="autohigh" NAME="flashad" swLiveConnect="TRUE" WIDTH="' + AdResponse.adSwf.width + '" HEIGHT="' + AdResponse.adSwf.height + '" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" WMODE="transparent" SRC=\"' + AdResponse.adSwf.url + '?clickTag=' + escape(AdResponse.adLink) + '\">';
						html += '</EMBED>';
						html += '</OBJECT>';
					}
					$('superTelon').set('html', html);				
				
					$('videoPlayerContainer').setStyle('background-image','url(' + AdResponse.adSkin.top + ')');
					$('videoSplash').setStyle('background-image','url(' + AdResponse.adSkin.bottom + ')');
					$('aLinkTop').setProperties({
						href:AdResponse.adLink,
						target:"_blank"
						});
					$('aLinkButton').setProperties({
					href:AdResponse.adLink,
					target:"_blank"
					});
					$('linkTop').setStyle('display','block');
					$('linkButton').setStyle('display','block');	
					if( AdResponse.adExtImpression ) {
						var extImpression = new Image();
						extImpression.src = AdResponse.adExtImpression;
					}
					
					setTimeout('superTelonFoxHide()', AdResponse.adDuration*1000 );				
				}		
				setTips();
			}
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function(xhr) {
			//$('mainContainerFull').set('text', 'ERROR');
		}
				
	}).send();
}//fin if configframe
}

	
function superTelonFoxHide(){
	$('superTelon').setStyle('display','none');
}