var divId = 'div_banner';
var tableId = 'table_banner'
var bWidth = 800;
var bHeight = 35;
var shift = 1;
var leftPos;

function start(){
  setInterval("roll()", 50);
  vAlignment();
  document.getElementById(divId).style.visibility = 'visible';
}

function vAlignment(){
  document.getElementById(divId).style.left = 0 + "px";
  if(document.all){
    document.getElementById(divId).style.top = (document.documentElement.scrollTop + document.body.clientHeight - bHeight);
  } else {
    document.getElementById(divId).style.top = (document.body.clientHeight - bHeight);
  }
  
  //alert(document.body.scrollTop);
  //alert(document.body.clientHeight);
  
  document.getElementById(divId).style.width = document.body.clientWidth;
}


function roll(){
  if(document.all || document.getElementById){
    leftPos = parseInt(document.getElementById(tableId).style.left);
    document.getElementById(tableId).style.left = leftPos - shift + "px";
    
    if(Math.abs(leftPos) >= bWidth){
      document.getElementById(tableId).style.left = (-shift) + "px";
    }
  }
}

function showBanner(html, elm){
  var position;

  if(window.attachEvent){
    //alert("IE");
    window.attachEvent("onscroll", vAlignment);
    window.attachEvent("onresize", vAlignment);
    position = "absolute";
  } else {
    //alert("FF");
    window.addEventListener("resize", vAlignment, 1);
    position = "fixed";
  }
  
  if (window.innerWidth || window.innerHeight){
    docwidth = window.innerWidth;
    docheight = window.innerHeight;
  }
  
  if (document.body.clientWidth || document.body.clientHeight){
    docwidth = document.body.clientWidth;
    docheight = document.body.clientHeight;
  }
      
  
  elm.innerHTML = '<div id="' + divId + '" onMouseout="shift=1" onMouseover="shift=0" style="visibility:hidden;overflow:hidden;position:' + position + ';left:0px;bottom:0px;width:' + docwidth + 'px;height:' + bHeight + 'px;z-index:100;">'+'<table cellspacing=0 cellpadding=0 id="' + tableId + '" style="position:absolute;left:0px;top:0px;width:' + (bWidth * 3) + 'px"><tr><td>' + html + '</td></table></div>';
  		
  setTimeout("start()", 1000);	
}

var Banners = {
	webfolder : "",
	
	show : function(webfolder, pageId){
		this.webfolder = webfolder;
		new Ajax.Request("/"+webfolder+"ajax.server.php", {
			parameters: "ajax=1&module=banners&action=show&pageId="+pageId,
			onSuccess: function(resp) {Banners.onShow(resp.responseText);} 
		})
	},
	
	onShow : function(responseText) {
	
		var banners = evalJson(responseText);
		banners.each(function(banner){
			var elm = $("banner_" + banner.pos);

			if (elm != undefined) {
				var html = null;	
				
        if(banner.pos == "BOTTOM"){
          switch (banner.type_) {
  					case "IMG":
  						html = Banners.buildImageScroll(banner.id, banner.image, banner.imgtext, banner.new_window, banner.url);
  						break;
  					case "FLASH":
  						html = Banners.buildFlash(banner.flash, banner.sizeX, banner.sizeY);
  						break;
  					case "HTML":
  						html = banner.html;
  						break;
  				}
  			
  				//var html = '<a href="#"><img src="http://www.liepaja.lv/upload/Baneri/att_sabiedriskaa_apsprieshana.gif" border="0" width="800" height="35"><img src="http://www.liepaja.lv/upload/Baneri/att_sabiedriskaa_apsprieshana.gif"  border="0" width="800" height="35"><img src="http://www.liepaja.lv/upload/Baneri/att_sabiedriskaa_apsprieshana.gif" border="0" width="800" height="35"></a>';		
				  showBanner(html, elm);
  			} else {
          switch (banner.type_) {
  					case "IMG":
  						html = Banners.buildImage(banner.id, banner.image, banner.imgtext, banner.new_window, banner.url);
  						break;
  					case "FLASH":
  						html = Banners.buildFlash(banner.flash, banner.sizeX, banner.sizeY);
  						break;
  					case "HTML":
  						html = banner.html;
  						break;
  				}
  				
  				if (html != null) elm.innerHTML = html;
  			}
			}
		});
	},
	
	buildImage : function(id, image, imgtext, new_window, url){
    if (url != "") {
      new_window = (new_window == 1) ? " target=blank" : "";
  		return '<a href="/'+this.webfolder+'redirect.php?ajax=1&bid='+id+'" '+new_window+ '>'
  				+ '<img src="'+image+'" title="'+imgtext+'"/></a>';
		}
    else {
      return '<img src="'+image+'" title="'+imgtext+'"/>';
    }		
	},
	
	buildImageScroll : function(id, image, imgtext, new_window, url){
    var x = '<img src="'+image+'" title="'+imgtext+'" border="0" width="800" height="35" /><img src="'+image+'" title="'+imgtext+'" border="0" width="800" height="35" /><img src="'+image+'" title="'+imgtext+'" border="0" width="800" height="35" />';
    
    if(url != ""){
      new_window = (new_window == 1) ? " target=blank" : "";
  		return '<a href="/'+this.webfolder+'redirect.php?ajax=1&bid='+id+'" '+new_window+ '>' +	x + '</a>';
		} else {
      return x;
    }		
	},
	
	buildFlash : function(flash, sizeX, sizeY) {
		return '<object type="application/x-shockwave-flash" data="'+flash+'"  width="'+sizeX+'" height="'+sizeY+'">'
			+ '<param name="movie" value="'+flash+'">'
			+ '<param name="quality" value="high"><param name="play" value="true"><param name="wmode"value="transparent"/>'+
			+ '<embed width="'+sizeX+'" height="'+sizeY+'" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" src="'+flash+'" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed>'
			+'</object>'
	}
}