function banner(destdiv,efwidth,efheight,rows,colls,picslisttxt,picslinks,varname){
    
    
   
    
    this.picslist=picslisttxt.split("~;~");
    this.picslinks=picslinks.split("~;~");
	this.pics=new Array();
    this.masks=new Array();
    this.destDivId=document.getElementById(destdiv);
    this.actwidth=efwidth;
    this.actheight=efheight;
    this.picind=0;
    this.loaded=0;
    this.linii=rows;
    this.coloane=colls;
    this.curlink=this.picslinks[0];
    
    this.destDivId.style.position="relative";
    
    this.destDivId.style.width=this.actwidth+"px";
    this.destDivId.style.height=(this.actheight)+"px";
    
	
	
	this.backdiv=document.createElement('div');
	this.backdiv.style.position="absolute";
	this.backdiv.style.height=(this.actheight)+"px";
	this.backdiv.style.width=(this.actwidth)+"px";
	this.backdiv.style.top=0+"px";
	this.backdiv.style.left=0+"px";
	this.backdiv.style.zIndex=0;
	this.backdiv.style.background="url('imgs/banner/loading.gif')"
    this.backdiv.style.backgroundRepeat='no-repeat';
	this.backdiv.style.backgroundPosition=this.actwidth/2+"px "+this.actheight/2+"px";
	
	this.backdiv.onclick=function(){
	  // alert("click");
      if(that.curlink!=""){
	   window.location.href=that.curlink;
	  }
    }
    this.backdiv.onmouseover=function(){
	  // alert("click");
      if(that.curlink!=""){
	   that.destDivId.style.cursor="pointer";
	  }
    }
   /* this.backdiv.onmouseout=function(){
	  // alert("click");
      if(that.curlink!=""){
	   document.style.cursor="default";
	  }
    }*/	
	this.destDivId.appendChild(this.backdiv);
	
	

      var that=this;
	  for(i=0;i<this.picslist.length;i++){
	     this.pics[i]=new Image();
	     this.pics[i].onload=function(){that.checkAllLoaded(that)};
	     this.pics[i].src=("imgs/banner/bannerpics/"+this.picslist[i]+".jpg");
	 
       }
   
   
   this.checkAllLoaded=function(who){
   
	who.loaded++;
	if(who.loaded==who.pics.length){
		who.startAll(who);
	}
  }
  
  this.tout=0;

  this.startAll=function(who){
  
  
     // generate the footer
       	
	who.butDiv=document.createElement('div');
	who.butDiv.style.position="absolute";
	who.destDivId.appendChild(who.butDiv);
	who.butDiv.style.left=0+"px";
	who.butDiv.style.top=(this.actheight-33)+"px";
	who.butDiv.style.height="33px";
	who.butDiv.style.width=this.actwidth+"px";
	who.butDiv.style.zIndex=11;
	who.butDiv.style.background="url(imgs/banner/footer.gif)";
	who.butDiv.style.textAlign="right";
	
	
	
	var content="<div style='height:33px;;float:left;width:"+(this.actwidth-10)+"px'>";//<table border='0' cellspacing='0' cellpadding='0' style=\"width:100%;height:100%;background-image:url('imgs/banner/shadtile.gif'\); background-repeat:repeat-x\"> <tr> <td  height='100%' style=\"background-image:url('imgs/banner/leftend.gif'); width:6px\" ></td><td align=\"center\"> <img src='imgs/banner/shadleft.gif'>";
	
	
	
	for(i=0;i<who.pics.length;i++){
	   content+="<img id='but"+i+"' src='imgs/banner/boff.gif' style='cursor:pointer' onclick='"+varname+".goToFrame("+i+")'>";
    }
    content+="</div><div style=\"height:33px;width:10px;float:left\"></div>";
    //content+="<img src='imgs/banner/shadright.gif'></td> <td style=\"background-image:url('imgs/banner/rightend.gif'); width:6px\" ></td></tr></table>"
    
	who.butDiv.innerHTML=content;
     
      
	 //-----------------------
  	 
    for(i=0;i<who.coloane;i++){
     for(j=0;j<who.linii;j++){
		who.masks[who.masks.length]=new Object();
		who.masks[who.masks.length-1].thediv=who.generateMask((who.actwidth/who.coloane),(who.actheight/who.linii),5,i*(who.actwidth/who.coloane),j*(who.actheight/who.linii),who.pics[0].src,-i*(who.actwidth/who.coloane),-j*(who.actheight/who.linii));
		who.masks[who.masks.length-1].opaq=-Math.random()-0.1;
		who.masks[who.masks.length-1].thediv.style.opacity=who.masks[who.masks.length-1].opaq;
		who.masks[who.masks.length-1].thediv.style.filter='alpha(opacity=\''+who.masks[who.masks.length-1].opaq*100+'\')';
		who.destDivId.appendChild(who.masks[who.masks.length-1].thediv);
	 }	
    }
    
	who.startanim(who);
  }
 
  this.startanim=function(who){
  
    clearInterval(who.fadeint);
    
    for(i=0;i<who.masks.length;i++){
            who.masks[i].thediv.style.visibility="";
			who.masks[i].opaq=-Math.random()-0.1;
			who.masks[i].thediv.style.opacity=who.masks[i].opaq;
			who.masks[i].thediv.style.filter='alpha(opacity=\''+who.masks[i].opaq*100+'\')';
			who.masks[i].thediv.style.background="url(\""+who.pics[who.picind].src+"\")";
			who.masks[i].thediv.style.backgroundRepeat="no-repeat";
			coloana=Math.floor(i/who.linii);
			linia=i-coloana*who.linii;
			who.masks[i].thediv.style.backgroundPosition=-coloana*(who.actwidth/who.coloane)+"px "+(-linia*(who.actheight/who.linii))+"px";
		}
    
    
    
	who.fadeint=setInterval(function(){who.fade(who)},20);
  } 


  this.fade=function(who){
  	
	 gata=true;
	 for(i=0;i<this.masks.length;i++){
		who.masks[i].opaq+=0.05;
		who.masks[i].thediv.style.opacity=who.masks[i].opaq;
		who.masks[i].thediv.style.filter='alpha(opacity=\''+who.masks[i].opaq*100+'\')';
		if(who.masks[i].opaq<1){
			gata=false;
		}
	}
    
	if(gata){
		
		clearInterval(who.fadeint);
		who.fadeint=0;
	    who.backdiv.style.background="url(\""+who.pics[who.picind].src+"\")";
	    who.backdiv.style.backgroundRepeat="no-repeat";
	    who.curlink=who.picslinks[who.picind];
	    
	    for(i=0;i<who.pics.length;i++){
	         document.getElementById('but'+i).src='imgs/banner/boff.gif';
	      
	    }
	    
	     
        for(i=0;i<who.masks.length;i++){
            who.masks[i].thediv.style.visibility="hidden";
        }
        
        
	    document.getElementById('but'+who.picind).src='imgs/banner/bon.gif';
	    
		who.picind+=1;
		if(who.picind>=who.pics.length){
			who.picind=0;
		}
		
		
        
			
		   
			var cont=function(){
			    who.tout=0;
				who.startanim(who);
			 }
		if(!this.over){	 
		   this.tout=setTimeout(cont,10000);
		}
		
	
	

	}
	
 }


  this.generateMask=function(wid,heig,zind,ix,iy,backgr,decx,decy){
    var  mydiv=document.createElement('div');
    mydiv.style.position="absolute";
    mydiv.style.zIndex=zind-1;
    mydiv.style.width=wid+'px';
    mydiv.style.height=heig+'px';
    mydiv.style.top=iy+'px';
    mydiv.style.left=ix+'px';
    mydiv.style.background="url(\""+backgr+"\")";
    mydiv.style.backgroundPosition=decx+"px "+decy+"px";
    mydiv.style.backgroundRepeat="no-repeat";
    return mydiv;
  }

   
    this.goToFrame=function(framenr){
    
	   
	   if(that.fadeint==0){
	      clearTimeout(that.tout);
	   	  that.picind=framenr;
	      that.startanim(that);
	   }
	 
   }

   this.goleft=document.createElement('div');
   this.goleft.style.position="absolute";
   this.goleft.style.width="30px";
  
   this.goleft.style.overflow="hidden";
   this.goleft.style.left=0+"px";
   this.goleft.style.background="url(\"imgs/banner/goleft.gif\")";
   
   this.goleft.style.top=0+"px";//(((this.actheight-30)-309)/2)+"px";
   this.goleft.style.height=(this.actheight-30)+"px";
   this.goleft.style.backgroundPosition="0px "+(-1*(309-(this.actheight-30))/2)+"px"; 
   
   this.goleft.style.zIndex=10;
   //this.destDivId.appendChild(this.goleft);
   
   this.goleft.onclick=function(){
    
	   
	   if(that.fadeint==0){
	      clearTimeout(that.tout);
	   	  that.picind-=2;
	      if(that.picind<0){
			that.picind=that.pics.length+that.picind;
			
		   }
	  	   that.startanim(that);
	   }
	 
   }
  
   
   this.goright=document.createElement('div');
   this.goright.style.position="absolute";
   this.goright.style.width="30px";
   
  
   this.goright.style.left=(this.actwidth-30)+"px";
   this.goright.style.background="url(\"imgs/banner/goright.gif\")";
   this.goright.style.overflow="hidden";
   
   this.goright.style.top=0+"px";//(((this.actheight-30)-309)/2)+"px";
   this.goright.style.height=(this.actheight-30)+"px";
   this.goright.style.backgroundPosition="0px "+(-1*(309-(this.actheight-30))/2)+"px"; 
   
   
   this.goright.style.zIndex=10;
  // this.destDivId.appendChild(this.goright);

   this.goright.onclick=function(){
    
	  if(that.fadeint==0){
	      clearTimeout(that.tout);
	   	  that.startanim(that);
	   }
	 
   }

   this.goleft.onmouseover=function(){
      that.destDivId.style.cursor='pointer';
   }
   
    this.goleft.onmouseout=function(){
      that.destDivId.style.cursor='default';
   }
   
   this.goright.onmouseover=function(){
      that.destDivId.style.cursor='pointer';
   }
    this.goright.onmouseout=function(){
      that.destDivId.style.cursor='default';
   }
 
 this.over=false;
 this.destDivId.onmouseover=function(){
   that.over=true;
   clearInterval(that.tout);
   that.tout=0;
 }

  this.destDivId.onmouseout=function(){
   that.over=false;
   var cont=function(){
			    that.tout=0;
    			that.startanim(that);
   }
   that.tout=setTimeout(cont,5000);
 }
}