var req;
var hideMenu = hideMenu ? hideMenu : 0;
function showstats (e,i,xoffset) {
 var o = document.getElementById(i);
 var y = 0;

 var maxX;
 var maxY;
 if (document.all&&!window.opera) {
   if (document.documentElement && document.documentElement.scrollTop) {
     maxX = document.documentElement.clientWidth + document.documentElement.scrollLeft;
     maxY = document.documentElement.clientHeight + document.documentElement.scrollTop;
     y = event.clientY + document.documentElement.scrollTop;
     x = event.clientX + document.documentElement.scrollLeft;
   } else {
     y = event.clientY + document.body.scrollTop;
     x = event.clientX + document.body.scrollLeft;
   }
 } else {
   maxX = window.innerWidth + document.documentElement.scrollLeft;
   maxY = window.innerHeight + document.documentElement.scrollTop;
   y = e.pageY;
   x = e.pageX;
 } 
 o.style.position="absolute";
 o.style.display = "block";

 var divX = o.offsetWidth;
 var divY = o.offsetHeight;
 while (maxX > 200 && x + divX > (maxX -35) ) {
   x = x - (divX +30);
 }
 while (y + divY > (maxY -35)) {
   y = y - 1;
 }
 //if (hideMenu) x = x +170;
  x = x + 15;
  y = y -5;
 o.style.top = y + "px";
 o.style.left = x + "px";
}

function showAtCursor(e,id) {
  var obj = document.getElementById(id);
  var maxX;
  var maxY;
  obj.style.position = "absolute";
  obj.style.display = "block";
  if (document.all&&!window.opera) { 
    if (document.documentElement && document.documentElement.scrollTop) {
      maxX = document.documentElement.clientWidth + document.documentElement.scrollLeft
      maxY = document.documentElement.clientHeight + document.documentElement.scrollTop
      y = event.clientY + document.documentElement.scrollTop;
      x = event.clientX + document.documentElement.scrollLeft ;
    } else {
      y = event.clientY + document.body.scrollTop;
      x = event.clientX + document.body.scrollLeft;
    }
  } else {
    maxX = window.innerWidth + document.documentElement.scrollLeft;
    maxY = window.innerHeight + document.documentElement.scrollTop;
    y = e.pageY;
    x = e.pageX;
  }
  var divW = parseInt(obj.offsetWidth);
  var divH = parseInt(obj.offsetHeight);
  while (maxX > 200 && x + divW > (maxX - 10)) {
    x = x - (divW +30);
  }
  while (maxY > 300 && y + divH > (maxY - 30)) {
    y = y - 1;
  }
  x = x + 15;
  y = y - 5;
  //if (hideMenu) x = x +170;
  obj.style.top = y +"px";
  obj.style.left = x +"px";
  //document.title = "X:" + x + " MaxX:" + maxX + " divX:" + divW + " y:" + y + " MaxY:" + maxY + " DivY:" + divH;
}
function clearstats (i) {
 var o = document.getElementById(i);
 o.style.display = 'none';
}

function togglevis (o) {
    if (o == "inv0") {
        return;
    }
    if (document.getElementById(o).style.display == "none") {
      document.getElementById(o).style.display = "block";
      return;
    }
    if (document.getElementById(o).style.display == "block") {
      document.getElementById(o).style.display = "none";
      return;
    }
    if (document.getElementById(o).style.display == "") {
      document.getElementById(o).style.display = "none";
      return;
    }
   alert(document.getElementById(o).style.display);
}

function retrieveURL(url) {
  if (window.XMLHttpRequest) { // Non-IE browsers
    req = new XMLHttpRequest();
    req.onreadystatechange = processStateChange;
    try {
      req.open("GET", url, true);
    } catch (e) {
      //      alert(e);
    }
    req.send(null);
  } else if (window.ActiveXObject) { // IE
    req = new ActiveXObject("Microsoft.XMLHTTP");
    if (req) {
      req.onreadystatechange = processStateChange;
      req.open("GET", url, true);
      req.send();
    }
  }
}

function processStateChange() {
  if (req.readyState == 4) { // Complete
    if (req.status == 200) { // OK response
      document.getElementById('tmpItemFrm').innerHTML = req.responseText;
    } else {
      alert("Problem: " + req.statusText);
    }
  }

}

function showif(event,id,locale,source,profile) {
  var currentDate = new Date()
  var time = currentDate.getHours() + '' + currentDate.getMinutes(); 
  document.getElementById('tmpItemFrm').innerHTML = "<div class='wowitem'><span class='itemname'><img src='media/images/ajaxindicator.gif' alt='...'/></span></div>";
  var url = "ajax/OnlineCourseProgress.aspx?s=" + skillId + "&p=" + personId + "&t=" + time;
  retrieveURL(url);
  showAtCursor(event,"tmpItemFrm");
}

function showlt(event,skillId,personId) {
  var currentDate = new Date()
  var time = currentDate.getHours() + '' + currentDate.getMinutes(); 
  document.getElementById('tmpItemFrm').innerHTML = "<div class='wowitem'><span class='itemname'><img src='media/images/ajaxindicator.gif' alt='...'/></span></div>";
  var url = "ajax/OnlineCourseProgress.aspx?s=" + skillId + "&p=" + personId + "&t=" + time;
  retrieveURL(url);
  
  showstats(event,"tmpItemFrm");
}



function clearlt() {
  document.getElementById('tmpItemFrm').style.display = 'none';
}

function getURLParam(strParamName){
  var strReturn = "";
  var strHref = window.location.href;
  if ( strHref.indexOf("&") > -1 ){
    var strQueryString = strHref.substr(strHref.indexOf("&")).toLowerCase();
    var aQueryString = strQueryString.split("&");
    for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
      if (
	  aQueryString[iParam].indexOf(strParamName + "=") > -1 ){
        var aParam = aQueryString[iParam].split("=");
        strReturn = aParam[1];
        break;
      }
    }
  }
  return strReturn;
}

function ClearSelect (s) {
  for (var i = 0; i < s.options.length; i++) {
    s.options[i] = null;
  }
  if (s.options.length != 0) {
     ClearSelect (s);
  }
}
function Append2Select(s, val,text) {
  s.options[s.options.length] = new Option (text, val);
}