var toBeScrolled;

var initTabs	= function() 
{
	YAHOO.util.Dom.addClass(document.body, 'dynamic');
	
	var pitems	= YAHOO.util.Dom.get('project-items');
	var mask	= YAHOO.util.Dom.get('project-mask');
	var tabs	= YAHOO.util.Dom.get('desclinks');
	var divs	= pitems.getElementsByTagName('div');
	
	if (pitems && tabs && divs) {
		var headings	= pitems.getElementsByTagName('h3');
		
		if (headings.length) {
			var i, l;
			
			var existings	= tabs.getElementsByTagName('li');
			if (existings.length) {
				var existing	= existings[0];
			}else{
				var existing	= false;
			}
			
			
			for (i=0, l=headings.length; i<l; i++) {
				var li	= document.createElement('LI');
				var a	= document.createElement('A');
				a.setAttribute('href', headings[i].getElementsByTagName('A')[0].getAttribute('href'));
				var txt	= document.createTextNode(headings[i].getElementsByTagName('A')[0].innerHTML);
				
				a.appendChild(txt);
				li.appendChild(a);
				
				if (existing) {
					var tab	= tabs.insertBefore(li, existing);
				}else{
					var tab	= tabs.appendChild(li);
				}
				
				YAHOO.util.Event.addListener(tab, 'click', showTab, tab, true);
				
			}
			
			for (i=0, l=headings.length; i<l; i++) {
				pitems.removeChild(headings[0]);
			}
			
			for (i=1, l=divs.length; i<l; i++) {
				YAHOO.util.Dom.addClass(divs[i], 'hidden');
			}
			toBeScrolled	= divs[0];
			YAHOO.util.Dom.addClass(tabs.getElementsByTagName('li')[0], 'selected');
		}
	}
	
	/*if (mask) {
		var link 	= document.createElement('A');
		link.setAttribute('id', 'scrollup');
		link.setAttribute('href', '#');
		var up		= mask.appendChild(link);
		YAHOO.util.Event.addListener(up, 'click', scrollUp, up, true);
		
		var link 	= document.createElement('A');
		link.setAttribute('id', 'scrolldown');
		link.setAttribute('href', '#');
		var down	= mask.appendChild(link);
		YAHOO.util.Event.addListener(down, 'click', scrollDown, down, true);
		
	}*/
	
	
	
}

var showTab	= function(e, obj)
{
	YAHOO.util.Event.stopEvent(e);

	hideAllTabs();

	var id	= obj.getElementsByTagName('A')[0].getAttribute('href').replace('#', '');
	id		= id.replace(window.location, '');
	
	var tab	= YAHOO.util.Dom.get(id);
	
	YAHOO.util.Dom.setStyle(tab, 'top', '0px');
	YAHOO.util.Dom.removeClass(tab, 'hidden');
	YAHOO.util.Dom.addClass(this, 'selected');
	
	toBeScrolled = tab;

}

var hideAllTabs	= function() 
{
	var pitems	= YAHOO.util.Dom.get('project-items');
	var divs	= pitems.getElementsByTagName('div');

	for (i=0, l=divs.length; i<l; i++) {
		YAHOO.util.Dom.addClass(divs[i], 'hidden');
	}
	
	var tabs	= YAHOO.util.Dom.get('desclinks');
	var lis		= tabs.getElementsByTagName('li');
	
	for (i=0, l=lis.length; i<l; i++) {
		YAHOO.util.Dom.removeClass(lis[i], 'selected');
	}
}

var scrollUp	= function(e)
{
	YAHOO.util.Event.stopEvent(e);
	
	var currentTop	= YAHOO.util.Dom.getStyle(toBeScrolled, 'top').replace('px', '');
	var newTop		= parseInt(currentTop) + 10;
	
	if (newTop > 0) newTop 	= 0;
	
	YAHOO.util.Dom.setStyle(toBeScrolled, 'top', newTop + 'px');
}

var scrollDown	= function(e)
{
	YAHOO.util.Event.stopEvent(e);
	
	var currentTop	= YAHOO.util.Dom.getStyle(toBeScrolled, 'top').replace('px', '');
	var newTop		= currentTop - 10;
	
	YAHOO.util.Dom.setStyle(toBeScrolled, 'top', newTop + 'px');
}


YAHOO.util.Event.onAvailable('project-items', initTabs);