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

var timeStr = "";
var ref_ss;

function showPage(page) {
	
	var istr = ref_ss.slides[1].innerHTML
	var i = istr.lastIndexOf('_') + 1;
	istr = istr.substring(i);
	i = istr.indexOf('"');
	istr = istr.substring(0, 1);
	
	if(ref_ss.current == 0) {
		istr = "" + (parseInt(istr) - 1);
	}
	
	
	
	var url = "http://www.mie.fi/mie.php?page=" + page + "&idx=" + istr;	
	window.location = url;
	//location.href=url;
}

function showProductPage(page, p) {
	
	var istr = ref_ss.slides[1].innerHTML
	var i = istr.lastIndexOf('_') + 1;
	istr = istr.substring(i);
	i = istr.indexOf('"');
	istr = istr.substring(0, 1);
	
	if(ref_ss.current == 0) {
		istr = "" + (parseInt(istr) - 1);
	}
	
	
	
	var url = "http://www.mie.fi/mie.php?page=" + page + "&idx=" + istr + "&p=" + p;
	
	window.location=url;
}

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

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

function showSlide(name, i) {	
	var text = "";
	text += getHeader(i, name);
	
	document.getElementById('slideshow_' + name).innerHTML = text; 
	document.images[name + '_' + i].src = 'http://www.mie.fi/images/' + name + '/' + i + '.jpg';
}


function startSlideshow(name, imageCount, imageIndex) {	
	var text = "";
	
	for(i = 1; i <= imageCount; i++) {
		text += getHeader(i, name);
	}
	
	document.getElementById('slideshow_' + name).innerHTML = text; 
		
	ref_ss = new Slideshow('slideshow_' + name, 5000, imageIndex);
	
	for(i = 1; i <= imageCount; i++) {
		document.images[name + '_' + i].src = 'http://www.mie.fi/images/' + name + '/' + i + '.jpg';
	}
}




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


function getHeader(i, name) {	
	var text = "";
	text = 		
	'<div class="slideshow_' + name + '_slide">' +
	'<img src="http://www.mie.fi/images/' + name + '/' + name + '_1.jpg" alt="" id="' + name + '_' + i + '"/> ';
		

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

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