﻿var SlideShow = null;

function Navegador() {
	alert(window.navigator.appCodeName);
}
//Navegador();

function SlideShowClass(x) {
	this.img = x.img;
	this.time = x.time;
	this.elAppend = x.elAppend;
	this.idDivsInner = x.idDivsInner;
	this.imgActive = x.imgActive;
	this.interval = null;
	this.btPlay = x.btPlay;
	this.btStop = x.btStop;
	this.btPrev = x.btPrev;
	this.btNext = x.btNext;
	
	this.showImgById = function (id) {
		for (var i = 0; i < this.img.length; i++) {
			if (this.img[i].parentNode.id == id) {
				this.img[i].parentNode.style.display = 'block';
			} else {
				this.img[i].parentNode.style.display = 'none';
			}
		}
	}
	
	this.play = function () {
		SlideShow.showImgById(SlideShow.idDivsInner + SlideShow.imgActive);
		this.interval = setInterval(function () {
			SlideShow.imgActive++;
			if (SlideShow.imgActive > SlideShow.img.length) {
				SlideShow.imgActive = 1;
			}
			SlideShow.showImgById(SlideShow.idDivsInner + SlideShow.imgActive);
		}, this.time);
	}
	
	this.stop = function () {
		clearInterval(this.interval);
	}
	
	this.prev = function () {
		SlideShow.stop();
		if (SlideShow.imgActive == 1) {
			SlideShow.showImgById(SlideShow.idDivsInner + SlideShow.img.length);
			SlideShow.imgActive = SlideShow.img.length;
		} else {
			SlideShow.imgActive--;
			SlideShow.showImgById(SlideShow.idDivsInner + SlideShow.imgActive);
		}
	}
	
	this.next = function () {
		SlideShow.stop();
		if (SlideShow.imgActive == SlideShow.img.length) {
			SlideShow.showImgById(SlideShow.idDivsInner + 1);
			SlideShow.imgActive = 1;
		} else {
			SlideShow.imgActive++;
			SlideShow.showImgById(SlideShow.idDivsInner + SlideShow.imgActive);
		}
	}
}

function xmlLoader(url) {
	if (!window.navigate) {
		var Loader = new XMLHttpRequest();
		Loader.open("GET", url ,false);
		Loader.send(null);
		return Loader.responseXML.childNodes[0];
	} else {
		var Loader = new ActiveXObject("Msxml2.DOMDocument.3.0");
		Loader.async = false;
		Loader.load(url);
		return Loader.childNodes[1];
	}
}
var xml = null;
function createSlideShow(x) {
	xml = xmlLoader("slide/config.xml");
	
	var time = parseInt(xml.getElementsByTagName('config')[0].getElementsByTagName('tempo')[0].childNodes[0].nodeValue);
	time = time * 1000;

	SlideShow = new SlideShowClass({
		img: new Array(),
		time: time,
		elAppend: xml.getElementsByTagName('config')[0].getElementsByTagName('elemento')[0].childNodes[0].nodeValue,
		idDivsInner: xml.getElementsByTagName('config')[0].getElementsByTagName('iddivsinternas')[0].childNodes[0].nodeValue,
		imgActive: parseInt(xml.getElementsByTagName('config')[0].getElementsByTagName('idimageminicial')[0].childNodes[0].nodeValue),
		btPlay: document.createElement('img'),
		btStop: document.createElement('img'),
		btPrev: document.createElement('img'),
		btNext: document.createElement('img')
	});
	
	var divMain = document.createElement('div');
	divMain.id = 'SlideShow';
	
	for (var i = 0; i < xml.getElementsByTagName('imagem').length; i++) {
		SlideShow.img[i] = document.createElement('img');
		SlideShow.img[i].src = xml.getElementsByTagName('imagem')[i].getElementsByTagName('caminho')[0].childNodes[0].nodeValue;
		SlideShow.img[i].title = xml.getElementsByTagName('imagem')[i].getElementsByTagName('descricao')[0].childNodes[0].nodeValue;
		SlideShow.img[i].border = 0;
		
		if (xml.getElementsByTagName('imagem')[i].getElementsByTagName('link').length) {
			var newWindow = (xml.getElementsByTagName('imagem')[i].getElementsByTagName('novajanela')[0].childNodes[0].nodeValue.toLowerCase() == 'sim') ? true : false;
			SlideShow.img[i].name = xml.getElementsByTagName('imagem')[i].getElementsByTagName('destino')[0].childNodes[0].nodeValue;
			SlideShow.img[i].className = 'hand';
			if (newWindow) {
				SlideShow.img[i].onclick = function () {
					window.open(this.name);
				}
			} else {
				SlideShow.img[i].onclick = function () {
					window.location = this.name;
				}
			}
		}
		
		var div = document.createElement('div');
		div.id = SlideShow.idDivsInner + (i + 1);
		div.style.display = 'none';
		
		div.appendChild(SlideShow.img[i]);
		divMain.appendChild(div);
	}

	SlideShow.btPrev.id = 'SS-btPrev';
	SlideShow.btPrev.title = 'Prev';
	SlideShow.btPrev.src = 'slide/images/Prev.gif';
	SlideShow.btPrev.border = 0;
	SlideShow.btPrev.onclick = function () {
		SlideShow.prev();
		SlideShow.btStop.style.display = 'none';
		SlideShow.btPlay.style.display = 'inline';
	}
	
	SlideShow.btNext.id = 'SS-btNext';
	SlideShow.btNext.title = 'Next';
	SlideShow.btNext.src = 'slide/images/Next.gif';
	SlideShow.btNext.border = 0;
	SlideShow.btNext.onclick = function () {
		SlideShow.next();
		SlideShow.btStop.style.display = 'none';
		SlideShow.btPlay.style.display = 'inline';
	}
	
	SlideShow.btPlay.style.display = 'none';
	SlideShow.btPlay.id = 'SS-btPlay';
	SlideShow.btPlay.title = 'Play';
	SlideShow.btPlay.src = 'slide/images/Play.gif';
	SlideShow.btPlay.border = 0;
	SlideShow.btPlay.onclick = function () {
		SlideShow.play();
		SlideShow.btPlay.style.display = 'none';
		SlideShow.btStop.style.display = 'inline';
	}
	
	SlideShow.btStop.id = 'SS-btStop';
	SlideShow.btStop.title = 'Stop';
	SlideShow.btStop.src = 'slide/images/Stop.gif';
	SlideShow.btStop.border = 0;
	SlideShow.btStop.onclick = function () {
		SlideShow.stop();
		SlideShow.btStop.style.display = 'none';
		SlideShow.btPlay.style.display = 'inline';
	}
	
	var divControl = document.createElement('div');
	divControl.className = 'SS-divControl';
	
	divControl.appendChild(SlideShow.btPrev);
	divControl.appendChild(SlideShow.btPlay);
	divControl.appendChild(SlideShow.btStop);
	divControl.appendChild(SlideShow.btNext);
	
	divMain.appendChild(divControl);
	
	var ready = setInterval(function () {
		if (document.getElementById(SlideShow.elAppend)) {
			document.getElementById(SlideShow.elAppend).appendChild(divMain);
			clearInterval(ready);
		}
	}, 100);
	
	SlideShow.play();
}
createSlideShow();
