var showFunction = function() {
	$$('.hidden').setStyle('display', 'none');
	$$('.first').setStyle('display', 'none');
	$$('.theTab').setStyle('background', 'url(/images/candymail-tab-bg2.gif) 0px 0px no-repeat');
	$$('.theTab').setStyle('color', '#666666');
	this.setStyle('display', 'block');
	}

var showTab = function() {
	this.setStyle('background', 'url(/images/candymail-tab-bg.gif) 0px 0px no-repeat');
	this.setStyle('color', '#FFFFFF');
}

window.addEvent('domready', function(){
							 
									 
									 
	//First Example
	var myElement = $('masthead-box');
	
	// We are setting the opacity of the element to 0.5 and adding two events
	$('masthead-box').set('opacity', 1).set('morph', {duration:500}).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				duration: 10,
				'opacity': 0.3
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				opacity: 1,
			});
		}
	});
	
var accordionA = new Accordion($$('#accA h3.toggler'),$$('#accA div.element'), {show: 0  , onActive: function(toggler) { toggler.setStyle('color', '#aaaaaa'); },onBackground: function(toggler) { toggler.setStyle('color', '#fd6d0d'); }
});
var accordionB = new Accordion($$('#accB h3.toggler'),$$('#accB div.element'), {show: 0 , onActive: function(toggler) { toggler.setStyle('color', '#aaaaaa'); },onBackground: function(toggler) { toggler.setStyle('color', '#fd6d0d'); }
});
var accordionC = new Accordion($$('#accC h3.toggler'),$$('#accC div.element'), {show: 0 , onActive: function(toggler) { toggler.setStyle('color', '#aaaaaa'); },onBackground: function(toggler) { toggler.setStyle('color', '#fd6d0d'); }
});
var accordionD = new Accordion($$('#accD h3.toggler'),$$('#accD div.element'), {show: 0 , onActive: function(toggler) { toggler.setStyle('color', '#aaaaaa'); },onBackground: function(toggler) { toggler.setStyle('color', '#fd6d0d'); }
});
var accordionE = new Accordion($$('#accE h3.toggler'),$$('#accE div.element'), {show: 0 , onActive: function(toggler) { toggler.setStyle('color', '#aaaaaa'); },onBackground: function(toggler) { toggler.setStyle('color', '#fd6d0d'); }
});
var accordionF = new Accordion($$('#accF h3.toggler'),$$('#accF div.element'), {show: 0 , onActive: function(toggler) { toggler.setStyle('color', '#aaaaaa'); },onBackground: function(toggler) { toggler.setStyle('color', '#fd6d0d'); }
});
var accordionG = new Accordion($$('#accG h3.toggler'),$$('#accG div.element'), {show: 0 , onActive: function(toggler) { toggler.setStyle('color', '#aaaaaa'); },onBackground: function(toggler) { toggler.setStyle('color', '#fd6d0d'); }
});
var accordionH = new Accordion($$('#accH h3.toggler2'),$$('#accH div.element'), {show: 0 , onActive: function(toggler) { toggler.setStyle('color', '#fd6d0d'); },onBackground: function(toggler) { toggler.setStyle('color', '#aaaaaa'); }
});
var accordionI = new Accordion($$('#accI h3.toggler'),$$('#accI div.element'), {show: 0 , onActive: function(toggler) { toggler.setStyle('color', '#aaaaaa'); },onBackground: function(toggler) { toggler.setStyle('color', '#fd6d0d'); }
});
var accordionJ = new Accordion($$('#accJ h3.toggler'),$$('#accJ div.element'), {show: 0  , onActive: function(toggler) { toggler.setStyle('color', '#fd6d0d'); },onBackground: function(toggler) { toggler.setStyle('color', '#aaaaaa'); }
});


$$('.toggler').addEvent('mouseenter', function() { this.fireEvent('click'); });  

//TABS
								 
			
			var elZip = $('Tab0');
			var elOne = $('Tab1');
			var elTwo = $('Tab2');
			var elThree = $('Tab3');
			var elFour = $('Tab4');
 
	$('theTab0').addEvent('click', showFunction.bind(elZip));
	$('theTab1').addEvent('click', showFunction.bind(elOne));
	$('theTab2').addEvent('click', showFunction.bind(elTwo));
	$('theTab3').addEvent('click', showFunction.bind(elThree));
	$('theTab4').addEvent('click', showFunction.bind(elFour));
   

			var eZip = $('theTab0');
			var eOne = $('theTab1');
			var eTwo = $('theTab2');
			var eThree = $('theTab3');
			var eFour = $('theTab4');
 
	$('theTab0').addEvent('click', showTab.bind(eZip));
	$('theTab1').addEvent('click', showTab.bind(eOne));
	$('theTab2').addEvent('click', showTab.bind(eTwo));
	$('theTab3').addEvent('click', showTab.bind(eThree));
	$('theTab4').addEvent('click', showTab.bind(eFour));
   

									 
	
});