var blibbleShowElement = function(el) {
	el.setStyles({
		'visibility': 'visible',
		'height': ''
	});
}

var blibbleHideElement = function(el) {
	el.setStyles({
		'visibility': 'hidden',
		'height': '0px'
	});
}

var showFunction = function() {

	/*
	if ($('contentA').getStyle('display')  == 'none' ) {
			$('contentA').setStyle('display', 'block');
			$('contentB').setStyle('display', 'none');
	} else {
		$('contentB').setStyle('display', 'block');
		$('contentA').setStyle('display', 'none');	
	}
	*/
	if ($('contentA').getStyle('visibility')  == 'hidden' ) {
		blibbleShowElement($('contentA'));
		blibbleHideElement($('contentB'));
	} else {
		blibbleHideElement($('contentA'));
		blibbleShowElement($('contentB'));
	}
	
}

var stateFunction = function() {
	$$('.tableswitch a').setStyle('color', '#ffffff'); 
	$$('.tableswitch a').setStyle('backgroundImage', 'url(img/menu_normal.png)');
	this.setStyle('color', '#DFD7C3');
	this.setStyle('backgroundImage', 'url(img/menu_bg.png)');
}


var tableshowFunction = function() {
	
}

window.addEvent('domready', function() {
	$$('div.tableswitch a').set('href', '#tablestart');

	var ButtonOne = $('switchA');
	var ButtonTwo = $('switchB');
	var ContentOne = $('contentA');
	var ContentTwo = $('contentB');
 	$('switchA').addEvent('click', showFunction.bind(ContentOne));
 	$('switchA').addEvent('click', stateFunction.bind(ButtonOne));
	$('switchB').addEvent('click', showFunction.bind(ContentTwo));
	$('switchB').addEvent('click', stateFunction.bind(ButtonTwo));
	//ContentTwo.setStyle('display', 'none');
	blibbleHideElement(ContentTwo);
	ButtonOne.setStyle('color', '#DFD7C3');
	ButtonOne.setStyle('backgroundImage', 'url(img/menu_bg.png)');
});