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

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

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

    document.getElementById("new_image").src = arrImgs[intPos].src;
    //document.getElementById("new_image").style.paddingTop = ((328 - arrImgs[intPos].height) / 2) + 'px';
    document.getElementById("lnkBanner").href = '/banner/?id=' + arrImgs[intPos].id;
}

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;
        setTimeout("doSlide(this.intOpacity, 'old_image')", this.speed);
        setTimeout("doSlide(100 - this.intOpacity, 'new_image')", this.speed);
    }
    else {
        changeOpacity(0, 'old_image');
        changeOpacity(100, 'new_image');
    }
}

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){
    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);
}