// xmlHttpObject
var xmlHttpObject = false;

if (typeof XMLHttpRequest != 'undefined') {
  xmlHttpObject = new XMLHttpRequest();
}
if (!xmlHttpObject) {
  try {
    xmlHttpObject = new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch(e) {
    try {
      xmlHttpObject = new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch(e) {
      xmlHttpObject = null;
    }
  }
} 

function loadVideo( videoId ) {
  xmlHttpObject.open('get', HOST + 'getVideo.php?lang=' + lang + '&id=' + videoId);
  xmlHttpObject.onreadystatechange = handleVideo;
  xmlHttpObject.send(null);
  return false;    
}
function handleVideo() {
  if (xmlHttpObject.readyState == 4) {
    document.getElementById('jsContentOutput').innerHTML = xmlHttpObject.responseText;
  }
}

function loadContent( subNaviId ) {
  xmlHttpObject.open('get',HOST + 'getContent.php?lang=' + lang + '&id=' + subNaviId);
  xmlHttpObject.onreadystatechange = handleContent;
  xmlHttpObject.send(null);
  return false;
}
function handleContent() {
  if (xmlHttpObject.readyState == 4) {
    document.getElementById('jsContentOutput').innerHTML = xmlHttpObject.responseText;
  }
}

function deactivateNaviSubItems() {
  for( i=0; i < naviSubIdsArray.length; i++ ) {
    itemDeactivate = document.getElementById( "naviSubItem" + naviSubIdsArray[i] );
    itemDeactivate.className = "normal";
  }
}

function activateNaviSubItem( id ) {
  deactivateNaviSubItems();
  activeLink = "naviSubItem" + id;
  itemActivate = document.getElementById( "naviSubItem" + id );
  itemActivate.className = "hi";
  loadContent( id );
}

$(document).ready(function() {
  if( naviSubIdsArray != "" ) {
    containerBgObj = document.getElementById( "containerBg" );
    containerBgObj.style.display = "block";
    activeLink = null;
    activateNaviSubItem( naviSubIdsArray[0] );
  }
});