var openBtn2 = "images/portal/sliderButton.png";
var solidBtn2 = "images/portal/sliderButtonActive.png";
var intervalID2;
var showing2 = 1;
var imageArray = new Array("","image1","image2","image3","image4","image5","image6","image7","image8","image9","image10");
var imagebtnArray = new Array("","imageBtn1","imageBtn2","imageBtn3","imageBtn4","imageBtn5","imageBtn6","imageBtn7","imageBtn8","imageBtn9","imageBtn10");
var inProgress2 = false;

function swapImage(next) {
    if (inProgress2) return;
    inProgress2 = true;
    
    if (next == 0) { next = showing2 + 1; } //if swapImage isnt called from a button
    if (next == 11) { next = 1; }    // if its the last news item

    new Effect.Fade(imageArray[showing2], { duration: 0.3});

    setTimeout(function() {
        $(imagebtnArray[showing2]).src = openBtn2
        $(imagebtnArray[showing2]).style.cursor = "pointer"
        $(imagebtnArray[next]).src = solidBtn2
        $(imagebtnArray[next]).style.cursor = "default"
        new Effect.Appear(imageArray[next], { duration: 0.3})
        showing2 = next
        inProgress2 = false
    }, 300);

    clearInterval(intervalID2);
    intervalID2 = setInterval("swapImage(0)", 6000);
}

Event.observe(window, 'load', function() { // this binds the function() to the event window.onload
    intervalID2 = setInterval("swapImage(0)", 6000);
    $("imageBtn1").src = solidBtn2;
    $("imageBtn2").src = openBtn2;
    $("imageBtn2").style.cursor = "pointer";
    $("imageBtn3").src = openBtn2;
    $("imageBtn3").style.cursor = "pointer";
	$("imageBtn4").src = openBtn2;
    $("imageBtn4").style.cursor = "pointer";
	$("imageBtn5").src = openBtn2;
    $("imageBtn5").style.cursor = "pointer";
	$("imageBtn6").src = openBtn2;
    $("imageBtn6").style.cursor = "pointer";
	$("imageBtn7").src = openBtn2;
    $("imageBtn7").style.cursor = "pointer";
	$("imageBtn8").src = openBtn2;
    $("imageBtn8").style.cursor = "pointer";
	$("imageBtn9").src = openBtn2;
    $("imageBtn9").style.cursor = "pointer";
	$("imageBtn10").src = openBtn2;
    $("imageBtn10").style.cursor = "pointer";                        
});