/*
<!-- Original:  Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site:  http://www.ricocheting.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

	Ported by Matteo Orefice in a Object Oriented Programming for
	an easy and faster setup. Now you need only the following code to start:
	
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US">
<!--
 * Created on 17-gen-2006
 *
 * To change the template for this generated file go to
 * Window - Preferences - PHPeclipse - PHP - Code Templates
-->
 <head>
  <title> </title>
  
  <script language="JavaScript" type="text/javascript" src="/lib/js/SlideShow.js"></script>
  <script language="JavaScript" type="text/javascript">
  
  ss = new SlideShowControl("slideform","show","slide","slidebutton");
  </script>
  
 </head>
 <body>
 
 <form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Image Slideshow</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="cart.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="ss.change();">
<option value="img1.jpg" selected>Cart
<option value="img2.gif">Ellone
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="ss.first();" value="|<<" title="Beginning">
<input type=button onClick="ss.previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ss.ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="ss.next();" value=">>" title="Next">
<input type=button onClick="ss.last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
 
 </body>
</html>
	
	
*/


function TrigObj_changeLayerTextArray(textarray,slidercontrol)
{
	this.textarray = textarray;
	this.slidercontrol = slidercontrol;
	
	this.trigEvent = function (num)
	{
		this.slidercontrol.stopPlay();
		this.slidercontrol.setAllText(this.textarray[num]);
		this.slidercontrol.startSlideWait(0,1000);
	}
}


function next() {

	if (document.forms[this.formname][this.selectname][this.current+1]) {
		document.images[this.imgname].src = this.preloadarray[this.current+1].src;
		document.forms[this.formname][this.selectname].selectedIndex = ++this.current;
		
		if(this.trigger)
		{
			this.trigger.trigEvent(document.forms[this.formname][this.selectname].selectedIndex);
		}
   	}
	else this.first();
}
	
	
function previous() {
	if (this.current-1 >= 0) {
		document.images[this.imgname].src = this.preloadarray[this.current-1].src;
		document.forms[this.formname][this.selectname].selectedIndex = --this.current;
		
		if(this.trigger)
		{
			this.trigger.trigEvent(document.forms[this.formname][this.selectname].selectedIndex);
		}
	   
	}
	else this.last();
}


function first() {

	

	this.current = 0;
	document.images[this.imgname].src = this.preloadarray[0].src;
	document.forms[this.formname][this.selectname].selectedIndex = 0;
	
	if(this.trigger)
	{
		this.trigger.trigEvent(0);
	}
}

function last() {
	this.current = document.forms[this.formname][this.selectname].length-1;
	document.images[this.imgname].src = this.preloadarray[this.current].src;
	document.forms[this.formname][this.selectname].selectedIndex = this.current;
	
	if(this.trigger)
	{
		this.trigger.trigEvent(this.current);
	}
}

function ap(text) {
	document.forms[this.formname][this.slidebtnname].value = (text == "Stop") ? "Start" : "Stop";
	this.rotate();
}

function stop() {
	document.forms[this.formname][this.slidebtnname].value = "Stop";
	this.rotate();
}

function change() {

	this.current = document.forms[this.formname][this.selectname].selectedIndex;
	
	document.images[this.imgname].src = this.preloadarray[this.current].src;
}

function rotate() {

	
	that = this;
	
	if (document.forms[this.formname][this.slidebtnname].value == "Stop") {
		this.current = (this.current == document.forms[this.formname][this.selectname].length-1) ? 0 : this.current+1;
		document.images[this.imgname].src = this.preloadarray[this.current].src;
		document.forms[this.formname][this.selectname].selectedIndex = this.current;
		window.setTimeout("that.rotate()", this.rotate_delay);
		
		if(this.trigger)
		{
			this.trigger.trigEvent(document.forms[this.formname][this.selectname].selectedIndex);
		}
	}
}


// carica un evento trigger
function set_trigger_object(o)
{
	this.trigger = o;
}

function preload()
{
	count = 0;
	
	selobj = document.forms[this.formname][this.selectname];
	
	for(count=0; count < selobj.length; count++)
	{
			this.preloadarray[count] = new Image();
			this.preloadarray[count].src = selobj[count].value;

	}

}

function SlideShowControl(formname,imgname,selectname,slidebtnname,delay)
{

	this.rotate_delay = delay; // delay in milliseconds (5000 = 5 secs)
	this.current = 0;
	this.formname = formname;
	this.imgname = imgname;
	this.selectname = selectname;
	this.slidebtnname = slidebtnname;

	this.next = next;
	this.first = first;
	this.last = last;
	this.rotate = rotate;
	this.change = change;
	this.ap = ap;
	this.stop = stop;
	
	this.previous = previous;
	
	this.preloadarray = new Array();
	this.preload = preload;
	
	this.setTrigger = set_trigger_object;
	
	this.setTrigger(null);
	
}





