/*function $(id){
  return document.getElementById(id);
}*/


//rewrite from here on out:

var cont1 = new Animator({duration: 1000}).addSubject(fade1);
var cont2 = new Animator({duration: 1000}).addSubject(fade2);
var cont3 = new Animator({duration: 1000}).addSubject(fade3);

function goInsane(id){
 if(id == 1){
  cont1.seekTo(1);
  cont2.seekTo(0);
  cont3.seekTo(0);
 } else if(id == 2){
  cont1.seekTo(0);
  cont2.seekTo(1);
  cont3.seekTo(0);
 } else {
  cont1.seekTo(0);
  cont2.seekTo(0);
  cont3.seekTo(1);
 }
}

function fade1(value){
 if(value > 0){
  document.getElementById("sickntwisted").style.display = "block";
 } else {
  document.getElementById("sickntwisted").style.display = "none";
 }
  document.getElementById("sickntwisted").style.opacity = value;
  document.getElementById("sickntwisted").style.filter = "alpha(opacity=" + value * 100 + ")";
}

function fade2(value){
 if(value > 0){
  document.getElementById("galacticallyintense").style.display = "block";
 } else {
  document.getElementById("galacticallyintense").style.display = "none";
 }
  document.getElementById("galacticallyintense").style.opacity = value;
  document.getElementById("galacticallyintense").style.filter = "alpha(opacity=" + value * 100 + ")";
}

function fade3(value){
 if(value > 0){
  document.getElementById("dope").style.display = "block";
 } else {
  document.getElementById("dope").style.display = "none";
 }
  document.getElementById("dope").style.opacity = value;
  document.getElementById("dope").style.filter = "alpha(opacity=" + value * 100 + ")";
}



var gal = new Animator({transition: Animator.tx.linear, duration: 1000}).addSubject(galMove);

function galMove(value){
 document.getElementById("galcontainer").style.marginLeft = "-" + value * 2100 + "px";
}

function newGalCat(toCat){
 gal.seekTo(toCat);
}