//Obrigatorio atributo rel="playerMultimidia" no subtemplate
//Obrigatorio _idpv nos ids dos controles e do player
//Customizar css em class e não em id

//Chamar script abaixo antes desse arquivo...
//<script type="text/javascript" src="http://images.ig.com.br/base/multiPlayer.js">//MultiPlayer Core<!--/script>');

pathPadraoCnl="http://images.ig.com.br/olimpiadas2008/images/home/";
var larguraVideo=300;
var alturaVideo=225;
var botaoPlay='play';
var botaoPause='pause';
var progressaoBarra = 1.43; // largura da barra dividido por 100

function fixPlayer(el){}//para eventuais fixes...



//window.onload=multiVideos;//prepara para multivideos... deve ser chamado no onload ou no fim do html, colado ao </body>


/*
  MultiPlayer Core - Leandro Augusto Lemos / Integração iG-Procwork
  Se não sabe o que vai fazer, não faça!
  Controle de multiplos players em home...
  Obrigatorio atributo rel="playerMultimidia" no subtemplate
*/

function $(id){return document.getElementById(id)}

function multiVideos(){
  var divs = document.getElementsByTagName("div");
  var ePlayer=0;
 
  //busca boxes de videos e atribui o id e altera o html...
  for(x=0;x<divs.length;x++){
    if(divs[x].getAttribute('rel')){
      if(divs[x].getAttribute('rel').indexOf('playerMultimidia')>-1){
        divs[x].id="playerVideo"+ePlayer;
        //seta id's unicos
        html=document.getElementById("playerVideo"+ePlayer).innerHTML.replace(/montaVideo[(]/g,"montaVideo('"+ePlayer+"',").replace(/_idpv/g,ePlayer);
        $("playerVideo"+ePlayer).innerHTML=html;
      }
      ePlayer++;
    }
  }
}


var objVideo;
var controlesFake;
var controle;
var tempoDuracao = "";
var tempoStart;
var objPlayer;
var objPlayPause;
var cursorVideo;

function montaVideo(idpv,url){montaVideoMatVisual(idpv,url)}
  
function montaVideoMatVisual(idpv,url) {

  objVideo      = $("conteudoVideo"+idpv);
  controlesFake = $("videoControlesFake"+idpv);
  controle      = $("videoControlesPlayer"+idpv)
  objPlayer     = $("player"+idpv);
  objPlayPause  = $("playPause"+idpv);	
  cursorVideo   = $("cursorVideo"+idpv)

	var vd_largura   = larguraVideo;
	var vd_altura    = alturaVideo;
	
	var player = "<object id='player"+idpv+"' classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' width='" + vd_largura + "' height='" + vd_altura + "'>";
 	player+= "<param name='url' value='" + url + "'/>";
	player+= "<param name='AutoStart' value='true'/>";
	player+= "<param name='TransparentAtStart' value='0'/>";
	player+= "<param name='ShowStatusBar' value='0'/>";
	player+= "<param name='ShowDisplay' value='0'/>";
	player+= "<param name='AutoSize' value='0'/>";
	player+= "<param name='UImode' value='none'/>";
	player+= "<param name='AnimationAtStart' value='True'/>";
	player+= "<param name='StretchToFit' value='False'/>";
	player+= "<embed width='" + vd_largura + "' height='" + vd_altura + "' src='" + url + "' autostart='True'></embed>";
	player+= "</object>";
	
	controlesFake.style.display = "none";
	objVideo.innerHTML = player;

	if(document.all) {
		tempoStart = setTimeout(
			funcao = function () { $("player"+idpv).controls.play(); }, 1000
		);
		
		if(document.all) {controle.style.display = "";}		
		
		tempoDuracao = setTimeout("montaDecorrer("+idpv+")", 1000);
		
			
	}
}

function playPause(idpv) {
  objPlayer     = $("player"+idpv);
  objPlayPause  = $("playPause"+idpv);
  if(isPlaying(idpv)) {
		objPlayPause.className = botaoPlay;
		objPlayer.controls.pause();
	} else {
		objPlayPause.className = botaoPause; 
		objPlayer.controls.play();
	}
}

function isPlaying(idpv) {
  objPlayer     = $("player"+idpv);
  if(document.all) {
		if(objPlayer.readyState == 4 && objPlayer.PlayState == 3) {
			return true;
		} else {
		if(objPlayer.PlayState == 10) {tempoDuracao = setTimeout("montaDecorrer("+idpv+")", 1000);}
		return false;
		}
	} else {
		return objPlayer.isplaying();
	}
}		

function montaDecorrer(idpv) {
  objPlayer     = $("player"+idpv);
  cursorVideo   = $("cursorVideo"+idpv);
  
	if(typeof objPlayer != 'undefined') {
		posicaoAtual = objPlayer.controls.CurrentPosition;
		duracao      = objPlayer.controls.currentItem.duration;
		fator = progressaoBarra; // (vd_largura do track / 100) - 0.02
		tamanhoPx = ((100 * fator) * posicaoAtual) / duracao;

		cursorVideo.style.width = ((Math.ceil(tamanhoPx) > 0) ? Math.ceil(tamanhoPx) : 1);
		if(objPlayer.playState == 10) {
			cursorVideo.style.width = 1;
			clearTimeout(tempoDuracao);
			clearTimeout(tempoStart);
			objPlayPause.className = botaoPlay;
		} else {
			if(objPlayer.playState == 1) objPlayPause.className = botaoPlay;
			tempoDuracao = setTimeout("montaDecorrer("+idpv+")", 1000);	
		}
	}
}

function controlaVolume(idpv,statusVolume) {
  objPlayer     = $("player"+idpv);
	volumeAtual = objPlayer.settings.volume;
	if(statusVolume == '+') {
		if(volumeAtual <= 100) {
			objPlayer.settings.volume = volumeAtual + 10;
		}
	} else if(statusVolume == '-') {
		if(volumeAtual >= 0) {
			objPlayer.settings.volume = volumeAtual - 10;
		}
	}
}