Event.observe(window, 'load', init, false);

function init() {
	EventSelectors.start(Rules);
	Effect.Appear('f1c', {duration: 2});
	
}

Event.onDOMReady(function() {
//	$$('.feature').each(function(element) {element.style.display = 'none';});
//	Effect.Appear('f1c', {duration: 2});
});

var Rules = {

	'#tabs a:click': function(element, event) {
		var theLink = element;
		$$('.feature').each(function(element) {
			if(element.style.display != 'none') {
				Effect.BlindUp(element, {queue: 'front'});
			}
		})
		$$('#tabs a').each(function(element) {
			if(element.className == 'selected') {
				element.className = '';
			}	
		})
		theLink.className = 'selected';
		var content = theLink.id+'c';
			if($('content').style.display != 'block') {
				Effect.BlindDown(content, {queue: 'end'});	
			}
		Event.stop(event);
	},
	'#product li a:click': function(element, event) {
		var theLink = element;
		$$('.view').each(function(element) {
			if(element.style.display != 'none') {
				Effect.BlindUp(element, {queue: 'front'});
			}
		})
		$$('#product li a').each(function(element) {
			if(element.className == 'selected') {
				element.className = '';
			}	
		})
		theLink.className = 'selected';
		var content = theLink.id+'c';
			if($(content).style.display != 'block') {
				Effect.BlindDown(content, {queue: 'end'});	
			}
		Event.stop(event);
	}
}