// JavaScript Document
function TabPager(tabs, tabtype,infos, clients, opt){
	this.tabs = document.getElementById(tabs);
	//var decs=document.getElementById(clients);
	this.tabtype = tabtype;
	this.timer = 0;
	this.a = 1;

	if(opt.autoChange){
		this.autoChange = opt.autoChange;
	}else{
		this.autoChange = false;
	}

	if(opt.imgChange){
		this.imgChange = opt.imgChange;
	}else{
		this.imgChange = false;
	}

	if(opt.arr){
		this.arr = opt.arr;
	}else{
		this.arr = null;
	}

	var that = this;
	this.enable = function (start){
		if(that.disabled && start){
			that.disabled = false;
		}
		if(!that.disabled){
			if(that.autoChange){
				that.caller(true);
			}
		}
	}

	this.disable = function (stop){
		if(that.timer){
			clearTimeout(that.timer);
			that.timer = 0;
		}

		if(stop){
			if(that.disabled){
				that.enable(true);
			}else{
				that.disabled = true;
			}
		}
	}

	this.changePage = function (){
		if(arguments.length > 0){
			that.n = arguments[0];
		}

		if(that.n < 0){
			that.n = that.total - 1;
		}else if(that.n >= that.total){
			that.n = 0;
		}

		var reg = new RegExp(that.tabtype, 'i');
		var tablist = that.tabs.getElementsByTagName(tabtype);
		var j = 0;
		for(var i = 0; i < tablist.length; i++){
			var tab = tablist[i];
			if(tab.tagName && reg.test(tab.tagName) && tab.innerHTML){
				if(j == that.n){
					tab.className = tab.className.match('hot') ? tab.className : tab.className + ' hot';
				}else{
					tab.className = tab.className.replace(/ ?hot/, '');
				}
				j++;
			}
		}

		if(that.imgChange){
			if(that.arr[that.n].map){
				that.clients.childNodes[0].useMap = that.arr[that.n].map;
				that.clients.childNodes[0].src = that.arr[that.n].img;
				that.clients.childNodes[0].alt = that.arr[that.n].alt;
			}else{
				that.clients.childNodes[0].href = that.arr[that.n].lnk;
				that.clients.childNodes[0].title = that.arr[that.n].title;
				//alert( document.getElementById(clients).tagName('p').innerHTML);
				document.getElementById(infos).innerHTML=that.arr[that.n].alt;
				that.clients.childNodes[0].childNodes[0].src = that.arr[that.n].img;
				that.clients.childNodes[0].childNodes[0].alt = that.arr[that.n].alt;
			}
		}
		else
		{
			j = 0;
			for(var i = 0; i < that.clients.childNodes.length; i++){
				var client = that.clients.childNodes[i];
				if(client.tagName){
					client.style.display = (j == that.n ? '' : 'none');

					var classTemp = client.className.split(' ');
					for (k = 0; k < classTemp.length; k++){
						if(m = classTemp[k].match(/^(.*)_hidden$/)){
							classTemp[k] = m[1];
						}
					}
					client.className = classTemp.join(' ');

					if(j == that.n && that.arr){
						var imgs = client.getElementsByTagName('img');

						for(var k = 0; k < imgs.length; k++){
							if(!imgs[k].src || imgs[k].src.match('space.gif')){
								imgs[k].src = that.arr[j][k];
							}
						}
					}

					j++;
				}
			}
		}
	}

	this.caller = function (){
		if(that.timer){
			clearTimeout(that.timer);
			that.timer = 0;
		}

		if(!arguments[0]){
			that.n += that.a;
			that.changePage();
		}

		that.timer = setTimeout(that.caller, 3000);
	};

	var reg = new RegExp(this.tabtype, 'i');
	var k = 0, tab, oldonmouseover = new Array;
	var tablist = this.tabs.getElementsByTagName(tabtype);
	for(var i = 0; i < tablist.length; i++){
		tab = tablist[i];
		if(tab.tagName && reg.test(tab.tagName) && tab.innerHTML){
			if(tab.onmouseover){
				oldonmouseover[i] = tab.onmouseover;
			}
			eval('tab.onmouseover = function (){' + (tab.onmouseover ? 'oldonmouseover[' + i + ']();' : '') + 'that.disable();that.changePage(' + k +  '); }');
			tab.onmouseout = this.enable;
			k++;
		}
	}

	if(opt.clientEvent)
	{
		k = 0;
		var clientslist = document.getElementById(clients).childNodes;
		for(var i = 0; i < clientslist.length; i++){
			var client = clientslist[i];
			if(client.tagName){
				if(client.onmouseover){
					oldonmouseover[i] = client.onmouseover;
				}
				eval('client.onmouseover = function (){' + (client.onmouseover ? 'oldonmouseover[' + i + ']();' : '') + 'that.disable();that.changePage(' + k +  '); }');
				client.onmouseout = this.enable;
				k++;
			}
		}
	}

	this.total = k;
	this.n = 0;

	this.clients = document.getElementById(clients);
	this.clients.onmouseover = this.disable;
	this.clients.onmouseout = this.enable;

	if(this.autoChange){
		this.caller(true);
	}
}