/*
Copyright(c) 2005 AD, Daniel Lear all Rights Reserved
lear@ephinity.com.au
*/

if(RUNSCRIPT)
{
	function BUTTON_POP_WINDOWS(menu_id, content_id, active_button_id, x_start, y_start, x_inc, y_inc)
	{
		this.addInstance()

		this.active_button_num = null
		this.imgs = []

		this.menu = document.getElementById(menu_id)
		this.content = document.getElementById(content_id)
		this.active_button_id = active_button_id
		this.x_start = x_start || 0
		this.y_start = y_start || 0
		this.x_inc = x_inc || 0
		this.y_inc = y_inc || 0
		var layers = this.content.getElementsByTagName('DIV')
		this.layers = []
		for(var i=0; i<layers.length; i++)	this.layers[i] = layers[i]

		this.set_windows()
	}
	BUTTON_POP_WINDOWS.prototype.set_windows = function()
	{
		var items = this.menu.getElementsByTagName('LI')
		for(var i=0; i<items.length; i++)
		{
			var a = items[i].getElementsByTagName('A')
			a[0].appendChild( this.layers[i] )
			this.position_div(i)
			this.layers[i].style.visibility = 'hidden'
			a[0].title = '';
			var img = a[0].getElementsByTagName('IMG')
			img[0].alt = '';
			img[0].title = '';
			eval('a[0].onmouseover = function(){'+this.getInstanceName()+'.activate('+i+')}')
			eval('a[0].onmouseout = function(){'+this.getInstanceName()+'.deactivate('+i+')}')
			eval('a[0].onmouseup = function(){document.location.href = "'+a[0].href+'"}')// for IE 5

			this.add_button('media/buttons/',a[0])
		}
	}
	BUTTON_POP_WINDOWS.prototype.position_div = function(num)
	{
		var div = this.layers[num]
		div.style.display = 'block'
		div.style.left = (this.x_start + num*this.x_inc)+'px'
		div.style.top = (this.y_start + num*this.y_inc)+'px'
	}
	BUTTON_POP_WINDOWS.prototype.activate = function(num)
	{
		if( this.active_button_num == num) return false;
		this.layers[num].style.visibility = 'visible'
		this.over(num)
	}
	BUTTON_POP_WINDOWS.prototype.deactivate = function(num)
	{
		if( this.active_button_num == num) return false;
		this.layers[num].style.visibility = 'hidden'
		this.out(num)
	}
	BUTTON_POP_WINDOWS.prototype.add_button = function(url,parent)
	{
		var i = this.imgs.length
		this.imgs[i] = {}
		this.imgs[i].up_src = url+parent.id+'_up.jpg'
		this.imgs[i].dwn_src = url+parent.id+'_dwn.jpg'
		this.imgs[i].node = document.createElement('img')
		if(parent.id == this.active_button_id)// cache images
		{
			this.active_button_num = i
			this.imgs[i].node.src = this.imgs[i].dwn_src
		}
		else this.imgs[i].node.src = this.imgs[i].up_src

		var imgs = parent.getElementsByTagName('IMG')
		parent.removeChild(imgs[0])
		parent.appendChild(this.imgs[i].node)
	}
	BUTTON_POP_WINDOWS.prototype.out = function(n){this.imgs[n].node.src = this.imgs[n].up_src}
	BUTTON_POP_WINDOWS.prototype.over = function(n){this.imgs[n].node.src = this.imgs[n].dwn_src}
}