// brown_down
window.addEvent('domready', function(){

	transition_duration = 1000 ;
	form_show_delay = 500 ;
	adds_show_delay = 1000 ;

	function myfunc1(){
		new Fx.Morph('content', {duration: transition_duration}).start({'opacity': [0.0001, 1.0]});
	}
	function myfunc2(){
		new Fx.Morph('ad1', {duration: transition_duration}).start({'opacity': [0.0001, 1.0]});
		new Fx.Morph('ad2', {duration: transition_duration}).start({'opacity': [0.0001, 1.0]});
	}

	(function(){myfunc1()}).delay(form_show_delay);
//	(function(){myfunc2()}).delay(adds_show_delay);


// Now we need to action the theme selector

	req_width = 32 ; // Amount of the div to leave on the screen
	transition_duration = 500 ;

// - - - - - - - - - - - - - - - - - - - -

	el_width = $('selecta').offsetWidth ;
	normal_mar = 0-(el_width - req_width) ; // over_mar = 0

	function animateIn(){
		$('selecta').morph({'margin-left':normal_mar}) ;
	}
	function animateOut(){
		$('selecta').morph({'margin-left':0}) ;
	}

	$('selecta').addEvent('mouseenter',function(){
		animateOut() ;
	});
	$('selecta').addEvent('mouseleave',function(){
		animateIn() ;
	});

	window.onload = function(){
		animateIn.delay(2500); ;
	}

});