var MVM , MVMCONTENIDO, MVMCERRAR;

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


function creaMIventanamodal() {
  MVM = document.getElementById("MVM");
  MVMCONTENIDO = document.getElementById("MVM-contenido");
  MVMOVERLAY = document.getElementById("MVM-overlay");
  var el = document.getElementsByTagName("span");
  for (var i=0; i<el.length; i++) {
    var c = el[i].className;
    if (c=="mvm") {
      if (el[i].addEventListener) {
        el[i].addEventListener("click", abrirMIventanamodal, false);
      } else if (el[i].attachEvent) {
        var uniqueID = el[i].uniqueID;IEelem[uniqueID] = el[i];
        el[i].attachEvent("onclick",IEaddID(abrirMIventanamodal,uniqueID));
      }
    }
  }
}

var IEelem={};
function IEaddID(fn,uniqueID) {
  return function(event) {return fn.call(IEelem[uniqueID],event);}
}

function abrirMIventanamodal() {
  if(MVM.style.visibility == "visible") { return; }
  var obj=this;
  if(this.getAttribute("yt")) {
    abrirMIventanamodalVID(obj);
  } else {
    abrirMIventanamodalIMG(obj);
  }
}

function cerrarMIventanamodal() {
  MVM.style.visibility = "hidden";
  MVMCONTENIDO.innerHTML = "";
  MVMOVERLAY.style.opacity = 0;
  MVMOVERLAY.style.visibility="hidden";
}

function getpagePosition() {
  if(typeof(window.pageYOffset) == 'number') {
    pp = window.pageYOffset;
  } else if(document.body && (document.body.scrollLeft || document.body.scrollTop)) {
    pp = document.body.scrollTop;
  } else if(document.documentElement) {
    pp = document.documentElement.scrollTop;
  }
  return pp;
}

function abrirMIventanamodalIMG(cual){
  var archivo, ancho, alto;
  archivo = cual.getAttribute("url");
  ancho = cual.getAttribute("w");
  alto = cual.getAttribute("h");
  var cLR = 40;
  var cTB  = 40;
  var calcancho = parseFloat(ancho) + cLR;
  var calcalto = parseFloat(alto) + cTB;
  var sW = document.documentElement.clientWidth;
  var sH = document.documentElement.clientHeight;
  var posicion = getpagePosition();
  var x, y;
  x = (sW - calcancho) / 2;
  y = posicion + (sH - calcalto) / 2;
  MVMCONTENIDO.style.width = ancho + "px";
  MVMCONTENIDO.style.height = alto + "px";
  MVMCONTENIDO.innerHTML = "<img src='" + archivo + "' />";
  MVM.style.left = x + "px";
  MVM.style.top = y + "px";
  MVMOVERLAY.style.height = sH + "px";
  MVMOVERLAY.style.visibility="visible";
  MVMOVERLAY.style.opacity=1;
  MVM.style.visibility = "visible";
}

function abrirMIventanamodalVID(cual) {
  var idvideo = cual.getAttribute("yt");
  var ancho = 640;
  var alto = 385;
  var cLR = 40;
  var cTB  = 40;
  var calcancho = parseFloat(ancho) + cLR;
  var calcalto = parseFloat(alto) + cTB;
  var sW = document.documentElement.clientWidth;
  var sH = document.documentElement.clientHeight;
  var posicion = getpagePosition();
  var x, y;
  x = (sW - calcancho) / 2;
  y = posicion + (sH - calcalto) / 2;
  MVMCONTENIDO.style.width = ancho + "px";
  MVMCONTENIDO.style.height = alto + "px";
  var url ="http://www.youtube.com/v/" + idvideo + "&hl=es&fs=1&rel=0&autoplay=1&ap=%2526fmt%3D18&showsearch=0&showinfo=0";
  var salida= "<object width='" + ancho + "' height='" + alto + "' type='application/x-shockwave-flash' data='" + url + "'>";
  salida += "<param name='movie' value='" + url + "' />";
  salida += "<param name='wmode' value='transparent' />";
  salida += "<param name='allowfullscreen' value='true'/>";
  salida += "<param name='allowScriptAccess' value='always' />";
  salida += "</object>";
  MVMCONTENIDO.innerHTML = salida;
  MVM.style.left = x + "px";
  MVM.style.top = y + "px";
  MVMOVERLAY.style.height = sH + "px";
  MVMOVERLAY.style.visibility="visible";
  MVMOVERLAY.style.opacity=1;
  MVM.style.visibility = "visible";
}

window.onresize = doResize;
function doResize() {
  if(document.getElementById("MVM").style.visibility=="visible") {
    cerrarMIventanamodal()
  }
}

window.onload = creaMIventanamodal;