<!--
// INI PROCESOS AJAX  BY MCG
function nuevoAjax(){ 
  var xmlhttp=false; 
  try { 
   xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); 
  } catch (e) { 
   try { 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { 
     xmlhttp = false; 
   } 
  } 
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') { 
   xmlhttp = new XMLHttpRequest(); 
  } 
  return xmlhttp; 
}
function cargarContenido(id_video, id_letra){ 
	ajax=nuevoAjax(); 
	ajax.open("GET", "procesos_ajax.php?opcion=videosVistos&id_video="+id_video+"&id_letra="+id_letra,true); 
	ajax.onreadystatechange=function() { 
		if (ajax.readyState==4) { 
			 //contenedor.innerHTML = ajax.responseText 
		} 
	} 
	ajax.send(null)
} 
// FIN PROCESOS AJAX  BY MCG


var timer;
function getVideoId(url){
	var match_start = url.indexOf('=');    
	var match_end = url.indexOf('&');   
	if (match_start) {     
		id = url.substring(match_start+1,match_end);    
		return id;    
	}
}
function clearList(ul){
	var list=document.getElementById(ul);
	while(list.firstChild){
		list.removeChild(list.firstChild);
	}
}
function hideOverlay(){
	var overlay=document.getElementById('embed_overlay');
	overlay.style.display='none';
	document.getElementById('imgv').style.display = ''
	overlay.innerHTML="";
}

var video_overlay;
function videoOverlay(id,block,id_letra){
	if(!video_overlay){
		var objBody=document.getElementById(block);
		video_overlay=document.createElement('div');
		objBody.insertBefore(video_overlay,objBody.firstChild);
	}
	document.getElementById('imgv').style.display = 'none'

	video_overlay.innerHTML='<div id="embed_overlay"><object width="510" height="420"><param name="movie" value="http://www.youtube.com/v/'+id+'"></param><param name="autoplay" value="1"><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/'+id+'&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="510" height="420"></embed></object><br><br><a href="javascript:hideOverlay()" id="close">Cerrar</a> Favorito <br /></div>';

	cargarContenido(id,id_letra) // INCREMENTAR UNA UNIDAD AL CONTADOR DEL VIDEO
	irA("cont") // MOVER A LA POSICION DEL VIDEO
}

function mousOverImage(name,id,nr){
	if(name)
		imname=name;
	imname.style.border='10px solid #D11778';
	imname.src="http://img.youtube.com/vi/"+id+"/"+nr+".jpg";
	nr++;
	if(nr>3)
		nr=1;
	timer=setTimeout("mousOverImage(false,'"+id+"',"+nr+");",1000);
}
function mouseOutImage(name){
	if(name)
		imname=name;
	imname.style.border='10px solid #333333';
	if(timer)
		clearTimeout(timer)
}
function listVideos(json,cfg,id_letra){
	//alert(id_letra)
	if(!cfg.player){
		cfg.player='embed';
	}
	if(!cfg.layout){
		cfg.layout='full';
	}
	div=document.getElementById(cfg.block);
	div.innerHTML='';

	var ul=document.createElement('ul'); // no se usa
	ul.setAttribute('id','youtubelist1') // no se usa

	var tbl     = document.createElement("table");
	var tblBody = document.createElement("tbody");
	tbl.setAttribute('id','youtubelist')
	tbl.setAttribute('width','600')

	if(json.feed.entry){

		for(var i=0;i<json.feed.entry.length;i++){
			var entry=json.feed.entry[i];
			for(var k=0;k<entry.link.length;k++){
				if(entry.link[k].rel=='alternate'){
					url=entry.link[k].href;break;
				}
			}
			var thumb=entry['media$group']['media$thumbnail'][1].url;
			var li=document.createElement('li');
			//var overlayLink='javascript:videoOverlay(\''+getVideoId(url)+'\',\''+cfg.block+'\');';
			var overlayLink='javascript:videoOverlay(\''+getVideoId(url)+'\',\'embVideo\','+id_letra+');';
			if(cfg.layout=='thumbnails'){
				if(cfg.player=='embed'){

					if((i == 0) || (i % 3) == 0) var row = document.createElement("tr");
					var cell = document.createElement("td");
					cell.setAttribute('width','200')
					cell.setAttribute('align','center')
					cell.setAttribute('vAlign','top')


					//var cellText = document.createTextNode('<a href="'+overlayLink+'"><img src="'+thumb+'" alt="'+entry.title.$t+'"  onmouseout="mouseOutImage(this)" onmouseover="mousOverImage(this,\''+getVideoId(url)+'\',2)"><br><font size=1>'+entry.title.$t+'</font></a>');
					//cell.appendChild(cellText);
					cell.innerHTML = '<a href="'+overlayLink+'"><img src="'+thumb+'" alt="'+entry.title.$t+'"  onmouseout="mouseOutImage(this)" onmouseover="mousOverImage(this,\''+getVideoId(url)+'\',2)"  style="border-width:10px; border-color:#333333" width=130 height=98><br><font size=1>'+entry.title.$t+'</font></a>';
					row.appendChild(cell);

					//li.innerHTML='<a href="'+overlayLink+'"><img src="'+thumb+'" alt="'+entry.title.$t+'"  onmouseout="mouseOutImage(this)" onmouseover="mousOverImage(this,\''+getVideoId(url)+'\',2)"><br><font size=1>'+entry.title.$t+'</font></a>';

					tblBody.appendChild(row);

				}
				else{
					li.innerHTML='<a href="'+url+'"><img src="'+thumb+'" alt="'+entry.title.$t+'" onmouseout="mouseOutImage(this)" onmouseover="mousOverImage(this,\''+getVideoId(url)+'\',2)"></a>';
				}
			}
			else{
				if(cfg.player=='embed'){
					li.innerHTML=entry.content.$t.replace(url,overlayLink);
				}
				else{
					li.innerHTML=entry.content.$t;
				}
			}
			//ul.appendChild(li);
			// put the <tbody> in the <table>
			tbl.appendChild(tblBody);
			// appends <table> into <body>
			tbl.setAttribute("border", "0");

		}

	}
	else{
		div.innerHTML='No Youtube videos found for your query:<br>Type:\''+cfg.type+'\'<br>Query: \''+cgf.q+'\'';
	}
	//div.appendChild(ul);
	div.appendChild(tbl);
}
var ytQuery=0;
var ytInit={}
function insertVideos(cfg){
	cfg=cfg||{};
	if(!cfg.block){}
	else{
		if(!cfg.type){
			document.getElementById(cfg.block).innerHTML='You must provide a type: search, user, playlist, featured in the insertVideos function.';
		}
		else{
			//alert(cfg.id_letra)
			document.getElementById(cfg.block).innerHTML='Buscando Videos.... Espere....';
			var script=document.createElement('script');
			script.setAttribute('id','jsonScript');
			script.setAttribute('type','text/javascript');
			ytQuery++;
			if(!cfg.results){
				cfg.results=10;
			}
			if(!cfg.order){
				cfg.orderby='relevance';
				cfg.sortorder='descending';
			}
			switch(cfg.order){
				case"new_first":cfg.orderby='published';
					cfg.sortorder='ascending';
					break;
				case"highest_rating":cfg.orderby='rating';
					cfg.sortorder='descending';
					break;
				case"most_relevance":cfg.orderby='relevance';
					cfg.sortorder='descending';
					break;
			}
			switch(cfg.type){
				case"search":script.setAttribute('src','http://gdata.youtube.com/feeds/videos?format=5&vq='+cfg.q+'&max-results='+cfg.results+'&alt=json-in-script&callback=ytInit['+ytQuery+']&orderby='+cfg.orderby+'&sortorder='+cfg.sortorder);
					break;
				case"user":script.setAttribute('src','http://gdata.youtube.com/feeds/users/'+cfg.q+'/uploads?max-results='+cfg.results+'&alt=json-in-script&format=5&callback=ytInit['+ytQuery+']&orderby='+cfg.orderby+'&sortorder='+cfg.sortorder);
					break;
				case"playlist":script.setAttribute('src','http://gdata.youtube.com/feeds/playlists/'+cfg.q+'?max-results='+cfg.results+'&alt=json-in-script&format=5&callback=ytInit['+ytQuery+']&orderby='+cfg.orderby+'&sortorder='+cfg.sortorder);
					break;
				case"featured":script.setAttribute('src','http://gdata.youtube.com/feeds/api/standardfeeds/recently_featured?alt=json-in-script&format=5&callback=ytInit['+ytQuery+']&start-index=1&max-results='+cfg.results+'&orderby='+cfg.orderby+'&sortorder='+cfg.sortorder);
					break;
			}
			ytInit[ytQuery]=function(root){
				listVideos(root,cfg,cfg.id_letra);
			};
			document.documentElement.firstChild.appendChild(script);
		}
	}
}

// MOVER A POSICION DEL VIDEO
function irA(elemID) {
	var offsetTrail = document.getElementById(elemID);
	var offsetLeft = 0;
	var offsetTop = 0;
	while (offsetTrail) {
	offsetLeft += offsetTrail.offsetLeft;
	offsetTop += offsetTrail.offsetTop;
	offsetTrail = offsetTrail.offsetParent;
	}
		if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined" && navigator.appName=="Microsoft Internet Explorer" ) {
		offsetLeft += parseInt(document.body.leftMargin);
		offsetTop += parseInt(document.body.topMargin);
	}
	window.scrollTo(offsetLeft,offsetTop)
}
-->