DropdownMenu = Class.create();
DropdownMenu.prototype = {
  initialize: function(element, update, options) {
    this.element = $(element);
    this.update = $(update);
         
    Event.observe(this.element, "mouseover", this.onMouseOver.bindAsEventListener(this));
    Event.observe(this.element, "mouseout", this.onMouseOut.bindAsEventListener(this));

    var listItems = this.update.getElementsByTagName("li");    
    for (var i=0; i < listItems.length; i++) {
      li = listItems[i];
      Event.observe(li, "mouseover", this.onMouseChangeItem.bindAsEventListener(li, "hover"));
      Event.observe(li, "mouseout",  this.onMouseChangeItem.bindAsEventListener(li, "normal"));
    }
  },
  
  onMouseOver: function(event) {
    this.update.style.display = "block";
    if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
    return;
  },
  
  onMouseOut: function(event) {
    this.update.style.display = "none";
    if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
    return;
  },
  
  onMouseChangeItem: function(event, className) {
    this.className = className;
    if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
    return;
  }
};

SidebarMenu = Class.create();
SidebarMenu.prototype = {
  initialize: function(element) {
    this.element = $(element);
        
    var listItems = this.element.getElementsByTagName("li");    
    for (var i=0; i < listItems.length; i++) {
      li = listItems[i];
      if (li.getElementsByTagName("a").length > 0) {
        Event.observe(li, "mouseover", this.onMouseChangeItem.bindAsEventListener(li, "hover", true));
        Event.observe(li, "mouseout",  this.onMouseChangeItem.bindAsEventListener(li, "normal", false));
      }
    }
  },
  
  onMouseChangeItem: function(event, className) {
    this.className = className;
    if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
    return;
  }
};

function loadSidebars() {
  var sidebars = document.getElementsByClassName("sidebarContent")
  for (var i=0; i < sidebars.length; i++) {
    new SidebarMenu(sidebars[i]);
  }
}

sidebarImages = new Array("ic0.jpg", "kt0.jpg", "ic1.jpg", "kt1.jpg", "ic2.jpg", "kt2.jpg", "ic3.jpg", "kt3.jpg", "kt5.jpg", "ic4.jpg", "kt4.jpg");

function placeSidebarImage(dirup, padding) {
  images = sidebarImages;
  index = Math.floor(Math.random() * images.length);
  document.write('<img src="' + dirup + '/images/sidebar/' + images[index] + '" style="margin-left: 5px; margin-top: ' + padding + ';" alt="Photo" />');
}

function loginOpen() {
  if (browser.isIE && browser.versionMajor <= 6 && $("teamSelect"))
    $("teamSelect").style.display = "none";
  
  if (browser.isNS && browser.versionMajor <= 7)
    $("login").style.display = "block";
  else
    new Effect.SlideDown("login");

  if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
  return false;
}


function loginClose() {
  if (browser.isNS && browser.versionMajor <= 7)
    $("login").style.display = "none";
  else
    new Effect.Fade("login");
  
  if (browser.isIE && browser.versionMajor <= 6 && $("teamSelect"))
    $("teamSelect").style.display = "block";
  if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
  return false;
}

currentVideoID = 'videoGroup_1l';
currentVideoThumb = 0;

videoThumbDivs = new Array("videoThumb_1", "videoThumb_2", "videoThumb_3", "videoThumb_4");

function playMovie(movie_name) {
  var movie_div = document.createElement("div");
  movie_div.className = "text";
  movie_div.style.width = "400px";
  movie_div.id = "videoDiv";
  
  movie_div.innerHTML = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="396" height="352" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="./full/' + movie_name + '.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="./full/' + movie_name + '.swf" quality="high" bgcolor="#ffffff" width="396" height="352" name="' + movie_name + '" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object><div class="closeLink" onclick="updateVideoMedium(\'' + currentVideoID + '\', false);"><span>Close</span></div>';
  
  updateVideoMedium("videoDiv", movie_div);
}

function showPhoto(photo_name) {
  var movie_div = document.createElement("div");
  movie_div.className = "text";
  movie_div.style.width = "400px";
  movie_div.id = "videoDiv";
  
  movie_div.innerHTML = '<img src="./full/' + photo_name + '.jpg" class="fullImage"><div class="closeLink" onclick="updateVideoMedium(\'' + currentVideoID + '\', false);"><span>Close</span></div>';
  
  updateVideoMedium("videoDiv", movie_div);
}

function updateVideoMedium(new_id, append) {
  $(currentVideoID).style.display = "none";
  if (currentVideoID == "videoDiv") $("textTD").removeChild($(currentVideoID));
  currentVideoID = new_id;
  if (append != false) $("textTD").appendChild(append);
  $(currentVideoID).style.display = "block";
}

function loadVideoMedium(name) {
  updateVideoMedium('videoGroup_' + name, false);
}

function loadVideoThumb(index) {
  if (index == currentVideoThumb) return;
  
  if (index == -1) { // Previous
    index = currentVideoThumb - 1;
  }
  if (index == -2) { // Previous
    index = currentVideoThumb + 1;
  }
  if (index < 0) index = videoThumbDivs.length - 1;
  if (index >= videoThumbDivs.length) index = 0;
  
  if (index == currentVideoThumb) return;
  
  Effect.Fade(videoThumbDivs[currentVideoThumb], { duration:1, from:1.0, to:0.0 });
  Effect.Appear(videoThumbDivs[index], { duration:1, from:0.0, to:1.0 });
  currentVideoThumb = index;
}