window.addEvent("domready", function()
{
	var load_count = 1;
	var current_link = $("link1");

	$("scroll_inner").setStyle("opacity", "0");

	var item_1 = document.createElement("img");
    item_1.setAttribute("src", "../images/hgl.png?id=" + $time());
    item_1.setAttribute("id", "item_1");
    item_1.setAttribute("className", "item");
    item_1.setAttribute("width", "450");
    item_1.setAttribute("height", "350");
    $("scroll_inner").appendChild(item_1);

	$("item_1").addEvent('load', function()
	{
    
	  $("scroll_inner").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var item_2 = document.createElement("img");
	  item_2.setAttribute("src", "../images/pnh.png?id=" + $time());
	  item_2.setAttribute("id", "item_2");
	  item_2.setAttribute("className", "item");
	  item_2.setAttribute("width", "450");
	  item_2.setAttribute("height", "350");
	  $("scroll_inner").appendChild(item_2);
   	  $("item_2").addEvent("load", check_all_loaded);

	  $("scroll_inner").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var item_3 = document.createElement("img");
	  item_3.setAttribute("src", "../images/fig.png?id=" + $time());
	  item_3.setAttribute("id", "item_3");
	  item_3.setAttribute("className", "item");
	  item_3.setAttribute("width", "450");
	  item_3.setAttribute("height", "350");
	  $("scroll_inner").appendChild(item_3);
 	  $("item_3").addEvent("load", check_all_loaded);

	  $("scroll_inner").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var item_4 = document.createElement("img");
	  item_4.setAttribute("src", "../images/dp.png?id=" + $time());
	  item_4.setAttribute("id", "item_4");
	  item_4.setAttribute("className", "item");
	  item_4.setAttribute("width", "450");
	  item_4.setAttribute("height", "350");
	  $("scroll_inner").appendChild(item_4);
 	  $("item_4").addEvent("load", check_all_loaded);
	  
	  $("scroll_inner").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var item_5 = document.createElement("img");
	  item_5.setAttribute("src", "../images/lm.png?id=" + $time());
	  item_5.setAttribute("id", "item_5");
	  item_5.setAttribute("className", "item");
	  item_5.setAttribute("width", "450");
	  item_5.setAttribute("height", "350");
	  $("scroll_inner").appendChild(item_5);
 	  $("item_5").addEvent("load", check_all_loaded);
	  
	  $("scroll_inner").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var item_6 = document.createElement("img");
	  item_6.setAttribute("src", "../images/sfc.png?id=" + $time());
	  item_6.setAttribute("id", "item_6");
	  item_6.setAttribute("className", "item");
	  item_6.setAttribute("width", "450");
	  item_6.setAttribute("height", "350");
	  $("scroll_inner").appendChild(item_6);
 	  $("item_6").addEvent("load", check_all_loaded);
	  
	  $("scroll_inner").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var item_7 = document.createElement("img");
	  item_7.setAttribute("src", "../images/epr.png?id=" + $time());
	  item_7.setAttribute("id", "item_7");
	  item_7.setAttribute("className", "item");
	  item_7.setAttribute("width", "450");
	  item_7.setAttribute("height", "350");
	  $("scroll_inner").appendChild(item_7);
 	  $("item_7").addEvent("load", check_all_loaded);
	  
	   $("scroll_inner").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var item_8 = document.createElement("img");
	  item_8.setAttribute("src", "../images/bio.png?id=" + $time());
	  item_8.setAttribute("id", "item_8");
	  item_8.setAttribute("className", "item");
	  item_8.setAttribute("width", "450");
	  item_8.setAttribute("height", "350");
	  $("scroll_inner").appendChild(item_8);
 	  $("item_8").addEvent("load", check_all_loaded);
	});

	function check_all_loaded()
	{
		load_count++;

		if(load_count >= 8)
		{
			 var scroll = new Fx.Scroll("scroll_wrapper", 
			  {
				wait: false,
				duration: 500,
				wheelStops: false,
				transition: Fx.Transitions.Quad.easeInOut
			  });

			  // make sure we are on the first frame
			  scroll.toElement("item_1");

			  var index = 1;

			  var timer = window.setInterval(function()
			  {
				index++;
				if(index > 8)
				index = 1;

				current_link.className = "";
				$("link" + index).className = "active_link";
				current_link = $("link" + index);

				scroll.toElement("item_" + index);
			  }, 6000);
				 
			  $("link1").addEvent("click", function(event)
			  {
				$clear(timer);
				event = new Event(event).stop();

				current_link.className = "";
				$("link1").className = "active_link";
				current_link = $("link1");

				scroll.toElement("item_1");
			  });

			  $("link2").addEvent("click", function(event)
			  {
				$clear(timer);
				event = new Event(event).stop();

				current_link.className = "";
				$("link2").className = "active_link";
				current_link = $("link2");

				scroll.toElement("item_2");
			  });

			  $("link3").addEvent("click", function(event)
			  {
				$clear(timer);
				event = new Event(event).stop();

				current_link.className = "";
				$("link3").className = "active_link";
				current_link = $("link3");

				scroll.toElement("item_3");
			  });

			  $("link4").addEvent("click", function(event)
			  {
				$clear(timer);
				event = new Event(event).stop();

				current_link.className = "";
				$("link4").className = "active_link";
				current_link = $("link4");

				scroll.toElement("item_4");
			  });

 				$("link5").addEvent("click", function(event)
			  {
				$clear(timer);
				event = new Event(event).stop();

				current_link.className = "";
				$("link5").className = "active_link";
				current_link = $("link5");

				scroll.toElement("item_5");
			  });
				
				$("link6").addEvent("click", function(event)
			  {
				$clear(timer);
				event = new Event(event).stop();

				current_link.className = "";
				$("link6").className = "active_link";
				current_link = $("link6");

				scroll.toElement("item_6");
			  });
				
				$("link7").addEvent("click", function(event)
			  {
				$clear(timer);
				event = new Event(event).stop();

				current_link.className = "";
				$("link7").className = "active_link";
				current_link = $("link7");

				scroll.toElement("item_7");
			  });
				
				$("link8").addEvent("click", function(event)
			  {
				$clear(timer);
				event = new Event(event).stop();

				current_link.className = "";
				$("link8").className = "active_link";
				current_link = $("link8");

				scroll.toElement("item_8");
			  });
				
			  $("scroll_links").setStyle("opacity", 0);
			  $("scroll_links").setStyle("display", "block");
			  $("scroll_links").effect("opacity", {duration: 1000}).start(0.0, 1.0);

		}
	}
});