/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

var offsetfrommouse=[15,25]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0; //duration in seconds image should remain visible. 0 for always.

var defaultimageheight = 40;	// maximum image size.
var defaultimagewidth = 40;	// maximum image size.

var timer;

var bandera=0;

var pos_x;
var pox_y;

function gettrailobj(){
if (document.getElementById)
return document.getElementById("preview_div").style
}

function gettrailobjnostyle(){
if (document.getElementById)
return document.getElementById("preview_div")
}


function truebody()
{
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function cerrar ()
{
 gettrailobj().display='none';	
}

function point_it(event)
{
    pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("preview_div").offsetLeft;
    pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("preview_div").offsetTop;
	
	
    
}


function hidetrail()
{	
	
		//gettrailobj().display= "none";
		//document.onmousemove=""
	
	
	//gettrailobj().left="-500px"
	//clearTimeout(timer);
}

function ObtenerCentro (tipo)
{ 
 switch(parseInt(tipo))
 {
  //sitios web
  case 1 : return 985;
  
           break;
  //multimedia
  case 2 : return 840;
  
           break;
  //3d
  case 3 : return 710;
  
           break;
  //websites
  case 5 : return 870;
  
           break;
  //multimedia
  case 6 : return 700;
  
           break;
  //3D
  case 8 : return 700;
  
           break;
  //Software
  case 9 : return 800;
  
           break;
  //Software
  case 10 : return 700;
  
           break;
 }
}

function ObtenerNombreCategoria (tipo)
{ 
 switch(parseInt(tipo))
 {
  //sitios web
  case 1 : return "Sitios Web";
  
           break;
  //multimedia
  case 2 : return "Multimedia";
  
           break;
  //3d
  case 3 : return "3D";
  
           break;
  //3d
  case 4 : return "Software";
  
           break;
  //WebSites  
  case 5 : return "Websites";
  
           break;
  //Multimedia  
  case 6 : return "Multimedia";
  
           break;
  //3D  
  case 8 : return "3D";
  
           break;
  //Software
  case 9 : return "Software";
  
           break;
  //Software
  case 10 : return "Software";
  
           break;
 }
}



function showtrail(imagename,title,imagen,width,height)
{
	i = imagename
	t = title
	w = width
	h = height	
	
	show(i,t,imagen,w,h);
}

function show2(imagename,title,caracteristicas,des_corta,des_url,tipo)
{
		var width=590;
		var height =-700;

		var centerWidth = (parseInt(window.screen.width) - parseInt(width)) / 2;
 		var centerHeight = parseInt(window.screen.height);
	
	    var arragelo = new Array();
	
	    arreglo = des_url.split("*");	
		
		//point_it(event);
		
		porc = (parseInt(window.screen.height) / 100) * 14;
		
		centerHeight = ObtenerCentro (tipo);
		
		des_corta = des_corta.replace("[$]","'");
		title = title.replace("[$]","'");
	   
		gettrailobj().left = centerWidth + "px"
		gettrailobj().top= centerHeight + "px"	
		
		nombre_categoria = ObtenerNombreCategoria (tipo);
		
		newHTML = '<div>';
		newHTML = newHTML + '<table cellpadding="5" cellspacing="1" bgcolor="#666666">';
		newHTML = newHTML + '<tr><td>';		
		newHTML = newHTML + '<table width="538" height="393" border="0" cellpadding="0" cellspacing="0">';
		newHTML = newHTML + '<tr><td width="342" height="37" class="subbg" background="../images/caso-closebg.jpg">' + nombre_categoria + '</td>';
		newHTML = newHTML + '<td width="196" background="../images/caso-closebg.jpg"><div align="right"><a href="javascript:cerrar ()" ';
		newHTML = newHTML + 'onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'cerrar\',\'\',\'../images/caso-close2.jpg\',1)">';
		newHTML = newHTML + '<img src="../images/caso-close1.jpg" name="cerrar" width="124" height="41" border="0" id="cerrar" />';
		newHTML = newHTML + '</a></div></td></tr>';
		newHTML = newHTML + '<tr><td height="356" valign="top" background="../images/caso-closebg.jpg"><img ';
		newHTML = newHTML + 'src="' + imagename + '" /></td>';
    	newHTML = newHTML + '<td valign="top" bgcolor="#0A0A0A"><table width="203" height="356" border="0" cellpadding="0" ';
		newHTML = newHTML + 'cellspacing="0" bgcolor="#0A0A0A"><tr><td width="11" valign="bottom" bgcolor="#0A0A0A">&nbsp;</td>';
		newHTML = newHTML + '<td width="181" bgcolor="#0A0A0A"><table width="204" border="0" cellpadding="0" cellspacing="0">';
		newHTML = newHTML + '<tr align="right"><td height="23"><img src="../images/caso-top.jpg" width="204" height="23" /></td></tr>';
		newHTML = newHTML + '<tr><td align="right" background="../images/caso-med.jpg"><table width="181" border="0" cellspacing="0" ';
		newHTML = newHTML + 'cellpadding="5"><tr><td height="25" class="txtverde" align="left">Client:</td>';
		newHTML = newHTML + '</tr><tr><td height="25" class="subPink"  align="left">' + title + '</td>';
		newHTML = newHTML + '</tr>';
		newHTML = newHTML + '<tr><td height="15" align="left"><img src="../images/under_reed.gif" width="162" height="5" hspace="2" /></td></tr>';
		newHTML = newHTML + '<tr><td width="181" height="25" class="txtverde"><div align="left">' + arreglo [0] + ':</div></td>';	
		
		if (arreglo [1] == "#")
		{
		 newHTML = newHTML + '</tr><tr><td height="20" class="textin" align="left">';
		 newHTML = newHTML + arreglo [2] + '</td></tr>';
		}
		else
		{
		 newHTML = newHTML + '</tr><tr><td height="20" class="textin" align="left"><a href="' + arreglo [1] + '" class="linkwhite2" target="_blank">';	
		 newHTML = newHTML + arreglo [2] + '</a></td></tr>';
		}
		
		newHTML = newHTML + '<tr><td height="15" align="left"><img src="../images/under_reed.gif" width="162" height="5" hspace="2" /></td></tr>';
		newHTML = newHTML + '<tr><td height="25" class="txtverde"><div align="left">Features:';
		newHTML = newHTML + '</div></td></tr><tr><td class="linkwhite2" align="left">' + caracteristicas + '</td>';
		newHTML = newHTML + '</tr>';
		newHTML = newHTML + '<tr><td height="15" align="left"><img src="../images/under_reed.gif" width="162" height="5" hspace="2" /></td></tr>';
		newHTML = newHTML + '<tr><td height="25" class="txtverde"><div align="left">Description:</div>';
		newHTML = newHTML + '</td></tr><tr><td class="linkwhite2" align="left">' + des_corta + '</td>';
		newHTML = newHTML + '</tr></table></td></tr><tr align="right"><td><img src="../images/caso-dw.jpg" width="204" height="29" /></td></tr></table>';
		newHTML = newHTML + '</tr></td></table>';		
		newHTML = newHTML + '</div>';	

		gettrailobjnostyle().innerHTML = newHTML;
		gettrailobj().display="block";
}

function show(imagename,title,caracteristicas,des_corta,des_url,tipo)
{
		var width=590;
		var height =-700;

		var centerWidth = (parseInt(window.screen.width) - parseInt(width)) / 2;
 		var centerHeight = parseInt(window.screen.height);
	
	    var arragelo = new Array();
	
	    arreglo = des_url.split("*");	
		
		//point_it(event);
		
		porc = (parseInt(window.screen.height) / 100) * 14;
		
		centerHeight = ObtenerCentro (tipo);
		
		des_corta = des_corta.replace("[$]","'");
		title = title.replace("[$]","'");
		
		nombre_categoria = ObtenerNombreCategoria (tipo);
	   
		gettrailobj().left = centerWidth + "px"
		gettrailobj().top= centerHeight + "px"	
		
		newHTML = '<div>';
		newHTML = newHTML + '<table cellpadding="5" cellspacing="1" bgcolor="#666666">';
		newHTML = newHTML + '<tr><td>';		
		newHTML = newHTML + '<table width="538" height="393" border="0" cellpadding="0" cellspacing="0">';
		newHTML = newHTML + '<tr><td width="342" height="37" class="subbg" background="images/caso-closebg.jpg">' + nombre_categoria + '</td>';
		newHTML = newHTML + '<td width="196" background="images/caso-closebg.jpg"><div align="right"><a href="javascript:cerrar ()" ';
		newHTML = newHTML + 'onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'cerrar\',\'\',\'images/caso-close2.jpg\',1)">';
		newHTML = newHTML + '<img src="images/caso-close1.jpg" name="cerrar" width="124" height="41" border="0" id="cerrar" />';
		newHTML = newHTML + '</a></div></td></tr>';
		newHTML = newHTML + '<tr><td height="356" valign="top" background="../images/caso-closebg.jpg"><img ';
		newHTML = newHTML + 'src="' + imagename + '" /></td>';
    	newHTML = newHTML + '<td valign="top" bgcolor="#0A0A0A"><table width="203" height="356" border="0" cellpadding="0" ';
		newHTML = newHTML + 'cellspacing="0" bgcolor="#0A0A0A"><tr><td width="11" valign="bottom" bgcolor="#0A0A0A">&nbsp;</td>';
		newHTML = newHTML + '<td width="181" bgcolor="#0A0A0A"><table width="204" border="0" cellpadding="0" cellspacing="0">';
		newHTML = newHTML + '<tr align="right"><td height="23"><img src="images/caso-top.jpg" width="204" height="23" /></td></tr>';
		newHTML = newHTML + '<tr><td align="right" background="images/caso-med.jpg"><table width="181" border="0" cellspacing="0" ';
		newHTML = newHTML + 'cellpadding="5"><tr><td height="25" class="txtverde" align="left">Cliente:</td>';
		newHTML = newHTML + '</tr><tr><td height="25" class="subPink" align="left">' + title + '</td>';
		newHTML = newHTML + '</tr>';
		newHTML = newHTML + '<tr><td height="15" align="left"><img src="images/under_reed.gif" width="162" height="5" hspace="2" /></td></tr>';
		newHTML = newHTML + '<tr><td width="181" height="25" class="txtverde"><div align="left">' + arreglo [0] + ':</div></td>';	
		
		if (arreglo [1] == "#")
		{
		 newHTML = newHTML + '</tr><tr><td height="20" class="textin" align="left">';
		 newHTML = newHTML + arreglo [2] + '</td></tr>';
		}
		else
		{
		 newHTML = newHTML + '</tr><tr><td height="20" class="textin" align="left"><a href="' + arreglo [1] + '" class="linkwhite2" target="_blank">';	
		 newHTML = newHTML + arreglo [2] + '</a></td></tr>';
		}
		
		newHTML = newHTML + '<tr><td height="15" align="left"><img src="images/under_reed.gif" width="162" height="5" hspace="2" /></td></tr>';
		newHTML = newHTML + '<tr><td height="25" class="txtverde"><div align="left">Características:';
		newHTML = newHTML + '</div></td></tr><tr><td class="linkwhite2" align="left">' + caracteristicas + '</td>';
		newHTML = newHTML + '</tr>';
		newHTML = newHTML + '<tr><td height="15" align="left"><img src="images/under_reed.gif" width="162" height="5" hspace="2" /></td></tr>';
		newHTML = newHTML + '<tr><td height="25" class="txtverde"><div align="left">Descripción:</div>';
		newHTML = newHTML + '</td></tr><tr><td class="linkwhite2" align="left">' + des_corta + '</td>';
		newHTML = newHTML + '</tr></table></td></tr><tr align="right"><td><img src="images/caso-dw.jpg" width="204" height="29" /></td></tr></table>';
		newHTML = newHTML + '</tr></td></table>';		
		newHTML = newHTML + '</div>';	

		gettrailobjnostyle().innerHTML = newHTML;
		gettrailobj().display="block";
}


function followmouse(e){

	var xcoord=offsetfrommouse[0]
	var ycoord=offsetfrommouse[1]

	var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)

	if (typeof e != "undefined"){
		if (docwidth - e.pageX < defaultimagewidth + 2*offsetfrommouse[0]){
			xcoord = e.pageX - xcoord - defaultimagewidth; // Move to the left side of the cursor
		} else {
			xcoord += e.pageX;
		}
		if (docheight - e.pageY < defaultimageheight + 2*offsetfrommouse[1]){
			ycoord += e.pageY - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + e.pageY - docheight - truebody().scrollTop));
		} else {
			ycoord += e.pageY;
		}

	} else if (typeof window.event != "undefined"){
		if (docwidth - event.clientX < defaultimagewidth + 2*offsetfrommouse[0]){
			xcoord = event.clientX + truebody().scrollLeft - xcoord - defaultimagewidth; // Move to the left side of the cursor
		} else {
			xcoord += truebody().scrollLeft+event.clientX
		}
		if (docheight - event.clientY < (defaultimageheight + 2*offsetfrommouse[1])){
			ycoord += event.clientY + truebody().scrollTop - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + event.clientY - docheight));
		} else {
			ycoord += truebody().scrollTop + event.clientY;
		}
	}
	gettrailobj().left="300px"
	gettrailobj().top="500px"

}