ÿþ//<!-- CONFIGURATION OF TEXT-STYLE STARTS HERE -)

//<style>

//.textstyle {

//font-family:Arial;

//font-size:10pt;

//color:#FFFFFF;

//background-color:#CCCCCC;

//text-align:center;

//}

//</style>

//<!-- CONFIGURATION OF TEXT-STYLE ENDS HERE -->



//<script>

// CREDITS:

// Slideshow with a combination of tranparency and blur 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



// 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.



// START OF SCRIPT-CONFIGURATION ///////////////////////////////////////////////////////



var imgurl= new Array()

// Your images. Add as many images as you like

imgurl[0]="eraimages/4977b13a_3.png"                  // Industrial

imgurl[1]="eraimages/shutterstock_7460743_3.jpg"      // PowerLines

imgurl[2]="eraimages/shutterstock_37095874_3.jpg"     // Water Leaf

imgurl[3]="eraimages/iStock_000010759884Small_3.jpg"  // Profit Line



var imglink= new Array()

// Add the links corresponding to the images above. Enter "#" if you don't want to add a link

imglink[0]="#"

imglink[1]="#"

imglink[2]="#"

imglink[3]="#"



var message=new Array()

// Add the messages corresponding to the images above

message[0]=""

message[1]=""

message[2]=""

message[3]=""



// number of bluring layers. A high value will stretch the transition effect

var number_blur_layers=15



// width of image, pixels

var img_width=881



// height of images, pixels

var img_height=205



// height of textbox below image, pixels

var text_height=0



// stillstand, seconds

var pause=4



// END OF SCRIPT-CONFIGURATION ///////////////////////////////////////////////////////

// Do not edit below this line



var i_span=number_blur_layers-1

var i_opacity=1

var i_imgurl=0

var timer

var low_range=0

var high_range=12

var total_height=img_height+text_height

pause*=1000

var ie=document.all?1:0



function sharpen(){

	if (i_span>=1) {

		document.getElementById('span'+i_span).style.visibility="hidden"

		if (ie) {

			document.getElementById('span0').filters.alpha.opacity=i_opacity

		}

		else {

			document.getElementById('span0').style.opacity=i_opacity/100

		}

		i_span--

		i_opacity+=100/number_blur_layers

		

		timer=setTimeout("sharpen()",30)

	}

	else {

		document.getElementById('textbox').innerHTML=message[i_imgurl]

		document.getElementById('span0').style.visibility="visible"

		clearTimeout(timer)

		i_span=1

		i_imgurl++

		if (i_imgurl>=imgurl.length) {i_imgurl=0}

		i_opacity=100

		timer=setTimeout("doblur()",pause)

	}

}





function doblur(){

	if (i_span<number_blur_layers) {

		document.getElementById('textbox').innerHTML=""

		document.getElementById('span'+i_span).innerHTML="<img src='"+imgurl[i_imgurl]+"'>"

		document.getElementById('span'+i_span).style.visibility="visible"

		if (ie) {

			document.getElementById('span0').filters.alpha.opacity=i_opacity

		}

		else {

			document.getElementById('span0').style.opacity=i_opacity/100

		}

		i_opacity-=100/number_blur_layers

		i_span++

		timer=setTimeout("doblur()",30)

	}

	else {

		document.getElementById('span0').innerHTML="<a href='"+imglink[i_imgurl]+"'><img src='"+imgurl[i_imgurl]+"' border=0></a>"

		clearTimeout(timer)

		i_span=number_blur_layers-1

		i_opacity=0

		sharpen()

	}

}



document.write("<div id='roof' style='position:relative; width:"+img_width+"px; height:"+total_height+"px;overflow:hidden;'>")

document.write("<div id='span0' style='position:absolute;top:0px;left:0px;filter:alpha(opacity=0);opacity:0;'><a href="+imglink[0]+"><img src='"+imgurl[0]+"' border=0></a></div>")

for (i=1;i<number_blur_layers;i++) {

	var x_ran=(Math.round(Math.random()*high_range)+low_range)-(high_range/2)

	var y_ran=(Math.round(Math.random()*high_range)+low_range)-(high_range/2)

    document.write("<div id='span"+i+"' class='ticker' style='position:absolute;top:"+y_ran+"px;left:"+x_ran+"px;filter:alpha(opacity=2);opacity:0.02;'><img src='"+imgurl[0]+"'></div>")

}

document.write("<div id='textbox' class='textstyle' style='position:absolute;top:"+img_height+"px;left:0px;height:"+img_height+"px;width:"+img_width+";'>"+message[0]+"</div>")

document.write("</div")



window.onload=sharpen

//</script>