/*
Copyright(c) 2007, Daniel Lear all Rights Reserved
lear@flamingpoodle.com.au
*/
var contentSlider =
{
	_slider: Object(),
	_nodeCount: 0,
	_activePage: Object(),

	register: function( menuId )
	{
		this._slider = document.getElementById(menuId)
		var kids = this._slider.childNodes
		var len = kids.length, i = 0
		var LIs = [], pages = []
		while(i<len)
		{
			if(isInClass(kids[i],'left'))
			{
				var childOLs = kids[i].childNodes
				var len1 = childOLs.length, i1 = 0
				while(i1<len1)
				{
					if(childOLs[i1].nodeName=='OL')
					{
						var childLIs = childOLs[i1].childNodes
						var len2 = childLIs.length, i2 = 0
						while(i2<len2)
						{
							if(childLIs[i2].nodeName=='LI')
								LIs[LIs.length] = childLIs[i2]
							i2++
						}
					}
					i1++
				}
			}
			else if(isInClass(kids[i],'right'))
			{
				var childDivs = kids[i].childNodes
				var len1 = childDivs.length, i1 = 0
				while(i1<len1)
				{
					if(isInClass(childDivs[i1],'principle'))
						pages[pages.length] = childDivs[i1]
					i1++
				}
			}
			i++
		}
		len = LIs.length, i = 0
		while(i<len)
		{
			this._setLink( LIs[i], pages[i] )
			i++
		}
		this._activePage = 0
		this.setActive(0)
	},
	_setLink: function( linkNode, pageNode )
	{
		var inner = linkNode.innerHTML
		linkNode.innerHTML = ''
		var a = document.createElement('A')
		a.setAttribute('href','#')
		a.innerHTML = inner
		linkNode.appendChild(a)
		a.id = 'linkPrinciple'+this._nodeCount
		pageNode.id = 'pagePrinciple'+this._nodeCount
		eval('a.onclick = function(){contentSlider.setActive('+this._nodeCount+'); return false}')
		this.setHoverEffects(a)
		this._nodeCount++
	},
	setActive: function(n)
	{
		var linkNode = document.getElementById('linkPrinciple'+n)
		var pageNode = document.getElementById('pagePrinciple'+n)
		var activeLink = document.getElementById('linkPrinciple'+this._activePage)
		var activePage = document.getElementById('pagePrinciple'+this._activePage)
		this.setHoverEffects(activeLink)
		removeClass(activeLink,"over")
		activePage.style.display = 'none'
		pageNode.style.display = 'block'
		addClass(linkNode,"over")
		this._activePage = n
		linkNode.onmouseover = null;
		linkNode.onmouseout = null;
	},
	setHoverEffects: function(linkNode)
	{
		linkNode.onmouseover = function(){addClass(this,"over")}
		linkNode.onmouseout = function(){removeClass(this,"over")}
	}
}