var firstTime = true;
var hideAll = function(fxElementObject) {
    fxElementObject.set({
        '0': {
            'display': 'none'
        },
        '1': {
            'display': 'none'
        }
//		,
//        '2': {
//            'display': 'none'
//        }
    });
}
var showFunctionOne = function () {
	hideAll(this);
	this.start({
		'0': {
			'display': ['none', 'block']
		}
	});
	switchCSS("dvdTab");
}
var showFunctionTwo = function () {
	hideAll(this);
	this.start({
		'1': {
			'display': ['none', 'block']
		}
	});
	switchCSS("bookTab");
}
//var showFunctionThree = function() {
//    hideAll(this);
//    this.start({
//        '2': {
//            'display': ['none', 'block']
//        }
//    });
//}
function loadTabs () {
    var morphElements = $$('.hidden');
    var elementEffects = new Fx.Elements(morphElements, {
        link: 'cancel'
    });
    $('dvdTab').addEvent('click', showFunctionOne.bind(elementEffects));
    $('bookTab').addEvent('click', showFunctionTwo.bind(elementEffects));
//    $('toolTab').addEvent('click', showFunctionThree.bind(elementEffects));
    if (firstTime) {
    	$('dvds').setStyle('display', 'block');
		$('dvdTab').setStyle('background-color', '#CCCCCC');
        firstTime = false;
    }
}
function switchCSS(elID) {
	switch (elID) {
		case "dvdTab":
			$('dvdTab').setStyle('background-color', '#CCCCCC');
			$('bookTab').setStyle('background-color', '#FFFFFF');
			break;
		case "bookTab":
			$('dvdTab').setStyle('background-color', '#FFFFFF');
			$('bookTab').setStyle('background-color', '#CCCCCC');
			break;
		default:
			break;
	}
}