var slider;
var slider_speed = 0;
var slider_w = 0;
var slider_h = 0; 
var slider_lw = 0;
var slider_rw = 0;
var slider_step_size = 0;
var slider_img_wait = 0;
 
/**********************************************************************************
 * HOW TO CALL
 * ===========
 * you need a bit of html-code as shown below!
 * - slider_div		id of the div-tag, in which to put the slider
 * - img_path	 	url of the directory where the images are
 * - img_array		array with filenames of the images
 * - img_num		how many images to show in the slider
 * - img_w			width of the images
 * - img_h			height of the images
 * - speed			speed to slide the images (number of miliseconds between steps)
 * - stepsize		size (in pixels) of one step
 * - flipwait		miliseconds to wait before sliding the next image
 * 
 * HTML-code:
 * 		<div style='margin:0 auto; width:600px; text-align:left; '>
 *			<div id='fp_slider'></div>
 *		</div>
 * 
 **********************************************************************************/ 
 

function slider_init(slider_div, img_path, img_array, img_num, img_w, img_h, speed, stepsize, flipwait) {
    var tmp;
    slider_speed = speed;
    slider_w = img_w;
    slider_h = img_h; 
    slider_lw = slider_w;
    slider_rw = 0;    
    slider_step_size = stepsize;
    slider_img_wait = flipwait;
    
    slider = document.getElementById(slider_div);
    for (var i=0; i<=img_num; i++) 
    {
        tmp = document.createElement("img");
        tmp.setAttribute("src", img_path+img_array[i]);
        tmp.setAttribute("width", slider_w);
        tmp.setAttribute("height", slider_h);
        tmp.setAttribute("class", "lab");
        slider.appendChild(tmp);
    }
    slider_smallerFirst();
}

function slider_swapImages() 
{
	var removed = slider.removeChild(slider.firstChild);
    slider.appendChild(removed);
}

function slider_smallerFirst() 
{
    if (slider_lw >= slider_step_size) 
    {
    	slider_lw -= slider_step_size;
    	slider_rw += slider_step_size;
        slider.firstChild.style.width = slider_lw + "px";
        slider.lastChild.style.width = slider_rw + "px";
    } else 
    {
    	slider_lw = slider_w;
    	slider_rw = 0;
    	slider_wait(slider_img_wait);
        slider_swapImages();
    }
    timerID = window.setTimeout("slider_smallerFirst()", slider_speed);
}

function slider_wait(milsecs)
{
	var date = new Date();
	var curDate = null;
	
	do { curDate = new Date(); } 
	while(curDate-date < milsecs);
}