// JavaScript Document
<!--Setup/Initiate and attach the script to onload-->
	window.onload=function(){
	
	var options = {
	"id": "container", // Required ID
	"type": "slideout",// Optional Type of transition
	"width": 600,// Required Width
	"height": 180,// Required Height
	"delay": 4000,// Optional Delay
	"speed": 500,// Optional Speed
	"steps": 10,// Optional Steps
	"onstart": function(c,l){
			sc.type=(sc.type=='slidein')?'slideout':'slidein';
			c_div= document.getElementById('control_wrap');
			divs=c_div.getElementsByTagName('div');
			divs[l].className='control_inactive';
			divs[c].className='control_active';					
			},
	"onend": null,// Optional Onend callback
	}; 
	
	///////////////////////////
	// Initialize The slider //
	///////////////////////////
	var sc= new sv_slider(options);
	sc.st(); // Call the stop function
	var c_div= document.getElementById('control_wrap'); //Grab the outerdiv to our controls
	c_div.style.position="relative"; // set the position to relative.
	c_div.style.top=-(options.height-10)+"px"; //Move it to 10 pixels from the top
	c_div.style.zIndex=10000;            //set the zindex to an extreme number

	var divs=c_div.getElementsByTagName('div');//grab a list of our controls
	for(i=0;i<divs.length;i++){ // cycle through all the control divs.
		divs[i].num=i+1;	//store the slide number it corresponds to
		divs[i].onclick=function(){sc.gt(this.num);};//add onclick event handler
	}

	sc.ti=setTimeout(function(){sc.pl(sc);},sc.del);
	}