var intPos = 0;
var intOpacity = 100;
var speed = 5000;

function changeImg(pos){
    document.getElementById("old_image").src = document.getElementById("new_image").src;
    document.getElementById("old_image").style.paddingTop = document.getElementById("new_image").style.paddingTop;

    changeOpacity(0, 'old_image');
    changeOpacity(100, 'new_image');

    document.getElementById("new_image").src = arrImgs[intPos].src;
    document.getElementById("lnkBanner").href = arrImgs[intPos].link;
    if (arrImgs[intPos].link == '/announcements/') document.getElementById("lnkBanner").target = '';
    else document.getElementById("lnkBanner").target = '_blank';
}

function nextImg(){
    this.intPos++;
    if(this.intPos >= arrImgs.length){
        this.intPos = 0;
    }
    switchImg(this.intPos);
}

function prevImg(){
    this.intPos--;
    if(this.intPos < 0){
        this.intPos = arrImgs.length - 1;
    }

    switchImg(this.intPos);
}

function doSlide(intNewOpacity, img){
    changeOpacity(intNewOpacity, img);

    if(this.intOpacity - 1 >= 0){
        this.intOpacity -= 1;
    }
    else {
        changeOpacity(0, 'old_image');
        changeOpacity(100, 'new_image');
    }
	nextImg();
}

function changeOpacity(intNewOpacity, strDiv){
    var divStyle = getStyleObject(strDiv);

    divStyle.opacity = (intNewOpacity / 100);
    divStyle.MozOpacity = (intNewOpacity / 100);
    divStyle.KhtmlOpacity = (intNewOpacity / 100);
    if(intNewOpacity == 100){
        divStyle.filter = null;
    }
    else{
        divStyle.filter = 'alpha(opacity=' + intNewOpacity + ')';
    }
}

function switchImg(pos){
	if (typeof num_of_banners === 'undefined') {
		return false;
	}

    this.intPos = pos;
    changeImg();
    this.intOpacity = 100;

	for(var x=0; x<num_of_banners; x++){
      document.getElementById("select" + x).className = 'imageoption';
    }
    document.getElementById("select" + pos).className = 'imageoptionselected';
    setTimeout('doSlide(' + this.intOpacity + ')', this.speed);
}

function switchImg2(pos){
	if (typeof num_of_banners === 'undefined') {
		return false;
	}

	if(intPos != pos){
	    this.intPos = pos;
	    changeImg();
	    this.intOpacity = 100;

	    for(var x=0; x<num_of_banners; x++){
	      document.getElementById("select" + x).className = 'imageoption';
	    }
	    document.getElementById("select" + pos).className = 'imageoptionselected';
    }
}