var slide_up = false;

window.addEvent('domready', function() {
	var sliderGraphic = new Element('div', {
			'id': 'slider_graphic',
			'html': '<h1>Reveal the goddess in You.&reg;</h1>'
	}).inject('slider_menu','top');
	$('slider_menu').getChildren().each(function(el,i){
			if(i>1) el.addClass('slider_option');
	});
	var slideMorph = new Fx.Morph('slider_graphic', {fps: '30', duration: 'normal', transition: Fx.Transitions.Sine.easeOut});
	slideMorph.addEvent('start', slideMorpg_start);
	slideMorph.addEvent('complete', slideMorph_complete);

	var sliderMT = $('slider_graphic').getStyle('margin-top');
	var sliderHD = $('slider_header').setStyle('margin-top', 55 + 'px');
	sliderHD.addEvent('click', function(e) {
		new Event(e).stop();
		if (!slide_up)
			slideMorph.start({
				'margin-top': [sliderMT, -244]
			});
		else
			slideMorph.start({
				'margin-top': [-244, sliderMT]
			});

		slide_up = !slide_up;
	});
});

function slideMorpg_start()
{
	if (!slide_up)
	{
		$('slider_graphic').setStyle('visibility', 'hidden');
		$('slider_header_blue_arrow').src = "images/blue_arrow_down.gif";
	}
	else
	{
		$('slider_header_blue_arrow').src = "images/blue_arrow_left.gif";
	}
	$$('.slider_option').setStyle('display', 'none');
}

function slideMorph_complete()
{
	if (slide_up)
		$$('.slider_option').setStyle('display', 'block');
	else
	{
		$('slider_graphic').setStyle('visibility', 'visible');
	}
}