
var dofade=true;     
var center=false;     
var centertext=false; 
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && !document.getElementById)? true : false;
var IE4 = (document.all && !document.getElementById)? true : false;
var IE5 = (document.getElementById && document.all)? true : false;
var NS6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var W3C = (document.getElementById)? true : false;
var w_y, w_x, navtxt, boxheight, boxwidth;
var ishover=false;
var isloaded=false;
var ieop=0;
var op_id=0;

function getwindowdims(){
w_y=(NS4||NS6)? window.innerHeight : (IE5||IE4)? document.body.clientHeight : 0;
w_x=(NS4||NS6)? window.innerWidth : (IE5||IE4)? document.body.clientWidth : 0;
}

function getboxwidth(){
if(NS4)boxwidth=(navtxt.document.width)? navtxt.document.width : navtxt.clip.width;
if(IE5||IE4)boxwidth=(navtxt.style.pixelWidth)? navtxt.style.pixelWidth : navtxt.offsetWidth;
if(NS6)boxwidth=(navtxt.style.width)? parseInt(navtxt.style.width) : parseInt(navtxt.offsetWidth);
}

function getboxheight(){
if(NS4)boxheight=(navtxt.document.height)? navtxt.document.height : navtxt.clip.height;
if(IE4||IE5)boxheight=(navtxt.style.pixelHeight)? navtxt.style.pixelHeight : navtxt.offsetHeight;
if(NS6)boxheight=parseInt(navtxt.offsetHeight);
}

function movenavtxt(x,y){
if(NS4)navtxt.moveTo(x,y);
if(W3C||IE4){
navtxt.style.left= 375+'px';
navtxt.style.top= 165+'px';
}}

function getpagescrolly(){
if(NS4||NS6)return window.pageYOffset;
if(IE5||IE4)return document.body.scrollTop;
}

function getpagescrollx(){
if(NS4||NS6)return window.pageXOffset;
if(IE5||IE4)return document.body.scrollLeft;
}

function writeindiv1(titulo, t1, text, imagen, link, url, precio, parte, color){
if(NS4){
navtxt.document.open();
navtxt.document.write(text); 
navtxt.document.close();
}
//var Img1 = '<TABLE id="Table1" width="500" style="FONT-SIZE: 11px; FONT-FAMILY: Microsoft Sans Serif; BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; COLOR: navy; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: white; TEXT-ALIGN: center;"> <TR> <TD><IMG alt="Learn More" src="' + imagen + '"> <a href="' + url + '"> </TD> </TR> </TABLE>'
var Img1 = '<IMG alt="Learn More" src="' + imagen + '"> <a href="' + url + '">'
//var t4 = '<TABLE id="Table2"  width="500" style="FONT-SIZE: 12px; FONT-FAMILY: Microsoft Sans Serif; BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; COLOR: navy; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: white; TEXT-ALIGN: right;"> <TR> <TD> <a href="' + url + '"> <IMG alt="Learn More" src="' + link + '" border="0"> </a> </TD> </TR> </TABLE>'
var t6 = '<table width="500" height="280" BACKGROUND="' + imagen + '" id="Table1" style="FONT-SIZE: 11px; FONT-FAMILY: Microsoft Sans Serif; BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; COLOR: navy; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: white; TEXT-ALIGN: center;"><tr><td valign="top"><table width="500" height="280"><tr> <td height="246" colspan="2"></td></tr><tr> <td width="319"></td><td width="90" height="34"> <a href="' + url + '"> <IMG alt="Learn More" src="' + link + '" border="0"> </a></td></tr></table></td></tr></table>'
var t8 = '<table width="500" height="280" BACKGROUND="' + imagen + '" id="Table1" style="FONT-SIZE: 11px; FONT-FAMILY: Microsoft Sans Serif; BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; COLOR: navy; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: white; TEXT-ALIGN: center;"><tr><td height="280" valign="top"><table width="479" height="280"><tr><td height="85" colspan="3"></td></tr><tr><td width="27"></td><td width="265" height="161" valign="top"><font color="' + color +'" size="1" face="Geneva, Arial, Helvetica, sans-serif"><b>' + titulo + '&nbsp;</b></font><font color="#000000" size="1" face="Geneva, Arial, Helvetica, sans-serif">' + t1 + '<br>' + text + '</font></td><td width="189"></td></tr><tr><td width="479" height="34" colspan="3" align="right"> <a href="' + url + '"> </a><a href="' + url + '"><img src="' + link + '" alt="Learn More" width="111" height="34" border="0"></a></td></tr></table></td></tr></table>'
if(W3C||IE4)navtxt.innerHTML= t8;
}
function writeindiv(titulo, t1, text, imagen, link, url, precio, parte, color){
if(NS4){
navtxt.document.open();
navtxt.document.write(text); 
navtxt.document.close();
}
//var Img1 = '<TABLE id="Table1" width="500" style="FONT-SIZE: 11px; FONT-FAMILY: Microsoft Sans Serif; BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; COLOR: navy; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: white; TEXT-ALIGN: center;"> <TR> <TD><IMG alt="Learn More" src="' + imagen + '"> <a href="' + url + '"> </TD> </TR> </TABLE>'
var Img1 = '<IMG alt="Learn More" src="' + imagen + '"> <a href="' + url + '">'
//var t4 = '<TABLE id="Table2"  width="500" style="FONT-SIZE: 12px; FONT-FAMILY: Microsoft Sans Serif; BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; COLOR: navy; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: white; TEXT-ALIGN: right;"> <TR> <TD> <a href="' + url + '"> <IMG alt="Learn More" src="' + link + '" border="0"> </a> </TD> </TR> </TABLE>'
var t6 = '<table width="500" height="280" BACKGROUND="' + imagen + '" id="Table1" style="FONT-SIZE: 11px; FONT-FAMILY: Microsoft Sans Serif; BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; COLOR: navy; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: white; TEXT-ALIGN: center;"><tr><td valign="top"><table width="500" height="280"><tr> <td height="246" colspan="2"></td></tr><tr> <td width="319"></td><td width="90" height="34"> <a href="' + url + '"> <IMG alt="Learn More" src="' + link + '" border="0"> </a></td></tr></table></td></tr></table>'
var t7 = '<table width="500" height="280" BACKGROUND="' + imagen + '" id="Table1" style="FONT-SIZE: 11px; FONT-FAMILY: Microsoft Sans Serif; BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; COLOR: navy; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: white; TEXT-ALIGN: center;"><tr><td height="280" valign="top"><table width="479" height="280"><tr><td height="85" colspan="3"></td></tr><tr><td width="27"></td><td width="265" height="161" valign="top"><font color="' + color +'" size="1" face="Geneva, Arial, Helvetica, sans-serif"><b>' + titulo + '&nbsp;</b></font><font color="#000000" size="1" face="Geneva, Arial, Helvetica, sans-serif">' + t1 + '<p></p>' + text + '</font></td><td width="189"></td></tr><tr><td width="479" height="34" colspan="3" align="right"> <a href="' + url + '"> </a><a href="' + url + '"><img src="' + link + '" alt="Learn More" width="111" height="34" border="0"></a></td></tr></table></td></tr></table>'
if(W3C||IE4)navtxt.innerHTML= t7;
}

//**** END UTILITY FUNCTIONS ****//

function writetxt(titulo, t1, text, imagen, link, url, precio, parte, color){

if(isloaded){
if(text!=0){
ishover=true;
if(NS4)text='<div id="navtxt" class="navtext">'+ ((centertext)?'<center>':'')+text+((centertext)?'</center>':'') + '</div>';
writeindiv(titulo, t1, text, imagen, link, url, precio, parte, color);
getboxheight();
if((W3C || IE4) && dofade){
ieop=0;
incropacity();
}}else{
if(NS4)navtxt.visibility="hide";
if(IE4||W3C){
if(dofade)clearTimeout(op_id);
navtxt.style.visibility="hidden";
}
writeindiv('');
ishover=false;
}}

margin=(IE4||IE5)? 1 : 23;
mx= 400; //event.clientX - 70;
my= 470; //event.clientY - 20;
xoff= (center)? mx-boxwidth/2 : mx+5;
yoff= (my+boxheight+30-getpagescrolly()+margin>=w_y)? -15-boxheight: 30;
movenavtxt( Math.min(w_x-boxwidth-margin , Math.max(2,xoff))+getpagescrollx() , my+yoff+getpagescrolly());
navtxt.style.visibility="visible";
document.onclick=cerrar;
}
/////////////////////////////////////////////////////////////////////////////
function writetxt1(titulo, t1, text, imagen, link, url, precio, parte, color){

if(isloaded){
if(text!=0){
ishover=true;
if(NS4)text='<div id="navtxt" class="navtext">'+ ((centertext)?'<center>':'')+text+((centertext)?'</center>':'') + '</div>';
writeindiv1(titulo, t1, text, imagen, link, url, precio, parte, color);
getboxheight();
if((W3C || IE4) && dofade){
ieop=0;
incropacity();
}}else{
if(NS4)navtxt.visibility="hide";
if(IE4||W3C){
if(dofade)clearTimeout(op_id);
navtxt.style.visibility="hidden";
}
writeindiv('');
ishover=false;
}}

margin=(IE4||IE5)? 1 : 23;
mx= 400; //event.clientX - 70;
my= 470; //event.clientY - 20;
xoff= (center)? mx-boxwidth/2 : mx+5;
yoff= (my+boxheight+30-getpagescrolly()+margin>=w_y)? -15-boxheight: 30;
movenavtxt( Math.min(w_x-boxwidth-margin , Math.max(2,xoff))+getpagescrollx() , my+yoff+getpagescrolly());
navtxt.style.visibility="visible";
document.onclick=cerrar;
}
/////////////////////////////////
function cerrar () {
navtxt.style.visibility="hidden";
}
function incropacity(){
if(ieop<=100){
ieop+=49;
if(IE4 || IE5)navtxt.style.filter="alpha(opacity="+ieop+")";
if(NS6)navtxt.style.MozOpacity=ieop/100;
op_id=setTimeout('incropacity()', 1);
}
}


function moveobj(evt){

if(isloaded && ishover){
margin=(IE4||IE5)? 1 : 23;
if(NS6)if(document.height+27-window.innerHeight<0)margin=15;
if(NS4)if(document.height-window.innerHeight<0)margin=10;
mx=(NS4||NS6)? evt.pageX : (IE5||IE4)? event.clientX : 0;
my=(NS4||NS6)? evt.pageY : (IE5||IE4)? event.clientY : 0;
if (NS4){
mx=evt.pageX
my=evt.pageY
}
else if (NS6){
mx=evt.clientX
my=evt.clientY
}
else if (IE5){
	mx= 400 //event.clientX
	my= 545 //event.clientY
}
else if (IE4){
mx=0
my=0
}

if(NS4){
mx-=getpagescrollx();
my-=getpagescrolly();
}
xoff=(center)? mx-boxwidth/2 : mx+5;
yoff=(my+boxheight+30-getpagescrolly()+margin>=w_y)? -15-boxheight: 30;
movenavtxt( Math.min(w_x-boxwidth-margin , Math.max(2,xoff))+getpagescrollx() , my+yoff+getpagescrolly());
if(NS4)navtxt.visibility="show";
if(W3C||IE4)navtxt.style.visibility="visible";
}}

if(NS4)document.captureEvents(Event.MOUSEMOVE);

window.onload=function(){
  navtxt=(NS4)? document.layers['navtxt'] : (IE4)? document.all['navtxt'] : (W3C)? document.getElementById('navtxt') : null;
  getboxwidth();
  getboxheight();
  getwindowdims();
  isloaded=true;
  if((W3C || IE4) && centertext)navtxt.style.textAlign="center";
  if(W3C)navtxt.style.padding='4px';
  if(IE4 || IE5 && dofade)navtxt.style.filter="alpha(opacity=0)";
  }
window.onresize=getwindowdims;