/*GBears Special banners 
*/


function banner(divid, width,height,bzi,pos,type,bname) {
	var me = this;	
	me.divid = divid;
	me.basez = bzi;
	me.width = width;
	me.height = height;
	me.type = type;
	me.currentslide = 0;
	me.nodes;
	me.pos = pos;
	me.bname = bname;
	me.number = 0;
	me.left = 0;
	me.opacity = 0;

	me.collectnodes = function(){
	//function to collect the nodes from the html
		var NodeList = $(me.divid).getElementsByTagName('li');
		var nodearray = $A(NodeList);
		tempnodes =[];
		x=0;
		for(i=0;i<nodearray.length;i++){
			if (nodearray[i].className =="slide"){
				tempnodes[x] = nodearray[i].innerHTML;
				x++;
			}

		}
		me.nodes = tempnodes;
	}

	me.bannerchange= function(){
		clearTimeout(me.bannertimeout);
		me.oldslide = me.currentslide;
		if(me.currentslide + me.number <0){
			me.currentslide = me.nodes.length -1;
		}else{
			if(me.currentslide + me.number < me.nodes.length){
				me.currentslide = me.currentslide + me.number
			}else{
				me.currentslide = 0;
			}
		}
		if(me.number == 0){
			$(me.divid+"innerbanner1").innerHTML = me.nodes[me.currentslide];	
		}else{
			me.swapslides(me.nodes[me.currentslide],me.nodes[me.oldslide]);
			
		}
		
		$(divid+"controlcentral").innerHTML = "";
		for(i=0;i<me.nodes.length;i++)
		{
		if(i == me.currentslide){
				$(divid+"controlcentral").innerHTML = $(divid+"controlcentral").innerHTML + '<img src="images/slide_button_on.gif">';
			}else{
				$(divid+"controlcentral").innerHTML = $(divid+"controlcentral").innerHTML + '<img src="images/slide_button_off.gif">';;
			}
		}


		me.number =1;
		me.bannertimeout = setTimeout(me.bannerchange,5000);
	}
	
	me.swapslides = function(slide2, slide1){
		$(me.divid+"innerbanner1").innerHTML = slide1;
		$(me.divid+"innerbanner2").innerHTML = slide2;		
		if (me.type == "slide"){
			me.left = 0;
			$(me.divid+"innerbanner2").style.left=me.width +"px";
			$(me.divid+"innerbanner1").style.zIndex = bzi;
			$(me.divid+"innerbanner2").style.zIndex = bzi+1;
			me.slide();
		}
		
		if(me.type == "fade"){
			$(me.divid+"innerbanner1").style.zIndex = bzi+1;
			$(me.divid+"innerbanner2").style.zIndex = bzi;
			me.opacity =0;
			me.fade();
		}else{
			$(me.divid+"innerbanner1").innerHTML = slide1;
		}
	}
	
	me.arrowclick = function(number){
		me.number = number;
		me.bannerchange();
		
	}

	me.slide = function(){
		clearTimeout(me.slideTimeout);
		if(me.left < me.width) {
			$(me.divid +"innerbanner2").style.left = me.width - me.left + "px";
			me.left = me.left + 15;
			me.slideTimeout = setTimeout(me.slide,35);
		}else{
			$(me.divid +"innerbanner2").style.left ="0px";
		}
	}
	me.fade = function(){
		clearTimeout(me.fadeTimeout);
		if (me.opacity <1){
			me.opacity = me.opacity +0.1;
			$(me.divid+"innerbanner1").style.opacity= 1- me.opacity;
		if($(me.divid+"innerbanner1").style.filter){
			$(me.divid+"innerbanner1").style.filter = "alpha(opacity="+(100 -(100*me.opacity))+")";
		}

			me.fadeTimeout = setTimeout(me.fade,35);

		}else{
			me.opacity =1;	
		}
	}

	me.setupbannerhtml = function(divid,bn, p,w,h,zi) {
	var bannerhtml = "";
	$(divid).style.height=(h+20)+"px";
	$(divid).style.width=w+"px";
	$(divid).style.position="relative";
	$(divid).style.overflow="hidden";
	contenthtml = '<div id="'+divid+'content" style="position:relative;overflow:hidden;text-align:left;height:'+h+'px;width:'+w+'px;">' +
				'<div id="'+divid+'innerbanner1" style="position:absolute;height:'+h+'px;filter:alpha(opacity=99)"> </div>'+ 
				'<div id="'+divid+'innerbanner2" style="position:absolute;height:'+h+'px;"> </div>'+ 
				'</div>'; 
	controlhtml = '<div id="'+divid+'controls" style="position:relative;overflow:hidden;height:20px;width:'+w+'px;text-align:center;">'+
					'<div id="'+divid+'leftarrow" style="float:left"><img src="images/slide_left_arrow.gif" onclick="'+bn+'.arrowclick(-1)"></div>' +
				'<div id="'+divid+'controlcentral" style="text-align:center;float:left;height:20px;width:'+(w-60)+'px"> </div>'  +
					'<div id="'+divid+'rightarrow" style="float:right"><img src="images/slide_right_arrow.gif" onclick="'+bn+'.arrowclick(1)"></div>'  +
				'</div>';
	if(p =="top"){
		$(divid).style.height=(h+20)+"px";
		bannerhtml = controlhtml + contenthtml;
	}else{
		if(p="none"){	
			$(divid).style.height=h+"px";	
			bannerhtml = contenthtml + controlhtml ;
		}else{
			$(divid).style.height=(h+20)+"px";	
			bannerhtml = contenthtml + controlhtml ;
		}

	}
	$(me.divid).innerHTML = bannerhtml;
		
	}

	me.collectnodes();
	//call to setup html
	me.setupbannerhtml(me.divid, me.bname, me.pos, me.width, me.height,me.bzi);
	me.bannerchange();	
	
}