window.onload = initAll;
window.onunload = function() {};



function initAll() {

  if(document.getElementById("java_info")) {

    document.getElementById("java_info").innerHTML = "****LOADING****";

  }

  var allDivs = document.getElementsByTagName("DIV");

  var counter = 0;
  var avatarArray = new Array();

  for(var i=0;i<allDivs.length;i++) {

    if(allDivs[i].className.indexOf("dj_info") > -1) {

      curId = allDivs[i].id;

      if(counter == 0 ) {

	document.getElementById("main_show_list").innerHTML = allDivs[i].innerHTML;

      }

      document.getElementById(curId).style.display = "none";

      curIMG = document.getElementById(curId + "_av");

      document.getElementById("avatar_list").innerHTML += "<img src='" + curIMG.src +"' alt='" + curIMG.alt +"' border='0' height='100' width='100' id='" + curId +"_click' /> ";

      avatarArray[counter] = curId +"_click";

      counter++;

    }

  }

  for(var i=0;i<avatarArray.length;i++) {

      document.getElementById(avatarArray[i]).onclick = getShow;
      document.getElementById(avatarArray[i]).onmouseover = doMouseOver;

  }

  if(document.getElementById("java_info")) {

    document.getElementById("java_info").innerHTML = "Click Avatar For Show Info";

  }

  mainLoad();

}



function getShow() {

    var pos = this.id.indexOf("_click");

    var newInfo = this.id.substring(pos, 0);

    document.getElementById("main_show_list").innerHTML = document.getElementById(newInfo).innerHTML;
    //alert(newInfo);

}



function doMouseOver() {

  this.style.cursor = "pointer";

}



function toggleMainInfo() {

  if(this.innerHTML == "DISPLAY SHOW INFO") {

    document.getElementById(this.id + "_main").style.display = "block";
    this.innerHTML = "HIDE SHOW INFO";

  } else {

    document.getElementById(this.id + "_main").style.display = "none";
    this.innerHTML = "DISPLAY SHOW INFO";

  }

  return false;

}