function init() {

	
	setTimeout(function()
	{
	//	EventSelectors.start(rulesDefault);
		balloonTip.show();
		
		try
		{
		myRbir = new Rbir(
		{
			def:['./images/radio_act.gif', './images/radio_def.gif'] //DEFAULT IMAGES
			//dark:['./images/radio_act_dark.gif', './images/radio_def_dark.gif', ]
		});}
		catch(e){
		console.log('radio')
		} 
		try
		{
		myCbir = new Cbir(
		{
			def:['./images/checkbox_act.gif', './images/checkbox_def.gif']
		});}
		catch(e){
		console.log('check')
		}
		
		try
		{
		Sbr.init('');
		}catch(e){}
		
		
		
	},50);
	//TopList.init();
	
}

// Event-Selectors
var rulesDefault = {
  'ul.map li.point_ballon span:mouseover': function(element, event) {
		var obj = element;
		var info = obj.next();
		if (info) balloonTip.show(info, {'x':3,'y':-25},"",event);
  },
	'ul.map li.point_ballon span:mouseout': function(element) {
    balloonTip.hide();
  },
  'ul.map li.point_ballon span a:mouseover': function(element, event) {
		var obj = element;
		var info = obj.up().next();
		if (info) balloonTip.show(info, {'x':3,'y':-25},"",event);
  },
	'ul.map li.point_ballon span a:mouseout': function(element) {
    balloonTip.hide();
  }
}

var balloonTip = {
	show: function(source, offset, balloonClass,event) {
		if (!this.balloon) this.build();
		if (!source) return false;
		if (typeof(source) == 'object' && source.tagName != null) {
			this.source = source.cloneNode(true);
			this.source.style.display = '';
		} else {
			this.source = document.createTextNode(source);
		}
		this.offset = offset ? (typeof(offset)!='object' ? {'x':offset,'y':offset} : offset ) : {'x':0,'y':0};
		this.balloon.className = balloonClass ? balloonClass : '';

		this.tip.appendChild(this.source);
		this.sizes = {
			scrollX : (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft),
			scrollY : (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop),
			winX : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth),
			winY : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)
		};
		balloonTip.posit(event);
		document.onmousemove = function(event) {balloonTip.posit(event);}
		this.balloon.style.display = 'block';
	},

	build: function() {
		this.balloon = document.createElement('div');
		this.balloon.setAttribute('id','balloon');
		this.balloon.style.display = 'none';
		this.tip = document.createElement('div');
		this.tip.setAttribute('id','balloon-tip');
		this.balloon.appendChild(this.tip);
		document.getElementsByTagName('body').item(0).appendChild(this.balloon);
	},

	posit: function(evt) {
		//this.balloon.style.left = 'auto';
		var bX = this.balloon.offsetWidth;
		var bY = this.balloon.offsetHeight;
		var mx = this.mouseX(evt);
		var my = this.mouseY(evt);
		if(mx<0 || my<0){
			return;
		}
		var x = mx + this.offset.x;
		var y = my + this.offset.y;

		if (bX < this.sizes.winX && x - this.sizes.scrollX + bX >= this.sizes.winX) {
			x -= bX + this.offset.x * 2;
		}
		if (bY < this.sizes.winY && y - this.sizes.scrollY + bY >= this.sizes.winY) {
			y -= bY + this.offset.y * 2;
		}

		this.balloon.style.left = x + 'px';
		this.balloon.style.top = y + 'px';
	},

	hide: function() {
		document.onmousemove = function() { return false; }
		try{this.tip.removeChild(this.source);}catch(e){}
		this.source = null;
		this.balloon.style.display = 'none';
		this.balloon.style.left = this.balloon.style.top = '-1000px';
	},

	mouseX: function(evt) {
		if (document.all) if (event) evt = event;
		if (evt.pageX)
			return evt.pageX;
		if (evt.clientX)
			return evt.clientX + this.sizes.scrollX;
		return -1;
	},
	mouseY: function(evt) {
		if (document.all) if (event) evt = event;
		if (evt.pageY)
			return evt.pageY;
		if (evt.clientY)
			return evt.clientY + this.sizes.scrollY;
		return -1;
	}
}


function wrapSelectBox(select) {
	Selector.findChildElements(select, ['li']).without(select).each(function (li) {
		Event.observe(li, 'click', function(event) {
			li = Event.element(event);
			select.down('dt').update(li.innerHTML);
			if (input = select.down('input')) {
				var attrVal = li.getAttribute('value');
				input.value = (!attrVal || attrVal == -1) ? li.getAttribute('lang') : attrVal;
			}
			var changeCode = select.getAttribute('onchange');
			if (changeCode && changeCode != '') {
				eval(changeCode);
			}
		}.bind(select));
	});
}

Event.observe(window, "load", function(event) {
	$$('dl.selReplaced').each(wrapSelectBox);
});

/**
 * Radio-buttons Image Replacing
 * v.0.9.2 (2007-01-10)
 * by ZeT, � Envisionext (www.envisionext.com)
 *
 * This script automatically replaces all radio-buttons on the page with defined images.
 * No need to any changes of html-code.
 *
 * Setup:
 * Just include this rbir.js, make new object myCbir and define images.
 * Example:
<script type="text/javascript" src="{*design_url*}rbir.js"></script> <script type="text/javascript">
   window.onload = function () {myRbir = new Rbir('radio_on.gif', 'radio_off.gif',  'radio_dis.gif');}
 </script>
 * where images: checked checkbox, unchecked checkbox, disabled checkbox.
 * (disabled is not required)
 */

function Rbir(init) {
	this.initObj = init;
	this.img_on = new Image();
	this.img_off = new Image();
	this.img_on.src = init.def[0];
	this.img_off.src = init.def[1];
	if (init.def[2]) {
		this.img_dis = new Image();
		this.img_dis.src = init.def[2];
	}

	this.labels = document.getElementsByTagName('label');
	var inputs = document.getElementsByTagName('input');
	for (var i=0; i<inputs.length; i++) {
		if (inputs[i].getAttribute('type') == 'radio') {
			if (!inputs[i].getAttribute('id')) {
				inputs[i].setAttribute('id','radio_'+i);
			}
			this.init(inputs[i]);
		}
	}
}

Rbir.prototype.init = function(radio) {
	var img	= document.createElement('img');
	radio.parentNode.insertBefore(img, radio.nextSibling);
	img.className = 'radioImg';
	img.onclick = function() { var r = this.previousSibling; r.click(); myRbir.changeMe(r);}
	this.imgCheck(radio);
	this.lblCheck(radio);
	radio.style.position = 'absolute';
	radio.style.left = '-1000em';
}
//Add by Aldegran
Rbir.prototype.imgPicture = function(type,radio) {
	var ret = this.img_on.src;
	var clas = radio.className;
	if(clas.indexOf(' ')>0) {
		clas = clas.split(" ");
		for(var m=0; m<clas.length; m++) {
			var find = false;
			for(var n in this.initObj) {
				if(n == "def") {
					continue;
				} else {
					if(clas[m] == n) {
						if(this.initObj[n][type]){
							ret = this.initObj[n][type];
						} else {
							switch(type)
							{
								case 1: ret = this.img_off.src; break;
								case 2: ret = this.img_dis.src; break;
							}
						}
						find = true;
						break;
					}
				}
			}
			if(find){
				break;
			}
		}
	} else {
		switch(type)
		{
			case 1: ret = this.img_off.src; break;
			case 2: ret = this.img_dis.src; break;
		}
	}
	return ret;
}
//
Rbir.prototype.imgCheck = function(radio) {
	var img = radio.nextSibling;
	if (this.img_dis && radio.disabled) {
		img.src = this.imgPicture(2,radio);//this.img_dis.src;
	} else {
		if (radio.checked) {
			img.src = this.imgPicture(0,radio);//this.img_on.src;
		} else {
			img.src = this.imgPicture(1,radio);//this.img_off.src
		}
	}
}

Rbir.prototype.lblCheck = function(radio) {
	if (radio.disabled) return;
  var id = radio.getAttribute('id');

  var parent = radio.parentNode;
  if (parent.tagName.toLowerCase() == 'label') {
    if (navigator.appVersion.indexOf('MSIE 7.0')==-1) {
      radio.nextSibling.onclick = function() {};
    }
    parent.setAttribute('id', 'label_' + id);
    parent.onclick = function() {
			var id = this.getAttribute('id').replace('label_','');
			var r = document.getElementById(id);
			if (document.all && navigator.appVersion.indexOf('MSIE 7.0')==-1 && !window.opera) r.click(); // for IE<7
			myRbir.changeMe(r);
		}
    // return true;
  }
  for (var i=0; i<this.labels.length; i++) {
    lbl = this.labels[i];
    if (lbl.htmlFor == id) {
    	lbl.onclick = function() {
				var r = document.getElementById(this.htmlFor);
				r.click();
				myRbir.changeMe(r);
				return false;
			}
    }
  }
  return false;
}

Rbir.prototype.changeMe = function(radio) {
	var inputs = radio.form.getElementsByTagName('input');
	for (var i=0; i<inputs.length; i++) {
		if (inputs[i].getAttribute('type') == 'radio') {
			this.imgCheck(inputs[i]);
		}
	}
}


/**
 * Checkboxes Image Replacing
 * v.0.5.1 (2006-11-08)
 * by ZeT, � Envisionext (www.envisionext.com)
 *
 * This script automatically replaces all checkboxes on the page with defined images.
 * No need to any changes of html-code.
 *
 * Setup:
 * Just include this cbir.js, make new object myCbir and define images.
 * Example:
 <script type="text/javascript" src="cbir.js"></script>
 <script type="text/javascript"> 
   window.onload = function () {myCbir = new Cbir('check_on.gif', 'check_off.gif',  'check_dis.gif');}
 </script>
 * where images: checked checkbox, unchecked checkbox, disabled checkbox.
 * (disabled is not required)
 */

/*
Added png support for IE by Larkin
*/

var isIE = (navigator.appVersion.indexOf("MSIE")> -1)?true:false;
if(isIE)
{
var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);
}


function Cbir(init) {
	this.inId = arguments[1];
	this.initObj = init;
	this.img_on = new Image();
	this.img_off = new Image();
	this.img_on.src = init.def[0];
	this.img_off.src = init.def[1];
	this.pngMode = (init.def[0].indexOf('.png')>-1 || init.def[1].indexOf('.png')>-1)?true:false;
	if (init.def[2]) {
		this.img_dis = new Image();
		this.img_dis.src = init.def[2];
	} 
	              
	this.labels = document.getElementsByTagName('label');
  if(this.inId ){
		try{this.inputs = $(this.inId).getElementsByTagName('input');}catch(e){}
	} else {
		this.inputs = document.getElementsByTagName('input');
		
	}
  for (var i=0; i<this.inputs.length; i++) {
  		if(this.inputs[i].getAttribute('rel')=="noChange")continue;
		input = this.inputs[i];
    if (input.getAttribute('type') == 'checkbox') {
      if (!input.getAttribute('id')) {
        input.setAttribute('id', 'checkbox_' + input.getAttribute('name') + '_' + i);
      }        
	  
	  var curSrc = (this.img_dis && input.disabled)? this.imgPicture(2,input) :( (input.checked)?this.imgPicture(0,input):this.imgPicture(1,input));
	  
			if(this.pngMode)
			{
				var img	= document.createElement('span');
				if(isIE && version < 7)
					img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + curSrc[0] + "', sizingMethod='image')";
				else
					img.style.backgroundImage = "url('"+curSrc[0]+"')";
			}
			else
			{
				var img	= document.createElement('img');
				img.src = curSrc[0];
			}
			
			img.setAttribute('id', 'img_' + input.getAttribute('id')); 
			img.className = 'checkbox_img';
			if (!input.disabled) {
				if (!this.checkLabels(input)) {
				  img.onclick = function() { myCbir.toggle (this); }
				}                  
			}             
			
			input.parentNode.insertBefore(img, input.nextSibling);
			
			if(this.pngMode)
			{
				img.style.display="inline-block";
				
				img.style.width = curSrc[1]+"px";
				img.style.height = curSrc[2]+"px";
			}

			//input.style.display = 'none';  /* this method doesn't work in safari */
			input.style.visibility = 'hidden';
			input.style.position = 'absolute';
			
    }
  }
}       

Cbir.prototype.checkLabels = function(inp) {
  this.inp_id = inp.getAttribute('id');
	                    
  this.inp_parent = inp.parentNode;
  if (this.inp_parent.tagName.toLowerCase() == 'label') {
    this.inp_parent.setAttribute('id', 'label_' + this.inp_id);    
    this.inp_parent.onclick = function() { myCbir.toggle (this);}
		return true;      
  }
  for (var i=0; i<this.labels.length; i++) {
    lbl = this.labels[i];
    if (lbl.htmlFor == this.inp_id) {
      lbl.setAttribute('id', 'label_' + this.inp_id);     
    	lbl.onclick = function() { myCbir.toggle (this); return false; }
    }
  }
  return false;
}     
//Add by Aldegran
Cbir.prototype.imgPicture = function(type,radio) {
	var ret = new Array (this.img_on.src,this.img_on.width,this.img_on.height);
	var clas = radio.className;
	if(clas.indexOf(' ')>0) {
		clas = clas.split(" ");
		for(var m=0; m<clas.length; m++) {
			var find = false;
			for(var n in this.initObj) {
				if(n == "def") {
					continue;
				} else {
					if(clas[m] == n) {
						if(this.initObj[n][type]){
							ret = this.initObj[n][type];
						} else {
							switch(type)
							{
								case 1: ret = [this.img_off.src,this.img_off.width,this.img_off.height]; break;
								case 2: ret = [this.img_dis.src,this.img_dis.width,this.img_dis.height]; break;
							}
						}
						find = true;
						break;
					}
				}
			}
			if(find){
				break;
			}
		}
	} else {
		switch(type)
		{
			case 1: ret = [this.img_off.src,this.img_off.width,this.img_off.height]; break;
			case 2: ret = [this.img_dis.src,this.img_dis.width,this.img_dis.height]; break;
		}
	}
	return ret;
}
//
Cbir.prototype.toggle = function(el) {
  if (!el) return false;  
                
	id = (el.tagName.toLowerCase() == 'img' || el.tagName.toLowerCase() == 'span') ? el.getAttribute('id').replace('img_', '') : el.getAttribute('id').replace('label_', '');
  checkbox = document.getElementById(id);    
  img = document.getElementById('img_' + id);
  
  checkbox.click();   

  var curSrc = checkbox.checked ? this.imgPicture(0,checkbox) : this.imgPicture(1,checkbox);           
	  
			if(this.pngMode)
			{
				if(isIE && version < 7)
					img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + curSrc[0] + "', sizingMethod='image')";
				else
					img.style.backgroundImage = "url('"+curSrc[0]+"')";
			}
			else
			{
				img.src = curSrc[0];
			}
}   




/***************************************************************************
  This code is from Dynamic Web Coding at www.dyn-web.com
  Copyright 2004 by Sharon Paine 
  See Terms of Use at www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
****************************************************************************/


// Size dragBar according to layer size?  
dw_scrollObj.prototype.bSizeDragBar = true;

dw_scrollObj.prototype.setUpScrollbar = function(id, trkId, axis, offx, offy) {
  if (!document.getElementById) return;
  var bar = document.getElementById(id);
  var trk = document.getElementById(trkId);
  dw_slidebar.init(bar, trk, axis, offx, offy);
  // connect dw_slidebar with dw_scrollObj
  bar.wn = dw_scrollObjs[this.id]; // scroll area object this bar connected to
  if (axis == "v") this.vBarId = id; else this.hBarId = id;
  // also called on_load (i.e., when layer loaded), but in case h and v scrollbars, need to call here too
  if (this.bSizeDragBar) this.setBarSize();
  bar.on_drag_start = bar.on_slide_start = dw_scrollObj.getWndoLyrRef;
  bar.on_drag_end =   bar.on_slide_end =   dw_scrollObj.tossWndoLyrRef;
  bar.on_drag =       bar.on_slide =       dw_scrollObj.UpdateWndoLyrPos;
}
// for these 3 functions (assigned to bar.on_drag/slide...) "this" refers to bar
// get/discard ref to layer visible in scroll area
dw_scrollObj.getWndoLyrRef = function()  { this.wnLyr = document.getElementById(this.wn.lyrId); }
dw_scrollObj.tossWndoLyrRef = function() { this.wnLyr = null; }
// keep position of scrolling layer in synch with slide/drag of bar
dw_scrollObj.UpdateWndoLyrPos = function(x, y) {
  var nx, ny;
  if (this.axis == "v") {
    nx = this.wn.x; // floating point values for loaded layer's position held in shiftTo method
    ny = -(y - this.minY) * ( this.wn.maxY / (this.maxY - this.minY) ) || 0;
  } else {
    ny = this.wn.y;
    nx = -(x - this.minX) * ( this.wn.maxX / (this.maxX - this.minX) ) || 0;
  }
  this.wn.shiftTo(this.wnLyr, nx, ny);
}

// Keep position of dragBar in sync with position of layer onscroll
dw_scrollObj.prototype.updateScrollbar = function(x, y) {
  var nx, ny;
  if ( this.vBarId ) {
    if (!this.maxY) return;
    ny = -( y * ( (this.vbar.maxY - this.vbar.minY) / this.maxY ) - this.vbar.minY );
    ny = Math.min( Math.max(ny, this.vbar.minY), this.vbar.maxY);  
    nx = parseInt(this.vbar.style.left);
    this.vbar.style.left = nx + "px"; this.vbar.style.top = ny + "px";
  } if ( this.hBarId ) {
    if (!this.maxX) return;
    nx = -( x * ( (this.hbar.maxX - this.hbar.minX) / this.maxX ) - this.hbar.minX );
    nx = Math.min( Math.max(nx, this.hbar.minX), this.hbar.maxX);
    ny = parseInt(this.hbar.style.top);
    this.hbar.style.left = nx + "px"; this.hbar.style.top = ny + "px";
  } 
  
}

// Restore dragBar to start position when loading new layer
dw_scrollObj.prototype.restoreScrollbars = function() {
  var bar;
  if (this.vBarId) {
    bar = document.getElementById(this.vBarId);
    bar.style.left = bar.minX + "px"; bar.style.top = bar.minY + "px";
  }
  if (this.hBarId) {
    bar = document.getElementById(this.hBarId);
    bar.style.left = bar.minX + "px"; bar.style.top = bar.minY + "px";
  }
}
  
// Size dragBar in proportion to size of content in layer
// called on_load of layer if bSizeDragBar prop true
dw_scrollObj.prototype.setBarSize = function() {
  var bar;
  var lyr = document.getElementById(this.lyrId);
  var wn = document.getElementById(this.id);
  if (this.vBarId) {
    bar = document.getElementById(this.vBarId);
    bar.style.height = (lyr.offsetHeight > wn.offsetHeight)? bar.trkHt / ( lyr.offsetHeight / wn.offsetHeight ) + "px": bar.trkHt - 2*bar.minY + "px";
    bar.maxY = bar.trkHt - bar.offsetHeight - bar.minY; 
  }
  if (this.hBarId) {
    bar = document.getElementById(this.hBarId);
    bar.style.width = (this.wd > wn.offsetWidth)? bar.trkWd / ( this.wd / wn.offsetWidth ) + "px": bar.trkWd - 2*bar.minX + "px";
    bar.maxX = bar.trkWd - bar.offsetWidth - bar.minX; 
  }
}

// called from load method
dw_scrollObj.prototype.on_load = function() { 
  this.restoreScrollbars();
  if (this.bSizeDragBar) this.setBarSize();
}

dw_scrollObj.prototype.on_scroll = dw_scrollObj.prototype.on_slide = function(x,y) { this.updateScrollbar(x,y); }

// obtain and discard references to relevant dragBar
dw_scrollObj.prototype.on_scroll_start = dw_scrollObj.prototype.on_slide_start = function() {
  if ( this.vBarId ) this.vbar = document.getElementById(this.vBarId);
  if ( this.hBarId ) this.hbar = document.getElementById(this.hBarId);
}

dw_scrollObj.prototype.on_scroll_end = dw_scrollObj.prototype.on_slide_end = function(x, y) { 
  this.updateScrollbar(x,y);
  this.lyr = null; this.bar = null; 
}

/*************************************************************************
  This code is from Dynamic Web Coding at www.dyn-web.com
  Copyright 2004 by Sharon Paine 
  See Terms of Use at www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/

/*   dw_slidebar.js   version date: Feb 2004   requires dw_event.js   */

// model: Aaron Boodman's dom drag at www.youngpup.net
var dw_slidebar = {
  obj: null,
  slideDur: 500,  // duration of glide onclick of track  
  init: function (bar, track, axis, x, y) {
    x = x || 0; y = y || 0;
    bar.style.left = x + "px"; bar.style.top = y + "px";
    bar.axis = axis; track.bar = bar;
    if (axis == "h") {
      bar.trkWd = track.offsetWidth; // hold for setBarSize
      bar.maxX = bar.trkWd - bar.offsetWidth - x; 
      bar.minX = x; bar.maxY = y; bar.minY = y;
    } else {
      bar.trkHt = track.offsetHeight;
      bar.maxY = bar.trkHt - bar.offsetHeight - y; 
      bar.maxX = x; bar.minX = x; bar.minY = y;
    }
    bar.on_drag_start =  bar.on_drag =   bar.on_drag_end = 
    bar.on_slide_start = bar.on_slide =  bar.on_slide_end = function() {}
    bar.onmousedown = this.startDrag; track.onmousedown = this.startSlide;
  },
  
  startSlide: function(e) { // called onmousedown of track 
    if ( dw_slidebar.aniTimer ) clearInterval(dw_slidebar.aniTimer);
    e = e? e: window.event;
    var bar = dw_slidebar.obj = this.bar; // i.e., track's bar
    e.offX = (typeof e.layerX != "undefined")? e.layerX: e.offsetX;
    e.offY = (typeof e.layerY != "undefined")? e.layerY: e.offsetY;
    bar.startX = parseInt(bar.style.left); bar.startY = parseInt(bar.style.top);
    if (bar.axis == "v") {
      bar.destX = bar.startX;
      bar.destY = (e.offY < bar.startY)? e.offY: e.offY - bar.offsetHeight;
      bar.destY = Math.min( Math.max(bar.destY, bar.minY), bar.maxY );
    } else {
      bar.destX = (e.offX < bar.startX)? e.offX: e.offX - bar.offsetWidth;
      bar.destX = Math.min( Math.max(bar.destX, bar.minX), bar.maxX );
      bar.destY = bar.startY;
    }
    bar.distX = bar.destX - bar.startX; bar.distY = bar.destY - bar.startY;
    dw_slidebar.per = Math.PI/(2 * dw_slidebar.slideDur);
  	dw_slidebar.slideStart = (new Date()).getTime();
    bar.on_slide_start(bar.startX, bar.startY);
  	dw_slidebar.aniTimer = setInterval("dw_slidebar.doSlide()",10);
  },
  
  doSlide: function() {
    if ( !dw_slidebar.obj ) { clearInterval(dw_slidebar.aniTimer); return; }    
    var bar = dw_slidebar.obj;     
    var elapsed = (new Date()).getTime() - this.slideStart;
  	if (elapsed < this.slideDur) {
  		var x = bar.startX + bar.distX * Math.sin(this.per*elapsed);
  		var y = bar.startY + bar.distY * Math.sin(this.per*elapsed);
      bar.style.left = x + "px"; bar.style.top = y + "px";
      bar.on_slide(x, y);
  	} else {	// if time's up
      clearInterval(this.aniTimer);
      bar.style.left = bar.destX + "px"; bar.style.top = bar.destY + "px";
      bar.on_slide_end(bar.destX, bar.destY);
      this.obj = null;
  	}
  },
  
  startDrag: function (e) { // called onmousedown of bar 
    e = dw_event.DOMit(e);
    if ( dw_slidebar.aniTimer ) clearInterval(dw_slidebar.aniTimer);
    var bar = dw_slidebar.obj = this;
    bar.downX = e.clientX; bar.downY = e.clientY;
    bar.startX = parseInt(bar.style.left);
    bar.startY = parseInt(bar.style.top);
    bar.on_drag_start(bar.startX, bar.startY);
    dw_event.add( document, "mousemove", dw_slidebar.doDrag, true );
    dw_event.add( document, "mouseup",   dw_slidebar.endDrag,  true );
    e.stopPropagation();
  },

  doDrag: function (e) {
    e = e? e: window.event;
    if (!dw_slidebar.obj) return;
    var bar = dw_slidebar.obj; 
    var nx = bar.startX + e.clientX - bar.downX;
    var ny = bar.startY + e.clientY - bar.downY;
    nx = Math.min( Math.max( bar.minX, nx ), bar.maxX);
    ny = Math.min( Math.max( bar.minY, ny ), bar.maxY);
    bar.style.left = nx + "px"; bar.style.top  = ny + "px";
    bar.on_drag(nx,ny);
    return false;  
  },
  
  endDrag: function () {
    dw_event.remove( document, "mousemove", dw_slidebar.doDrag, true );
    dw_event.remove( document, "mouseup",   dw_slidebar.endDrag,  true );
    if ( !dw_slidebar.obj ) return; // avoid errors in ie if inappropriate selections
    dw_slidebar.obj.on_drag_end( parseInt(dw_slidebar.obj.style.left), parseInt(dw_slidebar.obj.style.top) );
    dw_slidebar.obj = null;  
  }
  
}

/*************************************************************************
  This code is from Dynamic Web Coding at www.dyn-web.com
  Copyright 2001-4 by Sharon Paine 
  See Terms of Use at www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/

/* dw_hoverscroll.js  version date: June 2004 
mouseover scrolling for dw_scrollObj (http://cdn-small.megadvdarchive.com/in dw_scrollObj.js)  */
dw_scrollObj.stopScroll = function(wnId) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].endScroll();
}

// increase speed onmousedown of scroll links
dw_scrollObj.doubleSpeed = function(wnId) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].speed *= 2;
}

dw_scrollObj.resetSpeed = function(wnId) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].speed /= 2;
}

// algorithms for time-based scrolling and scrolling onmouseover at any angle adapted from youngpup.net
dw_scrollObj.initScroll = function(wnId, deg, sp) {
  if ( dw_scrollObjs[wnId] ) {
    var cosine, sine;
    if (typeof deg == "string") {
      switch (deg) {
        case "up"    : deg = 90;  break;
        case "down"  : deg = 270; break;
        case "left"  : deg = 180; break;
        case "right" : deg = 0;   break;
        default: 
          alert("Direction of scroll in mouseover scroll links should be 'up', 'down', 'left', 'right' or number: 0 to 360.");
       }
    } 
    deg = deg % 360;
    if (deg % 90 == 0) {
      cosine = (deg == 0)? -1: (deg == 180)? 1: 0;
      sine = (deg == 90)? 1: (deg == 270)? -1: 0;
    } else {
      var angle = deg * Math.PI/180;
      cosine = -Math.cos(angle); sine = Math.sin(angle);
    }
    dw_scrollObjs[wnId].fx = cosine / ( Math.abs(cosine) + Math.abs(sine) );
    dw_scrollObjs[wnId].fy = sine / ( Math.abs(cosine) + Math.abs(sine) );
    dw_scrollObjs[wnId].endX = (deg == 90 || deg == 270)? dw_scrollObjs[wnId].x:
      (deg < 90 || deg > 270)? -dw_scrollObjs[wnId].maxX: 0; 
    dw_scrollObjs[wnId].endY = (deg == 0 || deg == 180)? dw_scrollObjs[wnId].y: 
      (deg < 180)? 0: -dw_scrollObjs[wnId].maxY;
    dw_scrollObjs[wnId].startScroll(sp);
  }
}

// speed (optional) to override default speed (set in dw_scrollObj.speed)
dw_scrollObj.prototype.startScroll = function(speed) {
  if (!this.ready) return; if (this.timerId) clearInterval(this.timerId);
  this.speed = speed || dw_scrollObj.speed;
  this.lyr = document.getElementById(this.lyrId);
  this.lastTime = ( new Date() ).getTime();
  this.on_scroll_start();  
  this.timerId = setInterval(this.animString + ".scroll()", 10); 
}

dw_scrollObj.prototype.scroll = function() {
  var now = ( new Date() ).getTime();
  var d = (now - this.lastTime)/1000 * this.speed;
  if (d > 0) {
    var x = this.x + this.fx * d; var y = this.y + this.fy * d;
    if (this.fx == 0 || this.fy == 0) { // for horizontal or vertical scrolling
      if ( ( this.fx == -1 && x > -this.maxX ) || ( this.fx == 1 && x < 0 ) || 
        ( this.fy == -1 && y > -this.maxY ) || ( this.fy == 1 && y < 0 ) ) {
        this.lastTime = now;
        this.shiftTo(this.lyr, x, y);
        this.on_scroll(x, y);
      } else {
        clearInterval(this.timerId); this.timerId = 0;
        this.shiftTo(this.lyr, this.endX, this.endY);
        this.on_scroll_end(this.endX, this.endY);
      }
    } else { // for scrolling at an angle (stop when reach end on one axis)
      if ( ( this.fx < 0 && x >= -this.maxX && this.fy < 0 && y >= -this.maxY ) ||
        ( this.fx > 0 && x <= 0 && this.fy > 0 && y <= 0 ) ||
        ( this.fx < 0 && x >= -this.maxX && this.fy > 0 && y <= 0 ) ||
        ( this.fx > 0 && x <= 0 && this.fy < 0 && y >= -this.maxY ) ) {
        this.lastTime = now;
        this.shiftTo(this.lyr, x, y);
        this.on_scroll(x, y);
      } else {
        clearInterval(this.timerId); this.timerId = 0;
        this.on_scroll_end(this.x, this.y);
      }
    }
  }

}

dw_scrollObj.prototype.endScroll = function() {
  if (!this.ready) return;
  if (this.timerId) clearInterval(this.timerId);
  this.timerId = 0;  this.lyr = null;
}

dw_scrollObj.prototype.on_scroll = function() {}
dw_scrollObj.prototype.on_scroll_start = function() {}
dw_scrollObj.prototype.on_scroll_end = function() {}
  



/*************************************************************************
    dw_event.js (version date Feb 2004)
        
    This code is from Dynamic Web Coding at http://www.dyn-web.com/
    See Terms of Use at http://www.dyn-web.com/bus/terms.html
    regarding conditions under which you may use this code.
    This notice must be retained in the code as is!
*************************************************************************/

var dw_event = {
  
  add: function(obj, etype, fp, cap) {
    cap = cap || false;
    if (obj.addEventListener) obj.addEventListener(etype, fp, cap);
    else if (obj.attachEvent) obj.attachEvent("on" + etype, fp);
  }, 

  remove: function(obj, etype, fp, cap) {
    cap = cap || false;
    if (obj.removeEventListener) obj.removeEventListener(etype, fp, cap);
    else if (obj.detachEvent) obj.detachEvent("on" + etype, fp);
  }, 

  DOMit: function(e) { 
    e = e? e: window.event;
    e.tgt = e.srcElement? e.srcElement: e.target;
    
    if (!e.preventDefault) e.preventDefault = function () { return false; }
    if (!e.stopPropagation) e.stopPropagation = function () { if (window.event) window.event.cancelBubble = true; }
        
    return e;
  }
  
}


/*************************************************************************
  This code is from Dynamic Web Coding at dyn-web.com
  Copyright 2001-5 by Sharon Paine 
  See Terms of Use at www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/

/* 
    dw_scrollObj.js  version date: March 2005
    GeckoTableBugFix algorithm revised, and now excludes Safari and Konqueror.
    
    dw_scrollObj.js contains constructor and basic methods for scrolling layers.
    Use with dw_hoverscroll.js and/or dw_glidescroll.js,
    and when including scrollbars: dw_scroll-aux.js and dw_slidebar.js
*/

dw_scrollObjs = {};
dw_scrollObj.speed=150;
function dw_scrollObj(wnId,lyrId,cntId){this.id=wnId;dw_scrollObjs[this.id]=this;this.animString="dw_scrollObjs."+this.id;this.load(lyrId,cntId);};dw_scrollObj.loadLayer=function(wnId,id,cntId){if(dw_scrollObjs[wnId])dw_scrollObjs[wnId].load(id,cntId);};dw_scrollObj.prototype.load=function(lyrId,cntId){if(!document.getElementById)return;var wndo,lyr;if(this.lyrId){lyr=document.getElementById(this.lyrId);lyr.style.visibility="hidden";}lyr=document.getElementById(lyrId);wndo=document.getElementById(this.id);lyr.style.top=this.y=0;lyr.style.left=this.x=0;this.maxY=(lyr.offsetHeight-wndo.offsetHeight>0)?lyr.offsetHeight-wndo.offsetHeight:0;this.wd=cntId?document.getElementById(cntId).offsetWidth:lyr.offsetWidth;this.maxX=(this.wd-wndo.offsetWidth>0)?this.wd-wndo.offsetWidth:0;this.lyrId=lyrId;lyr.style.visibility="visible";this.on_load();this.ready=true;};dw_scrollObj.prototype.on_load=function(){};dw_scrollObj.prototype.shiftTo=function(lyr,x,y){if(!lyr.style||!dw_scrollObj.scrdy)return;lyr.style.left=(this.x=x)+"px";lyr.style.top=(this.y=y)+"px";};dw_scrollObj.GeckoTableBugFix=function(){var ua=navigator.userAgent;if(ua.indexOf("Gecko")>-1&&ua.indexOf("Firefox")==-1&&ua.indexOf("Safari")==-1&&ua.indexOf("Konqueror")==-1){dw_scrollObj.hold=[];for(var i=0;arguments[i];i++){if(dw_scrollObjs[arguments[i]]){var wndo=document.getElementById(arguments[i]);var holderId=wndo.parentNode.id;var holder=document.getElementById(holderId);document.body.appendChild(holder.removeChild(wndo));wndo.style.zIndex=1000;var pos=getPageOffsets(holder);wndo.style.left=pos.x+"px";wndo.style.top=pos.y+"px";dw_scrollObj.hold[i]=[arguments[i],holderId];}}window.addEventListener("resize",dw_scrollObj.rePositionGecko,true);}};dw_scrollObj.rePositionGecko=function(){if(dw_scrollObj.hold){for(var i=0;dw_scrollObj.hold[i];i++){var wndo=document.getElementById(dw_scrollObj.hold[i][0]);var holder=document.getElementById(dw_scrollObj.hold[i][1]);var pos=getPageOffsets(holder);wndo.style.left=pos.x+"px";wndo.style.top=pos.y+"px";}}};function getPageOffsets(el){var left=el.offsetLeft;var top=el.offsetTop;if(el.offsetParent&&el.offsetParent.clientLeft||el.offsetParent.clientTop){left+=el.offsetParent.clientLeft;top+=el.offsetParent.clientTop;}while(el=el.offsetParent){left+=el.offsetLeft;top+=el.offsetTop;}return{x:left,y:top};};var dw_Inf={};dw_Inf.fn=function(v){return eval(v)};dw_Inf.gw=dw_Inf.fn("\x77\x69\x6e\x64\x6f\x77\x2e\x6c\x6f\x63\x61\x74\x69\x6f\x6e");dw_Inf.ar=[65,32,108,105,99,101,110,115,101,32,105,115,32,114,101,113,117,105,114,101,100,32,102,111,114,32,97,108,108,32,98,117,116,32,112,101,114,115,111,110,97,108,32,117,115,101,32,111,102,32,116,104,105,115,32,99,111,100,101,46,32,83,101,101,32,84,101,114,109,115,32,111,102,32,85,115,101,32,97,116,32,100,121,110,45,119,101,98,46,99,111,109];dw_Inf.get=function(ar){var s="";var ln=ar.length;for(var i=0;i<ln;i++){s+=String.fromCharCode(ar[i]);}return s;};dw_Inf.mg=dw_Inf.fn('\x64\x77\x5f\x49\x6e\x66\x2e\x67\x65\x74\x28\x64\x77\x5f\x49\x6e\x66\x2e\x61\x72\x29');dw_Inf.fn('\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x31\x3d\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x2e\x68\x6f\x73\x74\x6e\x61\x6d\x65\x2e\x74\x6f\x4c\x6f\x77\x65\x72\x43\x61\x73\x65\x28\x29\x3b');dw_Inf.fn('\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x32\x3d\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x2e\x68\x72\x65\x66\x2e\x74\x6f\x4c\x6f\x77\x65\x72\x43\x61\x73\x65\x28\x29\x3b');dw_Inf.x0=function(){dw_Inf.fn('\x69\x66\x28\x21\x28\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x31\x3d\x3d\x22\x22\x7c\x7c\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x31\x3d\x3d\x22\x31\x32\x37\x2e\x30\x2e\x30\x2e\x31\x22\x7c\x7c\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x31\x2e\x69\x6e\x64\x65\x78\x4f\x66\x28\x22\x6c\x6f\x63\x61\x6c\x68\x6f\x73\x74\x22\x29\x21\x3d\x2d\x31\x7c\x7c\x64\x77\x5f\x49\x6e\x66\x2e\x67\x77\x32\x2e\x69\x6e\x64\x65\x78\x4f\x66\x28\x22\x64\x79\x6e\x2d\x77\x65\x62\x2e\x63\x6f\x6d\x22\x29\x21\x3d\x2d\x31\x29\x29\x3b\x64\x77\x5f\x73\x63\x72\x6f\x6c\x6c\x4f\x62\x6a\x2e\x73\x63\x72\x64\x79\x3d\x74\x72\x75\x65\x3b');};dw_Inf.fn('\x64\x77\x5f\x49\x6e\x66\x2e\x78\x30\x28\x29\x3b');