var menu_appear = null;
var menu_fade = null;

var rollover_appear = null;
var rollover_fade = null;

var playButton_appear = null;
var playButton_fade = null;

var actual_rollover = '';

var initialViews = 0;
var initialStars = 0;

var videoUrlQvt = '';

var fullScreenState = false;

var carruselPosition = new Array();
var carruselElements = new Array()
var carruselStages = new Array();

// Código para DART
esmas_dart_ord = window.esmas_dart_ord || Math.floor(Math.random()*1E16);

window.onload = function() {
	

	if( videoUrlQvt != '' ){
		commentsInitDinamic();
		loadStarsRating();
	}


	var carruseles = $('wrapper').select('[class="itemsCarousel"]');

	for (i = 0; i < carruseles.length; ++i) {
		
		itemsContainer = $(carruseles[i].identify()).select('[class="detailedItems"]');
		
		elementsCount = itemsContainer[0].childElements();
		
		carruselElements[i] = elementsCount.length;
		carruselStages[i] = Math.ceil(carruselElements[i] / 4);
		carruselPosition[i] = 0;
		
		element_consecutive = $(carruseles[i]).identify().substr(15,1);

		if ( parseInt(carruselStages[i]) > 1 )
			$('carruselFwdArrow_' + element_consecutive).style.visibility = 'visible';
	}


}



function carruselEffect(direction, itemNumber){

	if ( direction == 'rwd' )
		carruselPosition[itemNumber]--;
	else 
		carruselPosition[itemNumber]++;
	
	newMargin = eval(551 * carruselPosition[itemNumber]); 
	if ( carruselPosition[itemNumber] != 0 )
		negativeMargin = '-' + newMargin + 'px';
	else
		negativeMargin = newMargin + 'px';
	
	if ( carruselPosition[itemNumber] == 0 ){
		$('carruselRwdArrow_'+itemNumber).style.visibility = 'hidden';
		$('carruselFwdArrow_'+itemNumber).style.visibility = 'visible';
	} else if ( (carruselPosition[itemNumber] != 0) && (carruselPosition[itemNumber] != carruselStages[itemNumber]) ){
		$('carruselRwdArrow_'+itemNumber).style.visibility = 'visible';
		$('carruselFwdArrow_'+itemNumber).style.visibility = 'visible';
	} else if ( carruselPosition[itemNumber] == carruselStages[itemNumber] ){
		$('carruselRwdArrow_'+itemNumber).style.visibility = 'visible';
		$('carruselFwdArrow_'+itemNumber).style.visibility = 'hidden';
	}
	
	if ( eval(carruselPosition[itemNumber]+1) >= carruselStages[itemNumber] )
		$('carruselFwdArrow_'+itemNumber).style.visibility = 'hidden';
		
	new Effect.Morph('carruselTrack_'+itemNumber, {
	  style: {
		marginLeft: negativeMargin
	  }, 
	  duration: 0.5, 
	  afterFinishInternal: function(){
	  }
	});					
}





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 GUSTÓ';
levelMessages[2] = 'NO ESTÁ MAL';
levelMessages[3] = 'ME PARECIO BIEN';
levelMessages[4] = 'ME GUSTÓ';
levelMessages[5] = 'ME ENCANTÓ';

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 cancelMenuAnimations(){
	if ( menu_appear != null )
		menu_appear.cancel();
	if ( menu_fade != null )
		menu_fade.cancel();
}


function cancelMenuAnimations_2(newElement){

	if ( actual_rollover == newElement){
	
		if ( rollover_appear != null )
			rollover_appear.cancel();
		if ( rollover_fade != null )
			rollover_fade.cancel();
			
		if ( playButton_appear != null )
			playButton_appear.cancel();
		if ( playButton_fade != null )
			playButton_fade.cancel();
	}
	
	
}



function menuShow(){
	cancelMenuAnimations();

	menu_appear = new Effect.Appear($('ddMenuCategories'),{
			duration:0.3,
			delay:0.1
	}); 
}

function menuHide(){
	cancelMenuAnimations();

	menu_fade = new Effect.Fade($('ddMenuCategories'),{
			duration:0.3,
			delay:0.1
	}); 
}

function menuKeepVisible(){
	cancelMenuAnimations();
	$('ddMenuCategories').style.display = 'block';
	$('ddMenuCategories').style.visibility = 'visible';
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
	window.onload = func;
  } else {
	window.onload = function() {
	  if (oldonload) {
		oldonload();
	  }
	  func();
	}
  }
}

function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}






do_animation = function() {

	myRun_h = new Run({
		 elements: ['leftCourtain'],
		 style: {width:['477px','0px',Run.SMOOTH]},
		 time: 1
	 });
	
	
	myRun_i = new Run({
		 elements: ['rightCourtain'],
		 style: {width:['482px','0px',Run.SMOOTH], left:['150px','632px',Run.SMOOTH]},
		 time: 1
	 });
	
}





function rolloverShow(rolloverElement){
	
	cancelMenuAnimations_2(rolloverElement);

	rollover_appear = new Effect.Appear($(rolloverElement),{
			duration:0.3,
			delay:0.1
	}); 
	playButton_appear = new Effect.Appear($('playIconOverlay'+Mid($(rolloverElement).identify(), 17, 4)),{
			duration:0.3,
			delay:0.1
	}); 
	
	actual_rollover = $(rolloverElement).identify();
}




function rolloverHide(rolloverElement){
	
	cancelMenuAnimations_2(rolloverElement);

	rollover_fade = new Effect.Fade($(rolloverElement),{
			duration:0.3,
			delay:0
	}); 
	playButton_fade = new Effect.Fade($('playIconOverlay'+Mid($(rolloverElement).identify(), 17, 4)),{
			duration:0.3,
			delay:0
	}); 
}





function rolloverKeepVisible(rolloverElement){
	
	cancelMenuAnimations_2(rolloverElement);
	
	$(rolloverElement).style.display = 'block';
	$(rolloverElement).style.visibility = 'visible';
	
	$('playIconOverlay'+Mid($(rolloverElement).identify(), 17, 4)).style.display = 'block';
	$('playIconOverlay'+Mid($(rolloverElement).identify(), 17, 4)).style.visibility = 'visible';
	
}




function Mid(str, start, len)
{
// Make sure start and len are within proper bounds
    if (start < 0 || len < 0) return "";
    var iEnd, iLen = String(str).length;
    if (start + len > iLen)
          iEnd = iLen;
    else
          iEnd = start + len;
    return String(str).substring(start,iEnd);
}








var myRun_s = null;
var myRun_h = null;

var timer_s = null;
var timer_h = null;

function show_rollover(itemId){
	
	
	if ( $('playIconOverlay_' + itemId).style.display != 'block' ) {
		do_hide_all();
		$('playIconOverlay_' + itemId).style.display = 'block'; 
		//timer_s = setTimeout("do_animation_show(\'" + itemId + "\')",0);
	       /* el tiempo de ejecución del setTime anterior equivalia a 500 */
	}
}


function hide_rollover(itemId){
	
	$('playIconOverlay_' + itemId).style.display = 'none'; 
	do_hide_all();
	//timer_h = setTimeout("do_animation_hide(\'" + itemId + "\')",0); /* antes 50 */
}



function keep_rollover(itemId){

	//clearTimeout(timer_h);
	$('playIconOverlay_' + itemId).style.display = 'block'; 
	
}


function do_animation_show(itemId){
	
	$('rollOverContainer_' + itemId).style.display = 'block';
	myRun_s = new Run({
		 elements: [$('rollOverContainer'+Mid($(itemId).identify(), 17, 4))],
		 style: {opacity:[0,1,Run.SMOOTH], width:['0px','260px',Run.SMOOTH], height:['0px','95px',Run.SMOOTH]},
		 time: 0.05 
               /* el time anterior antes equivalia a 0.10 */
	 });
}


function do_animation_hide(itemId){

	myRun_h = new Run({
		 elements: [$('rollOverContainer_' + itemId)],
		 style: {opacity:[1,0,Run.SMOOTH], width:['260px','0px',Run.SMOOTH], height:['95px','0px',Run.SMOOTH]},
		 time: 0.05,
		 onend: function(){
			 $('rollOverContainer_' + itemId).style.display = 'none';
		 }
	 });
}



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


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

	elements = document.getElementsByClassName('linkHeader');
	for (i = 0; i < elements.length; ++i) {
		elements[i].className = 'linkHeader txtXMedium txtColor1';
	}

}

function LeftMenuLinks(){
	
	elements = document.getElementsByClassName('linkHeader1');
	for (i = 0; i < elements.length; ++i) {
		elements[i].className = 'linkHeader1 txtXMedium txtColor1';
	}

}

function colorizeElement(elementToExpand,MyParent){

	elements = document.getElementsByClassName('subLink');
	for (i = 0; i < elements.length; ++i) {
		elements[i].className = 'subLink txtSmall txtColor11 txtNormal';
	}



	if(elementToExpand != ''){
	  myelement = $(elementToExpand).childElements();
	  myelement[0].className = '';
	  myelement[0].className = 'subLink txtSmall txtColor3 txtNormal';
	}


}



function LeftMenuExpandOne(menutoexpand){
	
	//$(menutoexpand).style.display = 'block';

	$('link'+menutoexpand).className = '';
	$('link'+menutoexpand).className = 'linkHeader txtXMedium txtColor3';



}

function LeftMenuSelectOne(menutoselect){

	$(menutoselect).className = '';
	$(menutoselect).className = 'linkHeader txtXMedium txtColor3';

}





function maximizeVideo(){
	
		$('wrapper1').style.display = 'none';
		$('wrapper').style.display = 'none';		
	
		$('wrapper2').style.width = document.viewport.getWidth() + 'px'; 
		$('wrapper2').style.height = document.viewport.getHeight() + 'px'; 
		
		$('videoSplash').style.width = document.viewport.getWidth() + 'px';
		$('videoSplash').style.height = document.viewport.getHeight() + 'px';
		
		$('videocontainer').style.width = document.viewport.getWidth() + 'px';
		$('videocontainer').style.height = document.viewport.getHeight() + 'px';
		$('videocontainer').style.backgroundColor = '#000000';
		
		$('videocontainer').contentWindow.$('restoreBar').style.display = 'block';		
		$('videocontainer').contentWindow.$('restoreBar').style.width = document.viewport.getWidth() + 'px';
		
		$('videocontainer').contentWindow.$('adCurtain').style.display = 'none';
		
		$('videocontainer').contentWindow.$('leftBar').style.display = 'none';
		$('videocontainer').contentWindow.$('rightBar').style.display = 'none';
		$('videocontainer').contentWindow.$('companionBanner').style.display = 'none';
		
		$("videocontainer").contentWindow.objPlayer.SetSize(document.viewport.getWidth()-2+'x'+((document.viewport.getHeight())-115));
		
		fullScreenState = true;
	
}

function restoreVideo(){
	
		$('wrapper1').style.display = 'block';
		$('wrapper').style.display = 'block';		
	
		$('wrapper2').style.width = '963px';
		$('wrapper2').style.height = '365px';
		
		$('videoSplash').style.width = '955px';
		$('videoSplash').style.height = '365px';
		
		$('videocontainer').style.width = '955px';
		$('videocontainer').style.height = '365px';
		$('videocontainer').style.backgroundColor = 'transparent';
		
		$('videocontainer').contentWindow.$('restoreBar').style.display = 'none';		
		
		$('videocontainer').contentWindow.$('adCurtain').style.display = 'block';
		
		$('videocontainer').contentWindow.$('leftBar').style.display = 'block';
		$('videocontainer').contentWindow.$('rightBar').style.display = 'block';
		$('videocontainer').contentWindow.$('companionBanner').style.display = 'block';
		
		$("videocontainer").contentWindow.objPlayer.SetSize('437x328');	
		
		fullScreenState = true;
		
}