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

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

	// add all of the Victoria text links
	var link_1 = document.createElement("a");
	link_1.setAttribute("href", "/victoria/top-picks/browse");
	link_1.setAttribute("id", "victoria-picks");
	link_1.innerHTML="chomp! Picks";
	$("scroll_inner").appendChild(link_1);
	$("victoria-picks").setStyle("position", "absolute");
	$("victoria-picks").setStyle("top", "45px");
	$("victoria-picks").setStyle("left", "622px");

	var link_2 = document.createElement("a");
	link_2.setAttribute("href", "/victoria/restaurants/top-rated");
	link_2.setAttribute("id", "victoria-top-rated");
	link_2.innerHTML="Top Rated";
	$("scroll_inner").appendChild(link_2);
	$("victoria-top-rated").setStyle("position", "absolute");
	$("victoria-top-rated").setStyle("top", "65px");
	$("victoria-top-rated").setStyle("left", "622px");

	var link_3 = document.createElement("a");
	link_3.setAttribute("href", "http://twitter.com/chompvictoria");
	link_3.setAttribute("id", "victoria-twitter");
	link_3.innerHTML="Victoria Twitter";
	$("scroll_inner").appendChild(link_3);
	$("victoria-twitter").setStyle("position", "absolute");
	$("victoria-twitter").setStyle("top", "85px");
	$("victoria-twitter").setStyle("left", "622px");

	var link_4 = document.createElement("a");
	link_4.setAttribute("href", "/victoria/hot-spots/oak-bay-village");
	link_4.setAttribute("id", "victoria-hotspot-1");
	link_4.innerHTML="Oak Bay Village";
	$("scroll_inner").appendChild(link_4);
	$("victoria-hotspot-1").setStyle("position", "absolute");
	$("victoria-hotspot-1").setStyle("top", "145px");
	$("victoria-hotspot-1").setStyle("left", "622px");

	var link_5 = document.createElement("a");
	link_5.setAttribute("href", "/victoria/hot-spots/chinatown-1");
	link_5.setAttribute("id", "victoria-hotspot-2");
	link_5.innerHTML="Chinatown";
	$("scroll_inner").appendChild(link_5);
	$("victoria-hotspot-2").setStyle("position", "absolute");
	$("victoria-hotspot-2").setStyle("top", "165px");
	$("victoria-hotspot-2").setStyle("left", "622px");

	var link_6 = document.createElement("a");
	link_6.setAttribute("href", "/victoria/hot-spots/cook-street-village");
	link_6.setAttribute("id", "victoria-hotspot-3");
	link_6.innerHTML="Cook Street Village";
	$("scroll_inner").appendChild(link_6);
	$("victoria-hotspot-3").setStyle("position", "absolute");
	$("victoria-hotspot-3").setStyle("top", "185px");
	$("victoria-hotspot-3").setStyle("left", "622px");

	var link_7 = document.createElement("a");
	link_7.setAttribute("href", "/victoria");
	link_7.setAttribute("id", "victoria-browse-city");
	link_7.innerHTML="<img border='0' src=\"/img/city/browse-city.jpg\" />";
	$("scroll_inner").appendChild(link_7);
	$("victoria-browse-city").setStyle("position", "absolute");
	$("victoria-browse-city").setStyle("top", "210px");
	$("victoria-browse-city").setStyle("left", "622px");
	$("victoria-browse-city").setStyle("border", "none");

	// add all of the Vancouver text links
	var link_8 = document.createElement("a");
	link_8.setAttribute("href", "/vancouver/top-picks/browse");
	link_8.setAttribute("id", "vancouver-picks");
	link_8.innerHTML="chomp! Picks";
	$("scroll_inner").appendChild(link_8);
	$("vancouver-picks").setStyle("position", "absolute");
	$("vancouver-picks").setStyle("top", "45px");
	$("vancouver-picks").setStyle("left", "1391px");

	var link_9 = document.createElement("a");
	link_9.setAttribute("href", "/vancouver/restaurants/top-rated");
	link_9.setAttribute("id", "vancouver-top-rated");
	link_9.innerHTML="Top Rated";
	$("scroll_inner").appendChild(link_9);
	$("vancouver-top-rated").setStyle("position", "absolute");
	$("vancouver-top-rated").setStyle("top", "65px");
	$("vancouver-top-rated").setStyle("left", "1391px");

	var link_10 = document.createElement("a");
	link_10.setAttribute("href", "http://twitter.com/chompvancouver");
	link_10.setAttribute("id", "vancouver-twitter");
	link_10.innerHTML="Vancouver Twitter";
	$("scroll_inner").appendChild(link_10);
	$("vancouver-twitter").setStyle("position", "absolute");
	$("vancouver-twitter").setStyle("top", "85px");
	$("vancouver-twitter").setStyle("left", "1391px");

	var link_11 = document.createElement("a");
	link_11.setAttribute("href", "/vancouver/hot-spots/cambie-street");
	link_11.setAttribute("id", "vancouver-hotspot-1");
	link_11.innerHTML="Cambie Street";
	$("scroll_inner").appendChild(link_11);
	$("vancouver-hotspot-1").setStyle("position", "absolute");
	$("vancouver-hotspot-1").setStyle("top", "145px");
	$("vancouver-hotspot-1").setStyle("left", "1391px");

	var link_12 = document.createElement("a");
	link_12.setAttribute("href", "/vancouver/hot-spots/chinatown-2");
	link_12.setAttribute("id", "vancouver-hotspot-2");
	link_12.innerHTML="Chinatown";
	$("scroll_inner").appendChild(link_12);
	$("vancouver-hotspot-2").setStyle("position", "absolute");
	$("vancouver-hotspot-2").setStyle("top", "165px");
	$("vancouver-hotspot-2").setStyle("left", "1391px");

	var link_13 = document.createElement("a");
	link_13.setAttribute("href", "/vancouver/hot-spots/commercial-drive");
	link_13.setAttribute("id", "vancouver-hotspot-3");
	link_13.innerHTML="Commercial Drive";
	$("scroll_inner").appendChild(link_13);
	$("vancouver-hotspot-3").setStyle("position", "absolute");
	$("vancouver-hotspot-3").setStyle("top", "185px");
	$("vancouver-hotspot-3").setStyle("left", "1391px");

	var link_14 = document.createElement("a");
	link_14.setAttribute("href", "/vancouver");
	link_14.setAttribute("id", "vancouver-browse-city");
	link_14.innerHTML="<img border='0' src=\"/img/city/browse-city.jpg\" />";
	$("scroll_inner").appendChild(link_14);
	$("vancouver-browse-city").setStyle("position", "absolute");
	$("vancouver-browse-city").setStyle("top", "210px");
	$("vancouver-browse-city").setStyle("left", "1391px");
	$("vancouver-browse-city").setStyle("border", "none");

	// add all of the Whistler text links
	var link_15 = document.createElement("a");
	link_15.setAttribute("href", "/whistler/top-picks/browse");
	link_15.setAttribute("id", "whistler-picks");
	link_15.innerHTML="chomp! Picks";
	$("scroll_inner").appendChild(link_15);
	$("whistler-picks").setStyle("position", "absolute");
	$("whistler-picks").setStyle("top", "45px");
	$("whistler-picks").setStyle("left", "2160px");

	var link_16 = document.createElement("a");
	link_16.setAttribute("href", "/whistler/restaurants/top-rated");
	link_16.setAttribute("id", "whistler-top-rated");
	link_16.innerHTML="Top Rated";
	$("scroll_inner").appendChild(link_16);
	$("whistler-top-rated").setStyle("position", "absolute");
	$("whistler-top-rated").setStyle("top", "65px");
	$("whistler-top-rated").setStyle("left", "2160px");

	var link_17 = document.createElement("a");
	link_17.setAttribute("href", "http://twitter.com/chompwhistler");
	link_17.setAttribute("id", "whistler-twitter");
	link_17.innerHTML="Whistler Twitter";
	$("scroll_inner").appendChild(link_17);
	$("whistler-twitter").setStyle("position", "absolute");
	$("whistler-twitter").setStyle("top", "85px");
	$("whistler-twitter").setStyle("left", "2160px");

	var link_18 = document.createElement("a");
	link_18.setAttribute("href", "/whistler/hot-spots/creekside");
	link_18.setAttribute("id", "whistler-hotspot-1");
	link_18.innerHTML="Creekside";
	$("scroll_inner").appendChild(link_18);
	$("whistler-hotspot-1").setStyle("position", "absolute");
	$("whistler-hotspot-1").setStyle("top", "145px");
	$("whistler-hotspot-1").setStyle("left", "2160px");

	var link_19 = document.createElement("a");
	link_19.setAttribute("href", "/whistler/hot-spots/upper-village");
	link_19.setAttribute("id", "whistler-hotspot-2");
	link_19.innerHTML="Upper Village";
	$("scroll_inner").appendChild(link_19);
	$("whistler-hotspot-2").setStyle("position", "absolute");
	$("whistler-hotspot-2").setStyle("top", "165px");
	$("whistler-hotspot-2").setStyle("left", "2160px");

	var link_20 = document.createElement("a");
	link_20.setAttribute("href", "/whistler/hot-spots/whistler-village");
	link_20.setAttribute("id", "whistler-hotspot-3");
	link_20.innerHTML="Whistler Village";
	$("scroll_inner").appendChild(link_20);
	$("whistler-hotspot-3").setStyle("position", "absolute");
	$("whistler-hotspot-3").setStyle("top", "185px");
	$("whistler-hotspot-3").setStyle("left", "2160px");

	var link_21 = document.createElement("a");
	link_21.setAttribute("href", "/whistler");
	link_21.setAttribute("id", "whistler-browse-city");
	link_21.innerHTML="<img border='0' src=\"/img/city/browse-city.jpg\" />";
	$("scroll_inner").appendChild(link_21);
	$("whistler-browse-city").setStyle("position", "absolute");
	$("whistler-browse-city").setStyle("top", "210px");
	$("whistler-browse-city").setStyle("left", "2160px");
	$("whistler-browse-city").setStyle("border", "none");

	// add all of the Calgary text links
	var link_22 = document.createElement("a");
	link_22.setAttribute("href", "/calgary/top-picks/browse");
	link_22.setAttribute("id", "calgary-picks");
	link_22.innerHTML="chomp! Picks";
	$("scroll_inner").appendChild(link_22);
	$("calgary-picks").setStyle("position", "absolute");
	$("calgary-picks").setStyle("top", "45px");
	$("calgary-picks").setStyle("left", "2929px");

	var link_23 = document.createElement("a");
	link_23.setAttribute("href", "/calgary/restaurants/top-rated");
	link_23.setAttribute("id", "calgary-top-rated");
	link_23.innerHTML="Top Rated";
	$("scroll_inner").appendChild(link_23);
	$("calgary-top-rated").setStyle("position", "absolute");
	$("calgary-top-rated").setStyle("top", "65px");
	$("calgary-top-rated").setStyle("left", "2929px");

	var link_24 = document.createElement("a");
	link_24.setAttribute("href", "http://twitter.com/chompcalgary");
	link_24.setAttribute("id", "calgary-twitter");
	link_24.innerHTML="calgary Twitter";
	$("scroll_inner").appendChild(link_24);
	$("calgary-twitter").setStyle("position", "absolute");
	$("calgary-twitter").setStyle("top", "85px");
	$("calgary-twitter").setStyle("left", "2929px");

	var link_25 = document.createElement("a");
	link_25.setAttribute("href", "/calgary/hot-spots/17th-avenue-sw");
	link_25.setAttribute("id", "calgary-hotspot-1");
	link_25.innerHTML="17th Avenue SW";
	$("scroll_inner").appendChild(link_25);
	$("calgary-hotspot-1").setStyle("position", "absolute");
	$("calgary-hotspot-1").setStyle("top", "145px");
	$("calgary-hotspot-1").setStyle("left", "2929px");

	var link_26 = document.createElement("a");
	link_26.setAttribute("href", "/calgary/hot-spots/downtown");
	link_26.setAttribute("id", "calgary-hotspot-2");
	link_26.innerHTML="Downtown";
	$("scroll_inner").appendChild(link_26);
	$("calgary-hotspot-2").setStyle("position", "absolute");
	$("calgary-hotspot-2").setStyle("top", "165px");
	$("calgary-hotspot-2").setStyle("left", "2929px");

	var link_27 = document.createElement("a");
	link_27.setAttribute("href", "/calgary/hot-spots/stephen-avenue");
	link_27.setAttribute("id", "calgary-hotspot-3");
	link_27.innerHTML="Stephen Avenue";
	$("scroll_inner").appendChild(link_27);
	$("calgary-hotspot-3").setStyle("position", "absolute");
	$("calgary-hotspot-3").setStyle("top", "185px");
	$("calgary-hotspot-3").setStyle("left", "2929px");

	var link_28 = document.createElement("a");
	link_28.setAttribute("href", "/calgary");
	link_28.setAttribute("id", "calgary-browse-city");
	link_28.innerHTML="<img border='0' src=\"/img/city/browse-city.jpg\" />";
	$("scroll_inner").appendChild(link_28);
	$("calgary-browse-city").setStyle("position", "absolute");
	$("calgary-browse-city").setStyle("top", "210px");
	$("calgary-browse-city").setStyle("left", "2929px");
	$("calgary-browse-city").setStyle("border", "none");

	var image_1 = document.createElement("img");
	$("scroll_inner").appendChild(image_1);

	image_1.setAttribute("id", "image_1");	
	$("image_1").setAttribute("width", "769");
	$("image_1").setAttribute("height", "262");
	image_1.setAttribute("src", "/img/city/victoria.jpg?id=" + $time());

	$("image_1").addEvent('load', function()
	{
		$("scroll_inner").effect("opacity", {duration: 1000}).start(0.0, 1.0);
	
		var image_2 = document.createElement("img");
		$("scroll_inner").appendChild(image_2);

		image_2.setAttribute("id", "image_2");	
		$("image_2").setAttribute("width", "769");
		$("image_2").setAttribute("height", "262");
		$("image_2").setAttribute("src", "/img/city/vancouver.jpg?id=" + $time());

		$("image_2").addEvent("load", check_all_loaded);

		var image_3 = document.createElement("img");
		$("scroll_inner").appendChild(image_3);

		image_3.setAttribute("id", "image_3");	
		$("image_3").setAttribute("width", "769");
		$("image_3").setAttribute("height", "262");
		$("image_3").setAttribute("src", "/img/city/whistler.jpg?id=" + $time());

		$("image_3").addEvent("load", check_all_loaded);

		var image_4 = document.createElement("img");
		$("scroll_inner").appendChild(image_4);

		image_4.setAttribute("id", "image_4");	
		$("image_4").setAttribute("width", "769");
		$("image_4").setAttribute("height", "262");
		$("image_4").setAttribute("src", "/img/city/calgary.jpg?id=" + $time());

		$("image_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("image_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("image_" + 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("image_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("image_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("image_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("image_4");
			  });

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

		}
	}
});