﻿var slideShow = {
	slideElements: [['01.jpg', 'Sauland - det gode bosted!', 'Sauland er etter v&aring;rt syn definisjonen av det gode bosted. Her finner man den livstil man s&oslash;ker - enten det er behov for ro og rom - eller mer sentrumsn&aelig;re og urbane behov!'],
				['02.jpg', 'I Sauland finner man trygge og gode oppvekstvilkår!', 'Vi er stolte av å ha god plass og flott natur, sentrumsfunksjoner, en god skole, en flott ny barnehage, bra kulturskoletilbud, trygge helsetjenester og mange flotte frivillige organisasjoner!'],
				['03.jpg', 'Øst Telemark tilhører samarbeidsregionen som benevnes Kongsbergregionen.', 'Her er 3 byer, 52 000 innbyggere, mange spennende steder og muligheter for gode opplevelser, 2 gode høgskoler, bredt tilbud av videregående skoletilbud, variert næringsliv både innenfor service, handel og industri.'],
				['04.jpg', 'Sauland Bygdelag er en forening til fremme for aktivitet og bolyst i Sauland.', 'Nettstedet www.sauland.net / www.sauland.no eies og drives av bygdelaget i Sauland!'],
				['05.jpg', 'Fra Sauland ligger store arbeidsmuligheter innenfor rekkevidde. ', 'Innen en radius av drygt 50 minutter med bil - kan du arbeide i Tinn, Notodden, Bø i Telemark, Seljord, Sauherad og Kongsberg. Fra knutepunktet Notodden går det ekspressbuss hver time til Kongsberg, Drammen og Oslo. Du kan være i Oslo på omtrent 2 timer'],
				['06.jpg', 'I Sauland sentrum finner du det du trenger.', 'bl.a dagligvare, bensinstasjon, frisør, tannlege, lege og helsestasjon, bank, post i butikk, kommunale kontorer, NAV og lensmann. Men også trevare/byggbutikk, verksted for bil og lastebil, barnehage, skole, kulturskole og SFO'],
				['07.jpg', 'Sauland er preget av et strålende landskap - verdt å utforske!', 'Det ligger til rette for korte og lange turer i skog, fjell, åser - oppdag et spennende kultur- og elvelandskap, eller ta med familien på en av de mange merkede turstiene. I Sauland ligger mange gode opplevelsene rett utenfor stuedøra'],
				['08.jpg', 'Sauland ligger midt i en opplevelsesregion.', 'Kort avstand til steder som Gaustatoppen, badeanlegg og rockfestival på Rjukan, sommerland i Bø, dyrsku\'n i Seljord, sølvgruver og jazz på Kongsberg, Telemarkskanalen ved bluesbyen Notodden, slåttefestival i Hjardal - for å nevne noe'],
				['09.jpg', 'I Sauland er det et rikt organisasjonsliv. Her er aktiviteter for folk i alle aldre og med ulike interesser.', 'Sauland Bygdelag arrangerer årlig bygdedag i september hvert år.']],
				
	init: function() {
		var imagelist = Array();
		slideElements = slideShow.slideElements;
		
		for(var i=0; i<slideElements.length; i++) {
			imagelist[i] = 'lib/images/views/'+slideElements[i][0];
		}
		
		var imgload = {
			imagelist:imagelist,
			onstart:function() {
				var progressWrapper = document.createElement('div');
				progressWrapper.id	= 'progressWrapper';

				var pWrapper = document.createElement('div');
				pWrapper.id = 'pWrapper';
				
				var pmsg = document.createElement('div');
				pmsg.id = 'pmsg';
				
				var progressBar		= document.createElement('div');
				progressBar.id		= 'progressBar';
				progressBar.style.width	= '1%';
				
				pWrapper.appendChild(progressBar);
				pWrapper.appendChild(pmsg);
				progressWrapper.appendChild(pWrapper);
				dsDyn.dom('imageView').appendChild(progressWrapper);
				
				progressWrapper.style.left = dsDyn.dom('imageView').offsetLeft + (dsDyn.dom('imageView').clientWidth / 2) - (progressWrapper.offsetWidth / 2) + 'px';
				progressWrapper.style.top = dsDyn.dom('imageView').offsetTop + (dsDyn.dom('imageView').clientHeight / 2) - (progressWrapper.offsetHeight / 2) + 'px';
			},
			onprogress:function(percent, image) {
				var img = image.split('/');
				dsDyn.dom('pmsg').innerHTML = 'Laster bilder';
				dsDyn.dom('progressBar').style.width = percent + '%';
			},
			onfinish:function() {
				dsDyn.dom('progressWrapper').style.display = 'none';
				slideShow.startSlide();
			}
		};
		
		dsDyn.preload(imgload);
	},
	
	slideTo: function(id) {
		slideShow.showSlide(id);
		clearInterval(window.slide);
		if(window.nextSlide)
			clearTimeout(window.nextSlide);
		
		window.nextSlide = setTimeout(function() {
			slideShow.showSlide();
			window.slide = setInterval(slideShow.showSlide, 5000);
		}, 10000);
	},

	startSlide: function() {
		window.thisElement = 0;
		slideShow.showSlide();
		
/* 		for(var u=0; u<slideShow.slideElements.length; u++) {
			dsDyn.dom('btns').innerHTML += '<a href="#" style="display:block; float:left; height:8px; width:8px; border:3px solid #666; background: #CCC; margin:1px;" onclick="slideShow.slideTo('+u+')"></a>';
		} */
		
		window.slide = setInterval(slideShow.showSlide, 20000);
	},

	showSlide: function() {
		slideElements = this.slideElements;
		
/* 		if(typeof(arguments[0]) == 'undefined') {
			number = window.thisElement;
			//alert(number);
			}
		else {
			number = arguments[0];
			//alert(number + ' IS DEFINED');
			} */
			
		number = window.thisElement;
		
		switch(window.thisElement % 2) {
			case 0:
				fadeIn = 'wrapper2';
				fadeOut = 'wrapper1';
				toChange = '2';
			break;
			
			case 1:
				toChange = '';
				fadeIn = 'wrapper1';
				fadeOut = 'wrapper2';
			break;
		}
		
		// Endre bildene
		dsDyn.dom('sliderImage'+toChange).src = 'lib/images/views/'+slideElements[number][0];
		dsDyn.dom('sliderTitle'+toChange).innerHTML = slideElements[number][1];
		dsDyn.dom('sliderText'+toChange).innerHTML = slideElements[number][2];
		
		// Start fading
		dsDyn.fade({
			target:fadeOut,
			direction:'out',
			speed:5,
			ticks:5
		});
		
		dsDyn.fade({
			target:fadeIn,
			direction:'in',
			speed:5,
			ticks:5
		});
		
		
		if(window.thisElement == slideElements.length - 1) {
			window.thisElement = 0;
		} else {
			window.thisElement = number + 1;
		}
	}
}
