var selectedElementId = 'tab-content-one';

	function getSelectedElementId(){
		return selectedElementId;
	}
	
	function setSelectedElementId(elementId){
		selectedElementId = elementId;
	}
	
	function init(){
	
		$(getSelectedElementId().replace('tab-content-', 'tab-')).childNodes[0].id = 'active';
	
		var els = getElementsByClassNameFix('div', 'tab-content');
		var len = els.length;
		for( var i = 0; i < len; i++ ){
			els[i].style.position = 'absolute';
			if(els[i].id!=getSelectedElementId()){
				els[i].style.display = 'none';
			}
		}

		var tabs = $('tab-navigation').getElementsByTagName('a');
		var len = tabs.length;
		
		for( var i = 0; i < len; i++ ){
			
			Event.observe(tabs[i], 'click', function(e){ scrollToDiv(e); return false; }, true );
		}
	
	}
	
	function getElementsByClassNameFix(tag, className) {
			// This method of populating is used as Safari does use getElementsByClassName()
			var elements = [];
			var safariElements = $A(document.getElementsByTagName(tag));
			safariElements.each(function(safariElements){
				if(!safariElements.className.match(className)) return;
				elements.push(safariElements);
			});
			return elements;
	}

	
	function scrollToDiv(evt){
		var el = Event.findElement(evt, 'a');
		
		
		
		$(getSelectedElementId().replace('tab-content-', 'tab-')).childNodes[0].id = '';
		
		el.id = 'active';
		
		var id = el.parentNode.id.replace('tab-', 'tab-content-');
		var el2 = $(id);
		
		
		var els = getElementsByClassNameFix('div', 'tab-content');
		var len = els.length;
		
		
		
		for( var i = 0; i < len; i++ ){
				els[i].style.display = 'none';
		}	
		
		var newID = el2.id;
		
		setSelectedElementId(newID);
		
		el2.style.display = 'block';
		//Effect.Appear(el2);
	}