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

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

	var item_1_img = document.createElement("img");
    item_1_img.setAttribute("src", "http://www.compugeeks.net/themes/site_themes/AdnaTemplate/assets/images/home/header-1.jpg?id=" + $time());
    item_1_img.setAttribute("id", "item_1");
    item_1_img.setAttribute("className", "item");
    item_1_img.setAttribute("width", "942");
    item_1_img.setAttribute("height", "320");
    
    var item_1 = document.createElement("a");
    item_1.setAttribute("href", "http://www.compugeeks.net/it-services");
    
    item_1.appendChild(item_1_img);
    $("showcase_inside").appendChild(item_1);

	$("item_1").addEvent('load', function()
	{
    
	  $("showcase_inside").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var item_2_img = document.createElement("img");
	  item_2_img.setAttribute("src", "http://www.compugeeks.net/themes/site_themes/AdnaTemplate/assets/images/home/header-2-2.jpg?id=" + $time());
	  item_2_img.setAttribute("id", "item_2");
	  item_2_img.setAttribute("className", "item");
	  item_2_img.setAttribute("width", "942");
	  item_2_img.setAttribute("height", "320");
   	  var item_2 = document.createElement("a");
      item_2.setAttribute("href", "http://www.compugeeks.net/cms.php/web-development");
      item_2.appendChild(item_2_img);
	  $("showcase_inside").appendChild(item_2);
   	  $("item_2").addEvent("load", check_all_loaded);

	  $("showcase_inside").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var item_3_img = document.createElement("img");
	  item_3_img.setAttribute("src", "http://www.compugeeks.net/themes/site_themes/AdnaTemplate/assets/images/home/header-3.jpg?id=" + $time());
	  item_3_img.setAttribute("id", "item_3");
	  item_3_img.setAttribute("className", "item");
	  item_3_img.setAttribute("width", "942");
	  item_3_img.setAttribute("height", "320");
      var item_3 = document.createElement("a");
      item_3.setAttribute("href", "http://www.compugeeks.net/cms.php/it-services");   
      item_3.appendChild(item_3_img);      
	  $("showcase_inside").appendChild(item_3);
 	  $("item_3").addEvent("load", check_all_loaded);

	  $("showcase_inside").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var item_4_img = document.createElement("img");
	  item_4_img.setAttribute("src", "http://www.compugeeks.net/themes/site_themes/AdnaTemplate/assets/images/home/header-4.jpg?id=" + $time());
	  item_4_img.setAttribute("id", "item_4");
	  item_4_img.setAttribute("className", "item");
	  item_4_img.setAttribute("width", "942");
	  item_4_img.setAttribute("height", "320"); 
      var item_4 = document.createElement("a");
      item_4.setAttribute("href", "http://www.compugeeks.net/cms.php/it-services");
      item_4.appendChild(item_4_img);
	  $("showcase_inside").appendChild(item_4);
 	  $("item_4").addEvent("load", check_all_loaded);
	  
	  $("showcase_inside").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	  var item_5_img = document.createElement("img");
	  item_5_img.setAttribute("src", "http://www.compugeeks.net/themes/site_themes/AdnaTemplate/assets/images/home/header-5.jpg?id=" + $time());
	  item_5_img.setAttribute("id", "item_5");
	  item_5_img.setAttribute("className", "item");
	  item_5_img.setAttribute("width", "942");
	  item_5_img.setAttribute("height", "320"); 
      var item_5 = document.createElement("a");
      item_5.setAttribute("href", "http://www.compugeeks.net/cms.php/vgosh");
      item_5.appendChild(item_5_img);
	  $("showcase_inside").appendChild(item_5);
 	  $("item_5").addEvent("load", check_all_loaded);	  
	});

	function check_all_loaded()
	{
		load_count++;

		if(load_count >= 5)
		{
			 var scroll = new Fx.Scroll("showcase_container", 
			  {
				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 > 5)
				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");
			  });

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

		}
	}
});