function createTabs(ul) {

	ul.select('label').invoke('observe','click',function(event) {
		$$('div.productpart').invoke('addClassName','hidden');
		$(this.htmlFor).removeClassName('hidden');
		this.up('ul').select('li').invoke('removeClassName','selectedtab');
		this.up('li').addClassName('selectedtab');
	});
}

function setpdcfield(id){

	var fieldaddon;
	var fieldname;	
	var startstring = id.indexOf('_');
	if (startstring != -1){
		fieldaddon = id.substring(startstring,id.length);		
		fieldname = id.substring(0,startstring);
	}
	if (fieldaddon == '_display'){
		document.getElementById(fieldname+'_display').style.display = 'block';
		document.getElementById(fieldname+'_additional_display').style.display = 'none';
		document.getElementById(fieldname+'_replaced_display').style.display = 'none';
	}
	if (fieldaddon == '_additional_display'){
		document.getElementById(fieldname+'_replaced_display').style.display = 'none';
		document.getElementById(fieldname+'_display').style.display = 'block';
		document.getElementById(fieldname+'_additional_display').style.display = 'block';			
	}
	if (fieldaddon == '_replaced_display'){		
		document.getElementById(fieldname+'_display').style.display = 'none';
		document.getElementById(fieldname+'_additional_display').style.display = 'none';
		document.getElementById(fieldname+'_replaced_display').style.display = 'block';
	}
}
document.observe("dom:loaded",function(){
	$$('ul.tabs').each(function(ul) { createTabs(ul); });
})
