var tekst = new Array(6);
var timerID;
var teller;
var line;
var bericht;
var Klaar;

function LaadPlaatjes()
{
	Klaar = 0;
	Trail1 = new Image();
	Trail1_ = new Image();
	Trail2 = new Image();
	Trail2_ = new Image();
	Trail3 = new Image();
	Trail3_ = new Image();
	Trail4 = new Image();
	Trail4_ = new Image();
	Trail5 = new Image();
	Trail5_ = new Image();
	Trail6 = new Image();
	Trail6_ = new Image();
	Trail7 = new Image();
	Trail7_ = new Image();
	Trail8 = new Image();
	Trail8_ = new Image();
	Trail9 = new Image();
	Trail9_ = new Image();
	Foto1 = new Image();
	Foto2 = new Image();
	Foto3 = new Image();
	Foto4 = new Image();
	Foto5 = new Image();
	Foto6 = new Image();
	Foto7 = new Image();
	Foto8 = new Image();
	Foto9 = new Image();
	Map1 = new Image();
	Map2 = new Image();
	Map3 = new Image();
	Map4 = new Image();
	Map5 = new Image();
	Map6 = new Image();
	Map7 = new Image();
	Map8 = new Image();
	Map9 = new Image();

	Back = new Image();
	Back_ = new Image();

	Trail1.src = "../images/trail1.jpg";
	Trail1_.src = "../images/trail1_.jpg";
	Trail2.src = "../images/trail2.jpg";
	Trail2_.src = "../images/trail2_.jpg";
	Trail3.src = "../images/trail3.jpg";
	Trail3_.src = "../images/trail3_.jpg";
	Trail4.src = "../images/trail4.jpg";
	Trail4_.src = "../images/trail4_.jpg";
	Trail5.src = "../images/trail5.jpg";
	Trail5_.src = "../images/trail5_.jpg";
	Trail6.src = "../images/trail6.jpg";
	Trail6_.src = "../images/trail6_.jpg";
	Trail7.src = "../images/trail7.jpg";
	Trail7_.src = "../images/trail7_.jpg";
	Trail8.src = "../images/trail8.jpg";
	Trail8_.src = "../images/trail8_.jpg";
	Trail9.src = "../images/trail9.jpg";
	Trail9_.src = "../images/trail9_.jpg";
	Foto1.src = "../images/trailfoto1.jpg";
	Foto2.src = "../images/trailfoto2.jpg";

	Foto3.src = "../images/trailfoto3.jpg";
	Foto4.src = "../images/trailfoto4.jpg";
	Foto5.src = "../images/trailfoto5.jpg";
	Foto6.src = "../images/trailfoto6.jpg";
	Foto7.src = "../images/trailfoto7.jpg";
	Foto8.src = "../images/trailfoto8.jpg";
	Foto9.src = "../images/trailfoto9.jpg";
	Map1.src = "../images/map1.jpg";
	Map2.src = "../images/map2.jpg";
	Map3.src = "../images/map3.jpg";
	Map4.src = "../images/map4.jpg";
	Map5.src = "../images/map5.jpg";
	Map6.src = "../images/map6.jpg";
	Map7.src = "../images/map7.jpg";
	Map8.src = "../images/map8.jpg";
	Map9.src = "../images/map9.jpg";

	Back.src = "../images/back.jpg";
	Back_.src = "../images/back_.jpg";

	tekst[0] = "SAS Travel - Inka Trail to Machu Picchu.";
	tekst[1] = "The Inka Trail is a once in a lifetime experience!";
	tekst[2] = "SAS Travel - Reliable and Professional.";
	tekst[3] = "The Inka Trail: The highlight trek of South America.";
	tekst[4] = "SAS Travel - Original outfitters, Environmentally sensitive.";
	tekst[5] = "SAS Travel - South American Sites specialist operator";
	line = 0;
	teller = 0;
	bericht = tekst[line] + "                                        ";
	document.Everything.T1.value = bericht;

	timerID = setTimeout("InitScrollBar()", 5000);
	Klaar = 1;
}

function InitScrollBar()
{
	timerID = setInterval("ScrollBar()", 300);
}

function ScrollBar()
{
	var volgende;

	if (teller < bericht.length)
	{
		teller = teller + 1;
	}
	else
	{
		teller = 1;
		line = line + 1;
		if (line >= tekst.length)
		{
			line = 0;
		}
		bericht = tekst[line] + "                                        ";
	}

	volgende = line + 1;
	if (volgende >= tekst.length)
	{
		volgende = 0;
	}

	document.Everything.T1.value = bericht.substr(teller, (bericht.length - teller)) + tekst[volgende];
}

function HighLight(nummer)
{
  if (Klaar == 1)
  {
	document.images.TrailImage1.src = Trail1.src;
	document.images.TrailImage2.src = Trail2.src;
	document.images.TrailImage3.src = Trail3.src;
	document.images.TrailImage4.src = Trail4.src;
	document.images.TrailImage5.src = Trail5.src;
	document.images.TrailImage6.src = Trail6.src;
	document.images.TrailImage7.src = Trail7.src;
	document.images.TrailImage8.src = Trail8.src;
	document.images.TrailImage9.src = Trail9.src;
	
	HideAllLayers();

	if (nummer == 1)
	{
		document.images.TrailImage1.src = Trail1_.src;
		document.images.FotoImage.src = Foto1.src;
		document.images.MapImage.src = Map1.src;
	}
	if (nummer == 2)
	{
		document.images.TrailImage2.src = Trail2_.src;
		document.images.FotoImage.src = Foto2.src;
		document.images.MapImage.src = Map2.src;
	}
	if (nummer == 3)
	{
		document.images.TrailImage3.src = Trail3_.src;
		document.images.FotoImage.src = Foto3.src;
		document.images.MapImage.src = Map3.src;
	}
	if (nummer == 4)
	{
		document.images.TrailImage4.src = Trail4_.src;
		document.images.FotoImage.src = Foto4.src;
		document.images.MapImage.src = Map4.src;
	}
	if (nummer == 5)
	{
		document.images.TrailImage5.src = Trail5_.src;
		document.images.FotoImage.src = Foto5.src;
		document.images.MapImage.src = Map5.src;
	}
	if (nummer == 6)
	{
		document.images.TrailImage6.src = Trail6_.src;
		document.images.FotoImage.src = Foto6.src;
		document.images.MapImage.src = Map6.src;
	}
	if (nummer == 7)
	{
		document.images.TrailImage7.src = Trail7_.src;
		document.images.FotoImage.src = Foto7.src;
		document.images.MapImage.src = Map7.src;
	}
	if (nummer == 8)
	{
		document.images.TrailImage8.src = Trail8_.src;
		document.images.FotoImage.src = Foto8.src;
		document.images.MapImage.src = Map8.src;
	}
	if (nummer == 9)
	{
		document.images.TrailImage9.src = Trail9_.src;
		document.images.FotoImage.src = Foto9.src;
		document.images.MapImage.src = Map9.src;
	}
	
	ShowLayer('text_' + nummer);
  }
}

function HideAllLayers()
{
	HideLayer('text_1');
	HideLayer('text_2');
	HideLayer('text_3');
	HideLayer('text_4');
	HideLayer('text_5');
	HideLayer('text_6');
	HideLayer('text_7');
	HideLayer('text_8');
	HideLayer('text_9');
}

function HideLayer(layerID) {
	document.getElementById(layerID).style.display = "none";
}

function ShowLayer(layerID) {
	document.getElementById(layerID).style.display = "block";
}