function toonContent() {
  oContent = document.getElementById("content");
  
  //Add the close-button
  oClose = document.createElement("img");
  oClose.id = "contentClose";
  oClose.style.display = "none";
  oClose.src = "img/close.png";
  oClose.onmouseover = function() {
    oClose.src = "img/close_mo.png";
  }
  oClose.onmouseout = function() {
    oClose.src = "img/close.png";
  }
  oClose.onclick = function() {
    document.getElementById("container").removeChild(oClose);
    new Effect.SwitchOff(oContent);
    oContent.src = "content.php?contentId=99";
  }
  document.getElementById("container").appendChild(oClose);

  new Effect.Appear(document.getElementById('contentClose'),{delay:0.5});
  new Effect.Pulsate(document.getElementById('contentClose'),{delay:1.5,pulses:2});
}

function changePictures() {  
  document.getElementById('foto1img').src = "img/1-"+random(4)+".png";
  document.getElementById('foto2img').src = "img/2-"+random(5)+".png";
}

function random(ceiling) {
    var ranNum = Math.floor(Math.random()*ceiling);
    return ranNum + 1;
}

function getElementsByClass(searchClass,node,tag) {
  var classElements = new Array();
  if (node == null)
    node = document;
  if (tag == null)
    tag = '*';
  var els = node.getElementsByTagName(tag);
  var elsLen = els.length;
  var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
  for (i = 0, j = 0; i < elsLen; i++) {
    if (pattern.test(els[i].className) ) {
      classElements[j] = els[i];
      j++;
    }
  }
  return classElements;
}

function resizeSponsorPics() {
  aPics = getElementsByClass('sponsorpic',document,'img');  
    alert(aPics.length);
  for (var i=0; i < aPics.length; i++) {
    oPic = aPics[i];
    alert(oPic.offsetWidth);
    if (oPic.offsetWidth > 100) {
      iFactor = 150/oPic.offsetWidth;
      //alert(iFactor+" - "+oPic.offsetWidth);
      oPic.style.width = oPic.offsetWidth * iFactor +"px";
      oPic.style.height = oPic.offsetHeight * iFactor +"px";
    }
  }
}

function startup() {      
  changePictures();
  preload();
}

function preload() {
  Image1= new Image(20,20);
  Image1.src = "img/close.png";

  Image1= new Image(20,20);
  Image1.src = "img/close_mo.png";
}
    
function SlideInContent(contentId) {
  document.getElementById('content').src = "http://www.nofaketheater.com/2008/content.php?contentId=99";
  document.getElementById('content').src = "http://www.nofaketheater.com/2008/content.php?contentId="+contentId;
  toonContent(); 
  new Effect.BlindDown(document.getElementById('content'));
     
  setTimeout('changePictures()',2000);
}