addEvent(window, 'load', linkPreview);
function addEvent(obj, evType, fn){if (obj.addEventListener){obj.addEventListener(evType, fn, false); return true; }else if (obj.attachEvent){var r = obj.attachEvent("on"+evType, fn);	return r;}else {return false;}}
function linkPreview(){
var links = document.getElementsByTagName("a");
for (i=0; i<links.length; i++){
var currentLink = links[i];
var linkHref = currentLink.href;
var locurl="http://www.mypagerank.net/services/linkpreview";
var servnam="Link Preview";
var powered="http://www.mypagerank.net";
if (linkHref.match(/youtube\.com\/v*/)   && currentLink.className.indexOf('mymediapreview') >= 0         ){ 
var urlparts = linkHref.split(/youtube\.com\/v*/);
urlparts[1]=urlparts[1].replace(/watch(.*?)=/, "/");
var host = urlparts[1];
append(currentLink, '<div id="vfile__'+i+'" style="position:absolute;display:none;width:205px; height:130px;background-color:#CFCFCF;background-image: url(http://www.thumbsplus.net/images/loading.gif); background-repeat: no-repeat; background-position: center" ><object width="200" height="125"><param name="movie" value="http://www.youtube.com/v' + host + '"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v' + host+ '" type="application/x-shockwave-flash" wmode="transparent" width="200" height="125"></embed></object> <div style=\"font-size:7pt;font-family:verdana,tahoma,arial;color:#000000;font-weight:bold;text-align:center;background-color:#CFCFCF\"><a  title=\"Linkpreview\" href=\"'+powered+'\" target=\"_blank\">'+ servnam +'</a><a name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');"> [ x ]</a></div> </div>  <img src="'+ locurl +'/tube.png" name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');" style="Cursor: pointer;"  >  ');
}
if (linkHref.match(/metacafe\.com\/watch\/*/) && currentLink.className.indexOf('mymediapreview') >= 0){ 
var urlparts = linkHref.split(/metacafe\.com\/watch\/*/);
var host = urlparts[1];
append(currentLink, '<div id="vfile__'+i+'" style="position:absolute;display:none;width:205px; height:130px;background-color:#CFCFCF;background-image: url(http://www.thumbsplus.net/images/loading.gif); background-repeat: no-repeat; background-position: center" ><object width="200" height="125"><embed src="http://www.metacafe.com/fplayer/'+host+'.swf" width="205" height="125" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object> <div style=\"font-size:7pt;font-family:verdana,tahoma,arial;color:#000000;font-weight:bold;text-align:center;background-color:#CFCFCF\"><a  title=\"Linkpreview\" href=\"'+powered+'\" target=\"_blank\">'+ servnam +'</a><a name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');"> [ x ]</a></div> </div>  <img src="'+ locurl +'/metacafe.png" name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');" style="Cursor: pointer;"  >  ');
			}	
			
			
		if (linkHref.match(/one.revver.com\/watch\/*/) && currentLink.className.indexOf('mymediapreview') >= 0){ 
	var urlparts = linkHref.split(/one.revver.com\/watch\/*/);
	var host = urlparts[1];
	//alert(urlparts[1]);
    append(currentLink, '<div id="vfile__'+i+'" style="position:absolute;display:none;width:205px; height:130px;background-color:#CFCFCF;background-image: url(http://www.thumbsplus.net/images/loading.gif); background-repeat: no-repeat; background-position: center" ><object width="200" height="125"><embed type="application/x-shockwave-flash" src="http://flash.revver.com/player/1.0/player.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" scale="noScale" salign="TL" bgcolor="#000000" flashvars="mediaId='+host+'&affiliateId=0&allowFullScreen=true" allowfullscreen="true" height="125" width="200"></embed></object> <div style=\"font-size:7pt;font-family:verdana,tahoma,arial;color:#000000;font-weight:bold;text-align:center;background-color:#CFCFCF\"><a  title=\"Linkpreview\" href=\"'+powered+'\" target=\"_blank\">'+ servnam +'</a><a name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');"> [ x ]</a></div> </div>  <img src="'+ locurl +'/revver.png" name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');" style="Cursor: pointer;"  >  ');
			}		
			
		
	
	
			if (linkHref.match(/video.google.com\/videoplay*/) && currentLink.className.indexOf('mymediapreview') >= 0){ 
	var urlparts = linkHref.split(/video.google.com\/videoplay*/);
	var host = urlparts[1];
	//alert(urlparts[1]);
    append(currentLink, '<div id="vfile__'+i+'" style="position:absolute;display:none;width:205px; height:130px;background-color:#CFCFCF;background-image: url(http://www.thumbsplus.net/images/loading.gif); background-repeat: no-repeat; background-position: center" ><object width="200" height="125"><embed style="width:200px; height:125px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf'+host+'&hl=en" flashvars=""> </embed></object> <div style=\"font-size:7pt;font-family:verdana,tahoma,arial;color:#000000;font-weight:bold;text-align:center;background-color:#CFCFCF\"><a  title=\"Linkpreview\" href=\"'+powered+'\" target=\"_blank\">'+ servnam +'</a><a name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');"> [ x ]</a></div> </div>  <img src="'+ locurl +'/google.png" name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');" style="Cursor: pointer;"  >  ');
			}		
			
			if (linkHref.match(/veoh.com\/videos\/*/) && currentLink.className.indexOf('mymediapreview') >= 0){ 
	var urlparts = linkHref.split(/veoh.com\/videos\/*/);
	var host = urlparts[1];
	//alert(urlparts[1]);
    append(currentLink, '<div id="vfile__'+i+'" style="position:absolute;display:none;width:205px; height:130px;background-color:#CFCFCF;background-image: url(http://www.thumbsplus.net/images/loading.gif); background-repeat: no-repeat; background-position: center" ><object width="200" height="125"><embed src="http://www.veoh.com/videodetails2.swf?permalinkId='+host+'&id=anonymous&player=videodetailsembedded&videoAutoPlay=0" allowFullScreen="true" width="200" height="150" bgcolor="#000000" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object> <div style=\"font-size:7pt;font-family:verdana,tahoma,arial;color:#000000;font-weight:bold;text-align:center;background-color:#CFCFCF\"><a  title=\"Linkpreview\" href=\"'+powered+'\" target=\"_blank\">'+ servnam +'</a><a name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');"> [ x ]</a></div> </div>  <img src="'+ locurl +'/veoh.png" name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');" style="Cursor: pointer;"  >  ');
			}		



    var linkHrefParts = linkHref.split(".");
    // extension is the last element in the LinkSplit array
    var extension = linkHrefParts[linkHrefParts.length - 1];
    // In some browsers there is a "/" placed after the link. removes the "/"
    extension = extension.replace("/","");
    if( extension in { wmv:1, mpg:1, mpeg:1, asf:1 }  && currentLink.className.indexOf('mymediapreview') >= 0){
     append(currentLink, '<div id="vfile__'+i+'" style="position:absolute;font:normal 12px Verdana;line-height:18px;z-index:100;display:none;width:205px; height:125px;background: url(http://www.thumbsplus.net/images/loading.gif) #CFCFCF; background-repeat: no-repeat; background-position: center" ><object id="Player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" standby="Loading Windows Media Player Components ..." type="application/x-oleobject" height="125" width="200"><param name="URL" value="'+ currentLink + '"><param name="ShowStatusBar" value="false"><param name="AutoSize" value="false"><param name="Showcontrols" value="true"><param name="AutoStart" value="false"><embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/" src="'+ currentLink + '" stretchtofit="false" showstatusbar="0" controller="1" autostart="0" height="125" width="200"></object><div style=\"font-size:7pt;font-family:verdana,tahoma,arial;color:#000000;font-weight:bold;text-align:center;background-color:#CFCFCF\"><a  title=\"Linkpreview\" href=\"'+powered+'\" target=\"_blank\">'+ servnam +'</a><a name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');"> [ x ]</a></div> </div>  <img src="'+ locurl +'/television.png" name="btn__'+i+'" border="0" id="btn__'+i+'" align="absmiddle"  onClick="ppShowHideLayer('+i+');" style="Cursor: pointer;"  >  ');
    }




}

} 


// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false
// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)
// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;
// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

// Main function to retrieve mouse x-y pos.s
function getMouseXY(e) {
	
if (document.documentElement.scrollLeft){
thumb_scrollleft = document.documentElement.scrollLeft; } 
else { thumb_scrollleft=document.body.scrollLeft; }
if (document.documentElement.scrollTop){ 
thumb_scrolltop = document.documentElement.scrollTop;}
else{thumb_scrolltop=document.body.scrollTop;}
	
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + thumb_scrollleft;
    tempY = event.clientY + thumb_scrolltop;
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX ;
    tempY = e.pageY;
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY

}


function ppShowHideLayer(boxID) {

	/* Obtain reference for the selected boxID layer and its button */
	var box = document.getElementById("vfile__"+boxID);
	var boxbtn = document.getElementById("btn__"+boxID);
	/* If the selected box is currently invisible, show it */
	
if (window.innerWidth) {
var cwidth=window.innerWidth; }
else if (document.documentElement.clientWidth) {
var cwidth=document.documentElement.clientWidth; }
else if (document.body.clientWidth) {
var cwidth=document.body.clientWidth; }

if (window.innerHeight) {
var cheight=window.innerHeight; }
else if (document.documentElement.clientHeight) {
var cheight=document.documentElement.clientHeight; }
else if (document.body.clientHeight) {
var cheight=document.body.clientHeight; }

    if ((tempY+210)>cheight+thumb_scrolltop) {tempY=tempY-180; }else { tempY=tempY+5; }


	if ((tempX+290)>cwidth) {tempX=tempX-290; }else { tempX=tempX+5; }
	
	
	if(box.style.display == "none" || box.style.display=="") {
		box.style.display = "inline";
		box.style.left=tempX +'px';
		box.style.top=tempY+'px';
	}
	/* otherwise hide it */
	else {
		box.style.display = "none";

	}
}



function append(currentLink, extension){
	var span = document.createElement('span');
	span.innerHTML =  extension ;
	currentLink.parentNode.insertBefore(span,currentLink.nextSibling);

	//alert(span.idName);

}