
function initPage() {

  var showcase = document.getElementById("showcase");
  addEventHandler(showcase, "click", setLink);

}

function setLink(e) {
  var me = getActivatedObject(e);
  var selectedTab = me.id;


  var menu = document.getElementById("showcase").getElementsByTagName("a");
  for (var i=0; i<menu.length; i++) { 
    var currentTab = menu[i];
    if (currentTab.title == selectedTab) {
      currentTab.className = 'active';
    } else {
      currentTab.className = 'inactive';
    }
  }

  var request = createRequest();
  if (request == null) {
    alert("Unable to create request");
    return;
  }

  if (selectedTab == 'link1') {
  toggle1('showcasecontent1')
  toggle2('showcasecontent2')
  toggle2('showcasecontent3')

  }

  if (selectedTab == 'link2') {
  toggle2('showcasecontent1')
  toggle1('showcasecontent2')
  toggle2('showcasecontent3')

  }

  if (selectedTab == 'link3') {
  toggle2('showcasecontent1')
  toggle2('showcasecontent2')
  toggle1('showcasecontent3')

  }


}

function toggle1(id) { 
  var state = document.getElementById(id).style.display; 
    document.getElementById(id).style.display = 'block';
}


function toggle2(id) {
  var state = document.getElementById(id).style.display; 
    document.getElementById(id).style.display = 'none'; 

}
