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

// set the properties for the floating tabs

if ($('highlight_atmoE')) {

	$('highlight_atmoE').setStyle('background-color','#990000');
	$('highlight_atmoE').setStyle('opacity',.9);
}

if ($('highlight_enviB')) {
	$('highlight_enviB').setStyle('background-color','#104331');
	$('highlight_enviB').setStyle('opacity',.9);
}

if ($('highlight_enviW')) {
	$('highlight_enviW').setStyle('background-color','#1E2678');
	$('highlight_enviW').setStyle('opacity',.9);
}

	imViewing = 'home';

// like a reset functions used in all categories

muteAll = function() {
if ($('atmoE')) $('atmoE').setStyle('background-image','url(images/div_bg.jpg)');

if ($('enviB')) $('enviB').setStyle('background-image','url(images/div_bg.jpg)');

if ($('enviW')) $('enviW').setStyle('background-image','url(images/div_bg.jpg)');

	
	//moving text Anim
	
if ($('highlight_atmoE')) $('highlight_atmoE').set('tween', {}).tween('height', '0px');
if ($('highlight_enviB')) $('highlight_enviB').set('tween', {}).tween('height', '0px');
if ($('highlight_enviW')) $('highlight_enviW').set('tween', {}).tween('height', '0px');		
};

// home Active

homeActive = function() {
	imViewing = 'home';
	muteAll();
	if ($('main')) $('main').setStyle('background-image', 'url(images/main.jpg)');

	// not related to animation
	if ($('imagine-future')) $('imagine-future').setStyle('display', '');

};


// accepts a string value so pass which categorie you want to make active

var elemActive = function(elem) {

	muteAll();
	imViewing = elem;
	mainImg = 'images/main_'+elem+'_2.jpg';
	mainBg  = 'images/div_bg_'+elem+'.jpg';
	if ($('main')) $('main').setStyle('background-image', 'url('+mainImg+')');

	if ($(elem)) $(elem).setStyle('background-image', 'url('+mainBg+')');

    if ($('highlight_'+elem)) {
	$('highlight_'+elem).set('tween', {
			duration: 1500,
			transition: Fx.Transitions.Quad.easeOut // This could have been also 'bounce:out'
		}).tween('height', '166px');
	}
	
	// not related to animation
	if ($('imagine-future')) $('imagine-future').setStyle('display', 'none');
	if ($('future')) $('future').setStyle('display','none');
};


if ($('atmoE')) {
	$('atmoE').addEvents({
		'mouseover':function(){
			stopAll();
			elemActive('atmoE');
		},
		'mouseleave':function(){
			if ($('highlight_atmoE')) $('highlight_atmoE').set('tween',{}).tween('height','166px');
		}
	});	
	
}


if ($('enviB')) {
	$('enviB').addEvents({
		'mouseover':function(){
			stopAll();
			elemActive('enviB');
		},
		'mouseleave':function(){
			if ($('highlight_enviB')) $('highlight_enviB').set('tween',{}).tween('height','166px');			
		}
	});

}

if ($('enviW')) {
	$('enviW').addEvents({
		'mouseover':function(){
			stopAll();
			elemActive('enviW');
		},
		'mouseleave':function(){
			if ($('highlight_enviW')) $('highlight_enviW').set('tween',{}).tween('height','166px');			
		}
	});
}

delayDuration = 7000;

callOnLoad = function() {

	theDelay4 = homeActive.delay(1,this);
	theDelay1 = elemActive.delay(delayDuration*1,this,'atmoE');
	theDelay2 = elemActive.delay(delayDuration*2,this,'enviB');
	theDelay3 = elemActive.delay(delayDuration*3,this,'enviW');
//	theDelay4 = homeActive.delay(delayDuration*4,this);	
};


callAfterLoad = function() {

	theDelay1 = elemActive.delay(1,this,'atmoE');
	theDelay2 = elemActive.delay(delayDuration*1,this,'enviB');
	theDelay3 = elemActive.delay(delayDuration*2,this,'enviW');
	theDelay4 = homeActive.delay(delayDuration*3,this);	
};

callAfterLoadPeriodically = function() {
	callAfterLoad();
	thePeridocial = callAfterLoad.periodical(delayDuration*3,this);
};

callOnLoadPeriodically = function() {
	callOnLoad();
	thePeridocial = callOnLoad.periodical(delayDuration*4,this);
};

//  theTimer = callOnLoadPeriodically.delay(6000,this);
 theTimer = callOnLoadPeriodically();

stopAll = function() {

	if ($('btnStop')) $('btnStop').setStyle('display','none');
	if ($('btnResume')) $('btnResume').setStyle('display','');
	
	$clear(theDelay1);
	$clear(theDelay2);
	$clear(theDelay3);
	$clear(theDelay4);
	
	$clear(thePeridocial);
	$clear(theTimer);
// 	homeActive();
};
	if ($('btnStop')) {
	$('btnStop').addEvent('click',function() {
		stopAll();
		homeActive();
		this.setStyle('display','none');
		if ($('btnResume')) $('btnResume').setStyle('display','');
	}); // btnStop
	}
	
	if ($('btnResume')) {
	$('btnResume').addEvent('click',function() {
		theTimer = callAfterLoadPeriodically();
		this.setStyle('display','none');
		if ($('btnStop')) $('btnStop').setStyle('display','');
												 
	});
	}

goNext = function() {
	if(imViewing == 'home') {
		elemActive('atmoE');	
	} else if(imViewing == 'atmoE') {
		elemActive('enviB');
	} else if(imViewing == 'enviB') {
		elemActive('enviW');
	} else if(imViewing == 'enviW') {
		homeActive();
	}
				  
};

goPrevious = function() {
	if(imViewing == 'home') {
		elemActive('enviW');
	} else if(imViewing == 'enviW') {
		elemActive('enviB');
	} else if(imViewing == 'enviB') {
		elemActive('atmoE');
	} else if(imViewing == 'atmoE') {
		homeActive();
	}
	
};

if($('btnNext'))  {
	$('btnNext').addEvent('click',function() {
		stopAll();
		goNext();
	});
	
}

if ($('btnPrevious')) {

	$('btnPrevious').addEvent('click',function() {
		stopAll();
		goPrevious();
	});
}

}); // DOM