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

	$("scroll_inner2").setStyle("opacity", "0");
	var link_1 = document.createElement("a");
	link_1.setAttribute("href", "/assets/files/case_studies/bellstar_casestudy.pdf");
	var item_1 = document.createElement("img");
    item_1.setAttribute("src", "/assets/images/work/ourwork-1.jpg?id=" + $time());
    item_1.setAttribute("id", "item_1");
    item_1.setAttribute("className", "item");
    item_1.setAttribute("width", "946");
    item_1.setAttribute("height", "359");
	link_1.appendChild(item_1);
    $("scroll_inner2").appendChild(link_1);

	$("item_1").addEvent('load', function()
	{
    
	  $("scroll_inner2").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var link_2 = document.createElement("a");
	  link_2.setAttribute("href", "/assets/files/case_studies/Chomp_casestudy.pdf");
	  var item_2 = document.createElement("img");
	  item_2.setAttribute("src", "/assets/images/work/ourwork-2.jpg?id=" + $time());
	  item_2.setAttribute("id", "item_2");
	  item_2.setAttribute("className", "item");
	  item_2.setAttribute("width", "946");
	  item_2.setAttribute("height", "359");
	  link_2.appendChild(item_2);
	  $("scroll_inner2").appendChild(link_2);
   	  $("item_2").addEvent("load", check_all_loaded);
	  
	  
	  
	  $("scroll_inner2").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	   var link_3 = document.createElement("a");
	  link_3.setAttribute("href", "/assets/files/case_studies/headplay_casestudy.pdf");
	  var item_3 = document.createElement("img");
	  item_3.setAttribute("src", "/assets/images/work/ourwork-3.jpg?id=" + $time());
	  item_3.setAttribute("id", "item_3");
	  item_3.setAttribute("className", "item");
	  item_3.setAttribute("width", "946");
	  item_3.setAttribute("height", "359");
	  link_3.appendChild(item_3);
	  $("scroll_inner2").appendChild(link_3);
 	  $("item_3").addEvent("load", check_all_loaded);

	  $("scroll_inner2").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var link_4 = document.createElement("a");
	  link_4.setAttribute("href", "/assets/files/case_studies/emerging_casestudy.pdf");
	  var item_4 = document.createElement("img");
	  item_4.setAttribute("src", "/assets/images/work/ourwork-4.jpg?id=" + $time());
	  item_4.setAttribute("id", "item_4");
	  item_4.setAttribute("className", "item");
	  item_4.setAttribute("width", "946");
	  item_4.setAttribute("height", "359");
	  link_4.appendChild(item_4);
	  $("scroll_inner2").appendChild(link_4);
 	  $("item_4").addEvent("load", check_all_loaded);
	  
	  
	  $("scroll_inner2").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var link_5 = document.createElement("a");
	  link_5.setAttribute("href", "/assets/files/case_studies/nkmip_casestudy.pdf");
	  var item_5 = document.createElement("img");
	  item_5.setAttribute("src", "/assets/images/work/ourwork-5.jpg?id=" + $time());
	  item_5.setAttribute("id", "item_5");
	  item_5.setAttribute("className", "item");
	  item_5.setAttribute("width", "946");
	  item_5.setAttribute("height", "359");
  	  link_5.appendChild(item_5);
	  $("scroll_inner2").appendChild(link_5);
   	  $("item_5").addEvent("load", check_all_loaded);
	  
	  $("scroll_inner2").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var link_6 = document.createElement("a");
	  link_6.setAttribute("href", "/assets/files/case_studies/RealEstate_casestudy.pdf");
	  var item_6 = document.createElement("img");
	  item_6.setAttribute("src", "/assets/images/work/ourwork-6.jpg?id=" + $time());
	  item_6.setAttribute("id", "item_6");
	  item_6.setAttribute("className", "item");
	  item_6.setAttribute("width", "946");
	  item_6.setAttribute("height", "359");	  
	  link_6.appendChild(item_6);
	  $("scroll_inner2").appendChild(link_6);
   	  $("item_6").addEvent("load", check_all_loaded);
	  
	  $("scroll_inner2").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var link_7 = document.createElement("a");
	  link_7.setAttribute("href", "/assets/files/case_studies/lunchbox_casestudy.pdf");
	  var item_7 = document.createElement("img");
	  item_7.setAttribute("src", "/assets/images/work/ourwork-7.jpg?id=" + $time());
	  item_7.setAttribute("id", "item_7");
	  item_7.setAttribute("className", "item");
	  item_7.setAttribute("width", "946");
	  item_7.setAttribute("height", "359");
	  link_7.appendChild(item_7);
	  $("scroll_inner2").appendChild(link_7);
   	  $("item_7").addEvent("load", check_all_loaded);

	  
	  

	});

	function check_all_loaded()
	{
		load_count++;

		if(load_count >= 7)
		{
			 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 > 7)
				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");
			  });
			  
			  
			   $("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");
			  });
			  

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

		}
	}
});