// JavaScript Document
function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.htmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")";
} 
  function changeicon(element) {

    if (element.src.substring(element.src.length-8) == "over.jpg") {
	  element.src = element.src.substring(0,element.src.length-9) + ".jpg";
	}
	else {
	  element.src = element.src.substring(0,element.src.length-4) + "_over.jpg";
	}
  }  
  function showhide(idnombre) {
    var elemento = document.getElementById(idnombre);
	if (elemento.className == "show") {
	  elemento.className = "hide";
	}
	else {
	  elemento.className = "show";
	}
	
  }
  
  //ALWAYS
  function validarlogueo() {
    var usuario = document.getElementById("usuario");
    var password = document.getElementById("usuario");
  }
  
  function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
  } 

  //PANEL DE USUARIO
  
  function showPanel() {            
    var elemento = document.getElementById("statebox");
    var row = findPos(elemento)
    var box = document.getElementById("panel_usuario");
    box.style.left = (row[0]+32) + "px";
    box.style.top = (row[1]+22) + "px";
    //changeOpac(0, "panel_usuario")
    showhide('panel_usuario');           
    //opacity("panel_usuario", 0, 100, 500);                      
  }


  //TOOLTIP

var agt=navigator.userAgent.toLowerCase();
var is_major = parseInt(navigator.appVersion);
var is_minor = parseFloat(navigator.appVersion);

var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
            && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
            && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
var is_nav4 = (is_nav && (is_major == 4));
var is_nav6 = (is_nav && (is_major == 5));
var is_nav6up = (is_nav && (is_major >= 5));
var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));

  //tooltip Position
var offsetX = 0;
var offsetY = 5; 
var toolTipSTYLE;
var senal = 0;
var current_object;

function initToolTips(){
  if(document.getElementById){
          toolTipSTYLE = document.getElementById("toolTipLayer").style;
  }
  if(is_ie || is_nav6up)
  {
    toolTipSTYLE.visibility = "visible";
    toolTipSTYLE.display = "none"; 
    document.onmousemove = moveToMousePos; 

  } 
}

function getScrollingPosition()
{
 var position = [0, 0];

 if (typeof window.pageYOffset != 'undefined')
 {
   position = [
       window.pageXOffset,
       window.pageYOffset
   ];
 }

 else if (typeof document.documentElement.scrollTop
     != 'undefined' && document.documentElement.scrollTop > 0)
 {
   position = [
       document.documentElement.scrollLeft,
       document.documentElement.scrollTop
   ];
 }

 else if (typeof document.body.scrollTop != 'undefined')
 {
   position = [
       document.body.scrollLeft,
       document.body.scrollTop
   ];
 }

 return position;
}

function moveToMousePos(e)
{
  if(!is_ie){
    x = e.pageX;
    y = e.pageY;
  }else{
    x = event.x + document.body.scrollLeft;
    y = event.y + document.body.scrollTop;
  }
  //if (document.getElementById(current_object) != null) {
   // row = findPos(document.getElementById(current_object)); 
  
    toolTipSTYLE.left = (x + 10 + offsetX)+'px';
    toolTipSTYLE.top = (y + offsetY)+'px';
//  }

  return true;
  
}


function toolTip(msg, fg, bg)
{
  if(toolTip.arguments.length < 1) // if no arguments are passed then hide the tootip
  {
    if(is_nav4)
        toolTipSTYLE.visibility = "hidden";
    else
        toolTipSTYLE.display = "none";
  }
  else // show
  {
    if(!fg) fg = "#777777";
    if(!bg) bg = "#ffffe5";
    var content =  msg ;
   if(is_nav4)
    {
      toolTipSTYLE.document.write(content);
      toolTipSTYLE.document.close();
      toolTipSTYLE.visibility = "visible";
    }

    else if(is_ie || is_nav6up)
    {
      document.getElementById("toolTipLayer").innerHTML = content;
      toolTipSTYLE.display='block'
    }
  }
}

function showToolTip(elem_id){
  elem = document.getElementById(elem_id);  
  current_object = elem_id+"img";
  toolTip(elem.innerHTML);
}

function changePlusHolder(ide) {
  var elem = document.getElementById(ide); 
  if (elem.src.substring(elem.src.length-16) == 'images/menos.jpg') {
    elem.src = 'images/mas.jpg';
  }
  else {
    elem.src = 'images/menos.jpg';
  }
}
function changeHolder(ide) {
  var elem = document.getElementById(ide); 
  if (elem.src.substring(elem.src.length-19) == 'images/negativo.jpg') {
    elem.src = 'images/positivo.jpg';
  }
  else {
    elem.src = 'images/negativo.jpg';
  }
}

function popUp(URL,w,h) {
    day = new Date();
    id = day.getTime();
     eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width="+w+",height="+h+",left = 299.5,top = 209');"); }
	

  //PRELOADING IMAGES
  var imagen = new Image(50,50);
  imagen.src = "inicio_over.jpg";
  imagen = new Image(50,50);
  imagen.src = "videos_over.jpg";
  imagen = new Image(50,50);
  imagen.src = "canales_over.jpg";
  imagen = new Image(50,50);
  imagen.src = "radio_over.jpg";
  imagen = new Image(50,50);
  imagen.src = "novedades_over.jpg";
  imagen = new Image(50,50);
  imagen.src = "canalesvwp.jpg";
  imagen = new Image(50,50);
  imagen.src = "videosvwp_over.jpg";