function MoveToAnswer(number)
  {
      var currentAnswer = document.getElementById("hdnAnswer").value;
      var value = number - parseInt(currentAnswer);
      var y = parseInt(value) * -100;
      new Effect.MoveBy('Answers', y, 0 , {duration: 0.4,  transition: Effect.Transitions.sinoidal, queue: 'end'});
      
      //change the current answer
      document.getElementById("hdnAnswer").value = number;
  }

  function MoveLeft()
  {
      var page = document.getElementById("hdnPage");
      var menu = document.getElementById("menuOver");
      
      //alert(page.value);
      
      //move the menu
      if (page.value == 1)
      {
           //music
           setFromPage("Page1");
           setToPage("Page4");
           
           menu.style.width = getMenuBoxSize("Page4");
           setMenuEffect(getX("left", "Page4"));
      }
      else if (page.value == 2)
      {
          //videos
          setFromPage("Page2");
          setToPage("Page1");
           
          menu.style.width = getMenuBoxSize("Page1");
          setMenuEffect(getX("left", "Page1"));
      }
      else if (page.value == 3)
      {
          //shows
          setFromPage("Page3");
          setToPage("Page2");
          
          menu.style.width = getMenuBoxSize("Page2");
          setMenuEffect(getX("left","Page2"));
      }
      else if (page.value == 4)
      {
          //Page4
          setFromPage("Page4");
          setToPage("Page3");
          
          menu.style.width = getMenuBoxSize("Page3");
          setMenuEffect(getX("left", "Page3"));
      }
      
      //move the big box
      if (page.value == 1)
      {
          setBoxEffect(-2628)
          page.value = 4;
      }
      else
      {
          setBoxEffect(876)
          var val = parseInt(page.value) - 1;
          page.value = val;
      }
  }
  
  function MoveRight()
  {
      var page = document.getElementById("hdnPage");
      var menu = document.getElementById("menuOver");
      
      //alert(page.value);
      
      //move the menu
      if (page.value == 1)
      {
           //music
           setFromPage("Page1");
           setToPage("Page2");
           
           menu.style.width = getMenuBoxSize("Page2");
           setMenuEffect(getX("right", "Page2"));
      }
      else if (page.value == 2)
      {
          //videos
          setFromPage("Page2");
          setToPage("Page3");
           
          menu.style.width = getMenuBoxSize("Page3");
          setMenuEffect(getX("right", "Page3"));
      }
      else if (page.value == 3)
      {
          //Page3
          setFromPage("Page3");
          setToPage("Page4");
          
          menu.style.width = getMenuBoxSize("Page4");
          setMenuEffect(getX("right", "Page4"));
      }
      else if (page.value == 4)
      {
          //Page4
          setFromPage("Page4");
          setToPage("Page1");
          
          menu.style.width = getMenuBoxSize("Page1");
          setMenuEffect(getX("right", "Page1"));
      }
      
      //move the big box
      if (page.value == 4)
      {
          var box = document.getElementById("BigBox");
          setBoxEffect(2628)
          page.value = 1;
      }
      else
      {
          setBoxEffect(-876)
          var val = parseInt(page.value) + 1;
          page.value = val;
      }
  }
  
  function clickPage1()
  {
      var page = document.getElementById("hdnPage").value;
      var menu = document.getElementById("menuOver");
      menu.style.width = getMenuBoxSize("Page1");

      
      if (page == 1)
      {
          //nothin' to do here
          return;
      }
      else if (page == 2)
      {
          setFromPage("Page2"); 
          
          setMenuEffect(-135);
          setBoxEffect(876);
      }
      else if (page == 3)
      {
          setFromPage("Page3");
          
          setMenuEffect(-270);
          setBoxEffect(1752);
      }
      else 
      {
          setFromPage("Page4");
      
          setMenuEffect(-405);
          setBoxEffect(2628);
      }
      
      setToPage("Page1");
      
      document.getElementById("hdnPage").value = 1;
			
			hideVideo();
  }
  
  function clickPage2()
  {
      var page = document.getElementById("hdnPage").value;
      var menu = document.getElementById("menuOver");
      menu.style.width = getMenuBoxSize("Page2");

      
      if (page == 1)
      {
          setFromPage("Page1");                  
          
          setMenuEffect(135);
          setBoxEffect(-876);
      }
      else if (page == 2)
      {
         return;
      }
      else if (page == 3)
      {
          setFromPage("Page3");
          
          setMenuEffect(-135);
          setBoxEffect(876);
      }
      else 
      {
          setFromPage("Page4");
      
          setMenuEffect(-270);
          setBoxEffect(1752);
      }
      
      setToPage("Page2");
      
      document.getElementById("hdnPage").value = 2;

			hideVideo();

  }
  
  function clickPage3()
  {
      var page = document.getElementById("hdnPage").value;
      var menu = document.getElementById("menuOver");
      menu.style.width = getMenuBoxSize("Page3");
      
      if (page == 1)
      {
          setFromPage("Page1");                  
          
          setMenuEffect(270);
          setBoxEffect(-1752);
      }
      else if (page == 2)
      {
          setFromPage("Page2"); 
          
          setMenuEffect(135);
          setBoxEffect(-876);
      }
      else if (page == 3)
      {
          //nothing to do here
          return;
      }
      else 
      {
          setFromPage("Page4");
      
          setMenuEffect(-135);
          setBoxEffect(876);
      }
      
      setToPage("Page3");
      
      document.getElementById("hdnPage").value = 3;
			
			// show container (fade in)
			var fade = document.getElementById( 'youtube_fade' );
			if( fade ) new Effect.Opacity('youtube_fade', { from: 0, to: 1, duration: 1 });
			else {
				fade = document.getElementById( 'youtube_fade_ws' );
				if( fade ) new Effect.Opacity('youtube_fade_ws', { from: 0, to: 1, duration: 1 });
			} // if / else
  }
  
  function clickPage4()
  {
      var page = document.getElementById("hdnPage").value;
      var menu = document.getElementById("menuOver");
      menu.style.width = getMenuBoxSize("Page4");

     
      if (page == 1)
      {
          setFromPage("Page1");                  
          
          setMenuEffect(405);
          setBoxEffect(-2628);
      }
      else if (page == 2)
      {
          setFromPage("Page2"); 
          
          setMenuEffect(270);
          setBoxEffect(-1752);
      }
      else if (page == 3)
      {
          setFromPage("Page3"); 
          
          setMenuEffect(135);
          setBoxEffect(-876);
      }
      else 
      {
          //nothin' to do here
          return;
      }
      
      setToPage("Page4");
      
      document.getElementById("hdnPage").value = 4;
			
			hideVideo();

  }
  
  function setToPage(page)
  {
      var toPage = document.getElementById("Menu" + page);
      toPage.className = page + "Over";
      toPage.style.color = "#fff"; //"#FBE97E";
  }
  
  function setFromPage(page)
  {
      var fromPage = document.getElementById("Menu" + page);
      fromPage.className = page;
      fromPage.style.color = "#ffffff";
  }
  
  function setMenuEffect(x)
  {
      new Effect.MoveBy('menuOver', 0, x, {
				duration: 0.2,  
				transition: Effect.Transitions.sinoidal, 
				queue: 'end'
			});
  }
  
  function setBoxEffect(x)
  {
      new Effect.MoveBy('BigBox', 0, x , {
				duration: 0.4,  
				transition: Effect.Transitions.sinoidal, 
				queue: 'end',
				beforeStart: OnStart,
				afterFinish: OnFinish
			});
  }
  
  function getMenuBoxSize(page)
  {
      if (page == "Page1")
          return "100px";
      else if (page == "Page2")
          return "100px";
      else if (page == "Page3")
          return "100px";
      else if (page == "Page4")
          return "100px";
  }
  
  function getX(direction, page)
  {
      if (direction == "left")
      {
          if (page == "Page1")
              return -135;
          else if (page == "Page2")
              return -135;
          else if (page == "Page3")
              return -135;
          else if (page == "Page4")
              return 405;
      }
      else //right
      {
          if (page == "Page1")
              return -405;
          else if (page == "Page2")
              return 135;
          else if (page == "Page3")
              return 135;
          else if (page == "Page4")
              return 135;
      }
  }

	function hideVideo() {
		var fade = document.getElementById( 'youtube_fade' );
		if( fade )
			new Effect.Opacity('youtube_fade', { from: 1, to: 0 });
		else {
			fade = document.getElementById( 'youtube_fade_ws' );
			if( fade ) new Effect.Opacity('youtube_fade_ws', { from: 1, to: 0 });
		}

		// make videos hidden 
		var elem = document.getElementById( 'youtube' );
		if( elem ) elem.style.visibility = "hidden";				
	}

	function showVideo() {			
		// make videos visible 
		var elem = document.getElementById( 'youtube' );
		if( elem ) elem.style.visibility = "visible";				
	}
	
	
	function OnFinish(obj){
		var elem = document.getElementById("hdnPage");
		if( elem && elem.value==3 ) showVideo();
		//else hideVideo();
	}

	function OnStart(obj) {
/*
		var elem = document.getElementById("hdnPage");
		if( elem && elem.value==2 )
	*/ 
	}