function showBanner(bannerId,bannerValue)
        {
            var banner = document.getElementById(bannerId);
            banner.innerHTML = bannerValue;
            //gradualFader.setopacity(banner.getElementsByTagName("IMG")[0],0.2);
            //gradualFader.fadeupdown(banner.getElementsByTagName("IMG")[0], "fadeup");
        }


        function BannerDisplay(bannerId, bannerArray)
        {

                this.counter = 0 ;
                this.bannerArray = bannerArray;
                this.bannerId = bannerId;
                this.length = bannerArray.length;

        }
        BannerDisplay.prototype.display = function()
                {
                    if (this.length ==0 ) return;
                    showBanner(this.bannerId, this.bannerArray[this.counter]);

                }
        BannerDisplay.prototype.rotate = function()
                {
					if (this.length == 0) return;
                    this.counter++;
                    if (this.counter == this.length)
                       this.counter = 0;
                    var banner = document.getElementById(this.bannerId);        
                    //gradualFader.fadeupdown(banner.getElementsByTagName("IMG")[0], "fadedown");                       
                    showBanner(this.bannerId, this.bannerArray[this.counter]);
                    
                }

    
var gradualFader={}

gradualFader.baseopacity=0.4 //set base opacity when mouse isn't over element (decimal below 1)
gradualFader.increment=0.2 //amount of opacity to increase after each iteration (suggestion: 0.1 or 0.2)

document.write('<style type="text/css">\n') //write out CSS to enable opacity on "gradualfader" class
document.write('.gradualfader{filter:progid:DXImageTransform.Microsoft.alpha(opacity='+gradualFader.baseopacity*100+'); -moz-opacity:'+gradualFader.baseopacity+'; opacity:'+gradualFader.baseopacity+';}\n')
document.write('</style>')

gradualFader.setopacity=function(obj, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
	var targetobject=obj
	if (targetobject && targetobject.filters && targetobject.filters[0]){ //IE syntax
		if (typeof targetobject.filters[0].opacity=="number") //IE6
			targetobject.filters[0].opacity=value*100
		else //IE 5.5
			targetobject.style.filter="alpha(opacity="+value*100+")"
		}
	else if (targetobject && typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
		targetobject.style.MozOpacity=value
	else if (targetobject && typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
		targetobject.style.opacity=value
	targetobject.currentopacity=value
}

gradualFader.fadeupdown=function(obj, direction){
	var targetobject=obj
	var fadeamount=(direction=="fadeup")? this.increment : -this.increment
	if (targetobject && (direction=="fadeup" && targetobject.currentopacity<1 || direction=="fadedown" && targetobject.currentopacity>this.baseopacity)){
		this.setopacity(obj, targetobject.currentopacity+fadeamount)
		window["opacityfader"+obj._fadeorder]=setTimeout(function(){gradualFader.fadeupdown(obj, direction)}, 300)
	}
}

gradualFader.clearTimer=function(obj){
if (typeof window["opacityfader"+obj._fadeorder]!="undefined")
	clearTimeout(window["opacityfader"+obj._fadeorder])
}

gradualFader.isContained=function(m, e){
	var e=window.event || e
	var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
	while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
	if (c==m)
		return true
	else
		return false
}