var g_lastSelectedTabElement;
// JavaScript Document
function TabContent_ChangeTab(element, sTabContent )
{
  //element.firstChild.style.position="relative";
  //element.firstChild.style.left = "100px";
  
  if (g_lastSelectedTabElement)
  {
    g_lastSelectedTabElement.style.left =  "0px";
    g_lastSelectedTabElement.firstChild.style.left =  "0px";
    //ie bug fix:
    g_lastSelectedTabElement.firstChild.style.backgroundColor = "white";
    g_lastSelectedTabElement.style.backgroundColor = "white";

  }
  
  element.style.left =  "1px";
  element.firstChild.style.left =  "-1px";
  //ie bug fix:
  element.firstChild.style.backgroundColor = "#EEE";
  element.style.backgroundColor = "#EEE";



  g_lastSelectedTabElement=element;
  
  elContainer = document.getElementById("TabContentLinksContainer");
  elContainer.innerHTML=sTabContent;
  
  //alert(arrTabContent[selIdx]);
  
  elContainer.style.visibility = 'hidden';
  elContainer.style.visibility = 'visible';
  



  //alert(element.style.pixelWidth );

//document.frames("cf").document.location.href=locationfolder+"counter.php?currpage=/"+page;
//alert("counter.php?currpage=/"+page);
}

function getPos(el) {
    var r = {x : el.offsetLeft, y : el.offsetTop};
    if (el.offsetParent) {
        var tmp = getPos(el.offsetParent);
        r.x += tmp.x;
        r.y += tmp.y;
    }
    return r;
}

function TabContent_Out(e, sTabContent)
{
    elem  = document.getElementById("TabContent");
    rPos = getPos(elem);
    e =  e || window.event

    if (e.pageX == null && e.clientX != null ) {
        var html = document.documentElement
        var body = document.body

        e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
        e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
    }
    

if ( (e.pageX<= rPos.x +elem.clientLeft) || (e.pageX>= rPos.x +elem.clientWidth + elem.clientLeft)
 ||  (e.pageY<= rPos.y +elem.clientTop) || (e.pageY>= rPos.y +elem.clientHeight + elem.clientTop)
     )
{

  elemCurrTab  = document.getElementById("TabContentTabCurrentTab");

  TabContent_ChangeTab(elemCurrTab,sTabContent);
}
}