var slider_active = false;
var slider_b1 = document.getElementById('sliderStageMain');
var slider_b2 = document.getElementById('sliderStageMove');
var slider_x = 0;
var slider_anim;
var slider_auto;
var slider_current = 0;
var slider_preload = new Array();
var slider_time = 4000;
var slider_with = 978;
var slider_speed = 20;

function slider_start (d) {
    var n;
    var s;
    if (!slider_active) {
        slider_active = true;
        window.clearTimeout(slider_auto);
        if (d == 'w') {
            s = slider_speed * -1;
            n = slider_current + 1;
            if (n >= slidercontent.length) {
                n = 0;
            }
            slider_current = n;
        } else {
            s = slider_speed;
            n = slider_current - 1;
            if (n < 0) {
                n = slidercontent.length - 1;
            }
        }
        slider_current = n;
        slider_b2.innerHTML = slidercontent[n];
        slider_anim = window.setInterval('slider_move(' + s + ')', 20);
    }
}

function slider_move (m) {
    var slider2 = 0;
    slider_x += m;
    if (m < 0) {
        if (slider_x < slider_with * -1) {
            slider_x = slider_with * -1;
            slider_done();
        }
        slider2 = slider_x + slider_with;
    } else {
        if (slider_x > slider_with) {
            slider_x = slider_with;
            slider_done();
        }
        slider2 = slider_x - slider_with;
    }
    slider_b1.style.left = slider_x + 'px';
    slider_b2.style.left = slider2 + 'px';
}

function slider_done () {
    slider_x = 0;
    slider_active = false;
    window.clearInterval(slider_anim);
    slider_b1.innerHTML = slidercontent[slider_current];
    slider_b1.style.left = 0;
    slider_auto = window.setTimeout('slider_start("w")', slider_time);
}

function slider_mouse (f) {
	if (f) {
		window.clearTimeout(slider_auto);
	} else {
		slider_auto = window.setTimeout('slider_start("w")', slider_time);
	}
}

slider_auto = window.setTimeout('slider_start("w")', slider_time);

document.getElementById('sliders').onmouseover = function () {slider_mouse(true);};
document.getElementById('sliders').onmouseout = function () {slider_mouse(false);};
document.getElementById('sliderButtonLeft').onclick = function () {slider_start('z')};
document.getElementById('sliderButtonRight').onclick = function () {slider_start('w');};