function showContent(theDiv, newActiveItem, classContentPanel, classActive, classShow){	
	var Dom = YAHOO.util.Dom; 
	var elNos = Dom.getElementsByClassName(classContentPanel, 'div').length;
	var elDiv;
	var elObj;


	var oldActiveItem = Dom.getElementsByClassName(classActive, 'li')[0].id;
	Dom.removeClass(oldActiveItem, classActive);
	Dom.addClass(newActiveItem, classActive);
	
	//igi speicific for rounded cornered tabs at both ends
	if(oldActiveItem != newActiveItem){
		 if((YAHOO.util.Dom.hasClass(oldActiveItem, 'tab-list-active-first'))&&(YAHOO.util.Dom.hasClass(newActiveItem, 'last'))){
			Dom.addClass(oldActiveItem, 'first');
			Dom.removeClass(oldActiveItem, classActive+'-first');
			Dom.addClass(newActiveItem, classActive+'-last');
			Dom.removeClass(newActiveItem, 'last');
		}else if((YAHOO.util.Dom.hasClass(oldActiveItem, 'tab-list-active-last'))&&(YAHOO.util.Dom.hasClass(newActiveItem, 'first'))){
			Dom.addClass(oldActiveItem, 'last');
			Dom.removeClass(oldActiveItem, classActive+'-last');
			Dom.addClass(newActiveItem, classActive+'-first');
			Dom.removeClass(newActiveItem, 'first');
		}else if(YAHOO.util.Dom.hasClass(newActiveItem, 'first')){
			Dom.addClass(newActiveItem, classActive+'-first');
			Dom.removeClass(newActiveItem, 'first');
		}else if(YAHOO.util.Dom.hasClass(newActiveItem, 'last')){
			Dom.addClass(newActiveItem, classActive+'-last');
			Dom.removeClass(newActiveItem, 'last');
		}else if(YAHOO.util.Dom.hasClass(oldActiveItem, 'tab-list-active-first')){
			Dom.addClass(oldActiveItem, 'first');
			Dom.removeClass(oldActiveItem, classActive+'-first');
		}else if(YAHOO.util.Dom.hasClass(oldActiveItem, 'tab-list-active-last')){
			Dom.addClass(oldActiveItem, 'last');
			Dom.removeClass(oldActiveItem, classActive+'-last');
		}
	}
	//end igi
	
	var oldActiveDiv = Dom.getElementsByClassName(classShow, 'div')[0].id;
	Dom.removeClass(oldActiveDiv, classShow);
	Dom.addClass(oldActiveDiv, classContentPanel);
	
	
	
	for(i=0;i<=elNos;i++){
		elObj = Dom.getElementsByClassName(classContentPanel, 'div');	
		if(elObj[i]!==undefined){
			elDiv = elObj[i].id;
			if(elDiv == theDiv){
				Dom.removeClass(theDiv, classContentPanel);
				Dom.addClass(theDiv, classShow);
			}
		}
	}	
}

var element,
	sfEls;
function init_list(){
	//set the click event on list items
	try{
		element = document.getElementById('tab-list');
	}catch(e){}	
	if(element !=null){
		YAHOO.util.Event.addListener(element, 'click', handleClick);
	}
} 

YAHOO.util.Event.onDOMReady(init_list);


function handleClick(e) {
    element = e.target || e.srcElement;
	var id = element.id
	showContent('tab'+id, id, 'tabbed-panel', 'tab-list-active', 'tabbed-panel-show')
}