//
// HEADER SLIDESHOW + TIME + MENU
//

var timeStr = "";

function initTime(time) {				
	timeStr = '<div class="time">';

	var i = Math.floor(time/100);
	timeStr += '<img src="./images/header/' + i + '.gif" alt="' + i + '"/>';
	time = time%100;
	i = Math.floor(time/10);
	timeStr += '<img src="./images/header/' + i + '.gif" alt="' + i + '"/>';
	time = time%10;
	i = time;
	timeStr += '<img src="./images/header/' + i + '.gif" alt="' + i + '"/>';
	timeStr += '</div>' + "\n";
}

function printMenu(lang) {
		
	var text = '';	
	text += '<div class="menu">';
	if(lang == 'fi') {
		var params = '?lang=' + lang;
		text += 		
		'<a href="?lang=en"><img src="./images/en.gif" alt="en"/></a>' + 
		'<span style="padding-left: 5px;"></span>' + 
		'<a href="./' + params + '"> Joulukka </a>'+
		' | '+
		'<a href="programs.php' + params + '"> Ohjelmat </a>'+
		' | '+
		'<a href="restaurant.php' + params + '"> Ravintolat </a>'+
		' | '+
		'<a href="contact.php' + params + '">Yhteystiedot</a>';
	} else {
		var params = '';
		text += 
		'<a href="?lang=fi"><img src="./images/fi.gif" alt="fi"/></a>' +
		'<a href="./' + params + '">The Secret of Joulukka</a>'+
		'|'+
		'<a href="programs.php' + params + '">Programs</a>'+
		'|'+
		'<a href="restaurant.php' + params + '">Restaurant</a>'+
		'|'+
		'<a href="contact.php' + params + '">Contact</a>';
	} 
	text += "</div>\n";
	
	return text;
}

function startSlideshow(name, imageCount, lang) {	
	var text = "";
	
	for(i = 1; i <= imageCount; i++) {
		text += getHeader(i, name, lang);
	}
	
	document.getElementById('slideshow_' + name).innerHTML = text; 
		
	new Slideshow('slideshow_' + name, 3000);
	
	for(i = 2; i <= imageCount; i++) {
		document.images[name + '_' + i].src = './images/' + name + '/' + name + '_' + i + '.jpg';
	}
}




function printSlideshow(name) {	
	document.getElementById('slideshow_' + name).innerHTML = getHeader(1, name);
}

function printSlideshow2(name) {	
	document.getElementById('slideshow_' + name).innerHTML = getHeader(1, name);
}


function getHeader(i, name, lang) {	
	var text = "";
	text = 		
	'<div class="slideshow_' + name + '_slide">' +
	'<img src="./images/' + name + '/' + name + '_1.jpg" alt="" id="' + name + '_' + i + '"/> ';
		
	if(name == "header") {
		text += printMenu(lang);		
		text += timeStr;	

	}

	
	text += '</div>';	
	
	return text;
}

//
//	SLIDESHOW
//
function Slideshow(slideshow, timeout) {
    this.slides = [];
    
    var nl = $(slideshow).getElementsByTagName('div');
        
    for (var i = 0; i < nl.length; i++) {    
      if (Element.hasClassName(nl[i], slideshow + '_slide')) {      	      	
        this.slides.push(nl[i]);
      }
    }
    
    for (var i = 0; i < this.slides.length; i++) {
      this.slides[i].style.zIndex = this.slides.length - i;
    }
    
    this.timeout = timeout;
    this.current = 0;

    Element.show(slideshow);
    setTimeout((function(){this.next();}).bind(this), this.timeout + 850);
}
  
Slideshow.prototype = {
	next: function() {
	    for (var i = 0; i < this.slides.length; i++) {
	    	var slide = this.slides[(this.current + i) % this.slides.length];
	        slide.style.zIndex = this.slides.length - i;
	  	}
	
		Effect.Fade(this.slides[this.current], {
			afterFinish: function(effect) {
	      		effect.element.style.zIndex = 0;
	          	Element.show(effect.element);
	          	Element.setOpacity(effect.element, 1);
	        }
	    });
	  	
		this.current = (this.current + 1) % this.slides.length;
	    
	    setTimeout((function(){this.next();}).bind(this), this.timeout + 850);
	}
}