var pictureShowing = 0;
var nowShowing = "";


function startUp()
{
  $("#box1").bind('mouseenter',1,showPic);
  $("#box2").bind('mouseenter',2,showPic);
  $("#box3").bind('mouseenter',3,showPic);
  $("#box4").bind('mouseenter',4,showPic);
  $("#box5").bind('mouseenter',5,showPic);
  $("#box6").bind('mouseenter',6,showPic);
  $("#box7").bind('mouseenter',7,showPic);
  $("#box8").bind('mouseenter',8,showPic);
  $("#box9").bind('mouseenter',9,showPic);
  $("#boxA").bind('mouseenter',10,showPic);
  $("#boxB").bind('mouseenter',11,showPic);
  $("#boxC").bind('mouseenter',12,showPic);
  $("#mannLogoLeft").bind('mouseenter',5,showPic);
  $("#mannLogoRight").bind('mouseenter',0,showPic);
  $("#menuEnvelope").bind('mouseenter',0,showPic);
  $("#outermostEnvelope").bind('mouseleave',0,showPic);
}

function showPic(e)
{
  var i = e.data;

  if (!fadeOut(i)) return;
  switch(i){
    case 1:
      nowShowing = "#b21;#b51;#b61";
      $('#b21').fadeTo(750,1);
      $('#b51').fadeTo(750,1);
      $('#b61').fadeTo(750,1);
      pictureShowing = 1;
      break;
    case 5:
      nowShowing = "#b15;#b25;#b65";
      $('#b15').fadeTo(750,1);
      $('#b25').fadeTo(750,1);
      $('#b65').fadeTo(750,1);
      pictureShowing = 5;
      break;
    case 9:
      nowShowing = "#b59;#b69;#ba9";
      $('#b59').fadeTo(750,1);
      $('#b69').fadeTo(750,1);
      $('#ba9').fadeTo(750,1);
      pictureShowing = 9;
      break;
    case 10:
      nowShowing = "#bba;#b6a;#b7a";
      $('#bba').fadeTo(750,1);
      $('#b6a').fadeTo(750,1);
      $('#b7a').fadeTo(750,1);
      pictureShowing = 10;
      break;
    case 11:
      nowShowing = "#b7b;#b8b;#bcb";
      $('#b7b').fadeTo(750,1);
      $('#b8b').fadeTo(750,1);
      $('#bcb').fadeTo(750,1);
      pictureShowing = 11;
      break;
    case 12:
      nowShowing = "#b7c;#b8c;#bbc";
      $('#b7c').fadeTo(750,1);
      $('#b8c').fadeTo(750,1);
      $('#bbc').fadeTo(750,1);
      pictureShowing = 12;
      break;
  }
}



function fadeOut(i) {
  var j;
  var s;

//  if (nowShowing.indexOf(i) > 0) return(false);
  if (nowShowing.length == 0) return(true);
  if (pictureShowing == i) return(false);
  s = nowShowing.split(';');
//for (j=0;j<s.length;j++) alert(s[j]);
  for (j=0;j<s.length;j++) $(s[j]).fadeTo(750,0);
  nowShowing = "";
  pictureShowing = 0;
  return(true);
}



$(document).ready(startUp);