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", "http://ihckc.com/images/ihc_temp1.jpg?id=" + $time());
    item_1.setAttribute("id", "item_1");
    item_1.setAttribute("className", "item");
    item_1.setAttribute("width", "932");
    item_1.setAttribute("height", "359");
    $("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", "http://ihckc.com/images/ihc_temp2.jpg?id=" + $time());
	  item_2.setAttribute("id", "item_2");
	  item_2.setAttribute("className", "item");
	  item_2.setAttribute("width", "932");
	  item_2.setAttribute("height", "359");
	  $("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", "http://ihckc.com/images/ihc_temp3.jpg?id=" + $time());
	  item_3.setAttribute("id", "item_3");
	  item_3.setAttribute("className", "item");
	  item_3.setAttribute("width", "932");
	  item_3.setAttribute("height", "359");
	  $("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", "http://ihckc.com/images/ihc_temp4.jpg?id=" + $time());
	  item_4.setAttribute("id", "item_4");
	  item_4.setAttribute("className", "item");
	  item_4.setAttribute("width", "932");
	  item_4.setAttribute("height", "359");
	  $("scroll_inner").appendChild(item_4);
 	  $("item_4").addEvent("load", check_all_loaded);
	});

	function check_all_loaded()
	{
		load_count++;

		if(load_count >= 4)
		{
			 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 > 4)
				index = 1;

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

				scroll.toElement("item_" + index);
			  }, 8000);
				 
			  $("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");
			  });

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

		}
	}
});