Event.observe(window, 'load', function(){


var featureDelay = 3;
var featureDuration = 0.6;


/*
Event.observe(window, 'resize', Resized);

var windowWidth;
var testArray = $$('div.description');


testArray.each(MorphThatShit());

function MorphThatShit(){
	this.morph("background-color:red");
}


function Resized(e){
	//alert("You just resized the window! Congrats.");
	windowWidth = document.viewport.getWidth();
	if (windowWidth < 900){
		//alert("Time to truncate!!!");
	//$$('div.description').morph('background-color:red;');
	}
}
*/




Effect.Appear('content', {duration:0.3});


Event.observe('useremail', 'focus', ClearInputText);
Event.observe('mp3', 'click', ShowMP3Player);
Event.observe('mp3sidebar', 'click', ShowMP3Player);
Event.observe('mp3', 'mouseover', ShowToolTip);
Event.observe('mp3', 'mouseout', HideToolTip);
Event.observe('expandpopup', 'click', ShowMP3Player);
Event.observe('closewindow', 'click', ShowMP3Player);

Event.observe('submit', 'click', TestAjax);

/*if ($('randomimages')){	RotateAnim();		};*/

//Event.observe('navtitle1', 'click', ShowChildren);
//Event.observe('navtitle2', 'click', ShowChildren);
//Event.observe('navtitle3', 'click', ShowChildren);

Event.observe('chickpea', 'click', ShowSignUp);


var mp3PlayerVisible = 'false';
new Effect.Opacity('mp3player', {duration:0, to: 0 });

function ShowToolTip(e){

if (mp3PlayerVisible == 'false'){

	$('tooltip').morph('bottom:10px;', {duration:0});

	$('tooltip').morph('bottom:25px;', {duration:0.3});
	new Effect.Opacity('tooltip', { to: 1, duration: 0.3 });
	} else {
	
	}
}

function HideToolTip(e){
	$('tooltip').morph('bottom:10px;', {duration:0.3});
	new Effect.Opacity('tooltip', { to: 0, duration: 0.3 });


}


function ShowMP3Player(e){


	//alert("Showing MP3 Player");
	if (mp3PlayerVisible == 'false')
	{
		//alert("mp3player is hidden.");
		$('mp3player').morph('bottom:10px;', {duration:0});
		$('mp3player').style.zIndex = 6;
		new Effect.Opacity('mp3player', {duration:0.5, to: 1.0 });
		mp3PlayerVisible = 'true';
		HideToolTip();

	} else {
		$('mp3player').style.zIndex = -2;
		new Effect.Opacity('mp3player', {duration:0.3, to: 0.0});
		$('mp3player').morph('bottom:-500px;', {duration:0, delay:0.5});

		mp3PlayerVisible = 'false';
	//	alert($('mp3player').style.zIndex);
			
	}
	
}


function ShowSignUp(e){
	$('emailfield').morph('height:200px;', {duration:0.5});
	Event.stopObserving('chickpea', 'click', ShowSignUp);
	Event.observe('chickpea', 'click', HideSignUp);

}

function HideSignUp(){
	$('emailfield').morph('height:0px;', {duration:0.5});
	Event.stopObserving('chickpea', 'click', HideSignUp);
	Event.observe('chickpea', 'click', ShowSignUp);

}

function ShowChildren(e){
	Event.stopObserving(this, 'click', ShowChildren);
	Event.observe(this, 'click', HideChildren);
//	$('arrow').style.webkitTransform='rotate(90deg)'
	this.style.color = '#fffcde';
	Effect.BlindDown(this.next(), {duration:0.3});
}


function HideChildren(e){
	Event.stopObserving(this, 'click', HideChildren);
	Event.observe(this, 'click', ShowChildren);
	this.style.color = '#858267';
	Effect.BlindUp(this.next(), {duration:0.3});
}



function TestAjax(e){
$('chickpeaform').request({
  method: 'post',
  parameters:{ useremail:$F('useremail')},
  onComplete: HideSignUp.delay(1)
})
Event.stopObserving('submit', 'click', TestAjax);
new Effect.Opacity('submit', {to:0.3, duration:0.5});

}

function ClearInputText(e){
	this.value = "";
	Event.stopObserving('useremail', 'focus', ClearInputText);

}

/*function RotateAnim(){

	Effect.Appear('artimage1', {duration: featureDuration, queue: { position: 'end', scope: 'artanim'}});
	Effect.Fade('artimage1', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'artanim'}});
	Effect.Appear('musicimage7', {duration: featureDuration, queue: { position: 'end', scope: 'musicanim'}});
	Effect.Fade('musicimage7', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'musicanim'}});
	Effect.Appear('fashionimage4', {duration: featureDuration, queue: { position: 'end', scope: 'fashionanim'}});
	Effect.Fade('fashionimage4', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'fashionanim'}});
	Effect.Appear('artimage2', {duration: featureDuration, queue: { position: 'end', scope: 'artanim'}});
	Effect.Fade('artimage2', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'artanim'}});
	Effect.Appear('musicimage8', {duration: featureDuration, queue: { position: 'end', scope: 'musicanim'}});
	Effect.Fade('musicimage8', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'musicanim'}});
	Effect.Appear('fashionimage5', {duration: featureDuration, queue: { position: 'end', scope: 'fashionanim'}});
	Effect.Fade('fashionimage5', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'fashionanim'}});
	Effect.Appear('artimage3', {duration: featureDuration, queue: { position: 'end', scope: 'artanim'}});
	Effect.Fade('artimage3', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'artanim', limit:50}});
	Effect.Appear('musicimage9', {duration: featureDuration, queue: { position: 'end', scope: 'musicanim'}});
	Effect.Fade('musicimage9', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'musicanim', limit:50}});
	Effect.Appear('fashionimage6', {duration: featureDuration, queue: { position: 'end', scope: 'fashionanim'}});
	Effect.Fade('fashionimage6', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'fashionanim', limit:50}, afterFinish: ReInitRotate});

}

function ReInitRotate(){

	Effect.Appear('artimage1', {duration: featureDuration, queue: { position: 'end', scope: 'artanim'}});
	Effect.Fade('artimage1', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'artanim'}});
	Effect.Appear('musicimage7', {duration: featureDuration, queue: { position: 'end', scope: 'musicanim'}});
	Effect.Fade('musicimage7', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'musicanim'}});
	Effect.Appear('fashionimage4', {duration: featureDuration, queue: { position: 'end', scope: 'fashionanim'}});
	Effect.Fade('fashionimage4', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'fashionanim'}});
	Effect.Appear('artimage2', {duration: featureDuration, queue: { position: 'end', scope: 'artanim'}});
	Effect.Fade('artimage2', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'artanim'}});
	Effect.Appear('musicimage8', {duration: featureDuration, queue: { position: 'end', scope: 'musicanim'}});
	Effect.Fade('musicimage8', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'musicanim'}});
	Effect.Appear('fashionimage5', {duration: featureDuration, queue: { position: 'end', scope: 'fashionanim'}});
	Effect.Fade('fashionimage5', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'fashionanim'}});
	Effect.Appear('artimage3', {duration: featureDuration, queue: { position: 'end', scope: 'artanim'}});
	Effect.Fade('artimage3', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'artanim', limit:50}});
	Effect.Appear('musicimage9', {duration: featureDuration, queue: { position: 'end', scope: 'musicanim'}});
	Effect.Fade('musicimage9', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'musicanim', limit:50}});
	Effect.Appear('fashionimage6', {duration: featureDuration, queue: { position: 'end', scope: 'fashionanim'}});
	Effect.Fade('fashionimage6', {duration: featureDuration, delay: featureDelay, queue: { position: 'end', scope: 'fashionanim', limit:50}, afterFinish: RotateAnim});

}*/


})