// CREDITS:

// Slideshow with with lamellar effect

// by Peter Gehrig

// Copyright (c) 2010 Peter Gehrig. All rights reserved.

// Permission given to use the script provided that this notice remains as is.

// Additional scripts can be found at http:
//www.fabulant.com

// 03/01/2010


// IMPORTANT:

// If you add this script to a script-library or script-archive

// you have to add a link to http:
//www.fabulant.com on the webpage

// where this script will be running.



var imgpreload=new Array()

for (i=0;i<pictures.length;i++) 
{
	imgpreload[i]=new Image()

	imgpreload[i].src=pictures[i].src

}


var picturewidth;

var pictureheight;

var i_loop=0;

var i_picture=0;

var width_slice;

var cliptop=0;

var clipbottom;

var i_clipright=1;

var content="";

pause=pause*1000;

var slideshow_height=slideshow_height+message_height;


function initiate()
 {
	getcontent();

	for (i=0;i<=x_slices;i++)
	{

	     	var thisinners=document.getElementById("s"+i);
		thisinners.innerHTML=content;

		var thiss = document.getElementById('s' + i).style;
		// var thiss=eval("document.getElementById('s"+i+"').style");
		thiss.left=0;
		thiss.top=0;
  	}
	var thisspan=eval("document.getElementById('s0')");
	width_slice=Math.ceil(slideshow_width/x_slices);
	clipbottom=slideshow_height;
	var elWholeStyle = document.getElementById("whole").style;
	elWholeStyle.left = elWholeStyle.top = '0px';
	i_picture++;
	openlamellar();
}

function openlamellar() {
	clipleft=-width_slice;
	clipright=0;
    if (i_clipright<=width_slice) {
        for (i=0;i<=x_slices;i++) {
			var thiss = document.getElementById('s' + i).style;
            thiss.clip ="rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)";
            clipleft+=width_slice;
            clipright=clipleft+i_clipright;
		}
 	   i_clipright++;
    	var timer=setTimeout("openlamellar()",20);
   	}
   	else {
		clearTimeout(timer);
		document.getElementById('whole').innerHTML=content;
		var timer=setTimeout("changepicture()",pause);
	}
}


function getcontent() {
    content="<a href='"+pictures[i_picture].url+"' target='"+target_url+"'>";
    content+="<img src="+pictures[i_picture].src+" border=0>";
    content+="</a><div class='messagestyle' style='width:"+slideshow_width+"px;height:"+message_height+"px;'>"+pictures[i_picture].msg+"</div>";
}

function changepicture(){
	i_clipright = 0;
	clipleft = 0;
	clipright = 0;
	for (i = 0; i <= x_slices; i++) {
		var thiss = document.getElementById('s' + i).style;
		thiss.clip = "rect(" + cliptop + "px " + clipright + "px " + clipbottom + "px " + clipleft + "px)";
	}
	if (i_picture >= pictures.length) {
		i_picture = 0;
	}
	getcontent();

	for (i = 0; i <= x_slices; i++) {
		var thisinners=document.getElementById("s"+i);
		thisinners.innerHTML = content;
	}
	i_picture++;
	openlamellar();
}

document.write("<div style='position:relative;width:"+slideshow_width+"px;height:"+slideshow_height+"px;'>");
document.write("<div id='whole' style='position:absolute;top:0px;left:0px'></div>");
for (i=0;i<=x_slices;i++) {
 	document.write("<div id='s"+i+"' style='position:absolute;top:0px;left:0px'></div>");
}
document.write("</div>");
document.close();
window.onload=initiate;