var picture= [

{
src : "obrazki/DSC01424m.jpg",
mes : "Elbet",
url : "obrazki/DSC01424.jpg"
},

{
src : "obrazki/18IMG_2041m.jpg",
mes : "Nasze prefabrykaty",
url : "obrazki/18IMG_2041.jpg"
},

{
src : "obrazki/16IMG_2039.jpg",
mes : "Nasze prefabrykaty",
url : "obrazki/16IMG_2039.jpg"
},

{
src : "realizacje/14IMG_2037.jpg",
mes : "żuraw",
url : "realizacje/14IMG_2037.jpg"
},

{
src : "realizacje/37IMG_2065.jpg",
mes : "Realizacja",
url : "realizacje/37IMG_2065.jpg"
},

{
src : "obrazki/aquapark_krakow.jpg",
mes : "Nasze prefabrykaty - Kraków",
url : "obrazki/aquapark_krakow.jpg"
},

{
src : "obrazki/oslo.jpg",
mes : "apartamenty w Norwegii",
url : "obrazki/oslo.jpg"
},

{
src : "obrazki/DSC01437m.jpg",
mes : "",
url : "obrazki/DSC01437.jpg"
},

{
src : "obrazki/DSC05454m.jpg",
mes : "Czy lato czy zima",
url : "obrazki/DSC05454.jpg"
},

{
src : "obrazki/gruszka2m.jpg",
mes : "Elbet4",
url : "obrazki/gruszka2.jpg"
},

{
src : "obrazki/DSC05395m.jpg",
mes : "",
url : "obrazki/DSC05395.jpg"
},

]

// target of the picture-links ("_blank", "_top", "_self", "_parent" or "nameOfYourFrame")
var target_url="_blank"
	
// number of lamellas.
var x_slices=1

// width of slideshow (pixels)
var slideshow_width=196

// height of slideshow (pixels)
var slideshow_height=125

// height of messagebox (pixels)
var message_height=30

// pause beween the pictures (seconds)
var pause=2

// speed of transition effect, high value = fast speed
var step=5

var imgpreload=new Array()
for (iii=0;iii<=picture.length-1;iii++) {
	imgpreload[iii]=new Image()
	imgpreload[iii].src=picture[iii].src
}

if (!document.all) {
	var extra_height=3
}
else {
	var extra_height=0
}

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 fadestrength=0
var fadestrength_step=slideshow_width/100/1.5
var i_fadestrength
var slideshow_height=slideshow_height

function initiate() {
	width_slice=Math.ceil(slideshow_width/x_slices)
	clipbottom=(slideshow_height+message_height)
	i_picture++
	changepicture()
}

function openlamellar() {
	clipleft=-width_slice
	clipright=0
    if (i_clipright<=width_slice) {
        for (i=0;i<=x_slices;i++) {
            var thiss=eval("document.getElementById('s"+i+"').style")
            thiss.clip ="rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)"
            clipleft+=width_slice
            clipright=clipleft+i_clipright
			if (document.all) {
				var thisfilter=eval('s'+i)
				thisfilter.filters.alpha.opacity=Math.round(fadestrength)
			}
			else {
				thiss.opacity=(fadestrength/100)
 			}
			fadestrength+=fadestrength_step
		}
    i_clipright=i_clipright+step
    var timer=setTimeout("openlamellar()",20)
   	}
   	else {
		clearTimeout(timer)
		fadestrength=0
		document.getElementById("whole").innerHTML=content
		var timer=setTimeout("changepicture()",pause)
	}
}


function getcontent() {
	content="<table cellpadding=0 cellspacing=0 border=0 width="+slideshow_width+">"
	content+="<tr><td width="+slideshow_width+" height="+slideshow_height+"><a href='"+picture[i_picture].url+"' target='"+target_url+"'><img src='"+picture[i_picture].src+"' border=0 width="+slideshow_width+" height="+slideshow_height+"></a></td></tr><tr><td class='messagestyle' height="+message_height+">"+picture[i_picture].mes+"</td></tr>"
	if (!document.all) {
		content+="<tr><td height="+extra_height+"></td></tr>"
	}
	content+="</table>"
}

function changepicture() {
	i_clipright=0
	clipleft=0
	clipright=0
	for (i=0;i<=x_slices;i++) {
       	var thiss=eval("document.getElementById('s"+i+"').style")
    	thiss.clip ="rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)"
	}
	if (i_picture>picture.length-1) {i_picture=0}
	getcontent()

	for (i=0;i<=x_slices;i++) {
        var thisinners=eval("document.getElementById('s"+i+"')")
        thisinners.innerHTML=content 
    }
	i_picture++
	openlamellar()
}

content="<table cellpadding=0 cellspacing=0 border=0 width="+slideshow_width+">"
content+="<tr><td width="+slideshow_width+" height="+slideshow_height+"><a href='"+picture[i_picture].url+"' target='"+target_url+"'><img src='"+picture[i_picture].src+"' border=0 width="+slideshow_width+" height="+slideshow_height+"></a></td></tr><tr><td class='messagestyle' height="+message_height+">"+picture[i_picture].mes+"</td></tr>"
if (!document.all) {
	content+="<tr><td height="+extra_height+"></td></tr>"
}
content+="</table>"

document.write("<div class='boxstyle' style='position:relative;width:"+slideshow_width+"px;height:"+(slideshow_height+message_height+extra_height)+"px;'>")
document.write("<span id='whole' style='position:absolute;top:0px;left:0px;width:"+slideshow_width+"px;height:"+(slideshow_height+message_height+extra_height)+"px;'>"+content+"</span>")
for (i=0;i<=x_slices;i++) {
 	document.write("<span  id='s"+i+"' style='position:absolute;top:0px;left:0px;width:"+slideshow_width+"px;height:"+(slideshow_height+message_height)+"px;filter:alpha(opacity=100);'>"+content+"</span>")
}
document.write("</div>")
document.close()
window.onload=initiate

