window.addEvent('load', function(){	
	loadBanner();
	loadContentMessage();
		
});	

function loadBanner() {
	var idContent = $('imgBanner');
	if(!idContent) {
		return true;
	}
	var arrImg = idContent.getElements('img');
	// links para o slideshow da home //
	var links = ['servicos-metodologia-cores.html','empresa-sobre-demanda-2.html','add-impact-historico.html','servicos-demanda-health.html'];
	if(arrImg.length < 2 ) return true;
	var index = 0;
	var pre = $('btnPre');
	var next = $('btnNext');
	var durationTime = 1500;
	var durationTimeAuto = 6000;
	var mySlideShowEff;
	var myFx = new Array();
	 // Loop thru the children and hide all but the first
	for (var i = 0; i < arrImg.length; i ++) {
		if (i == 0) { // Styles for the first child
			arrImg[i].setStyles({'opacity': 1, 'display':'block'});
		} else { // Styles for the other hidden children  
			arrImg[i].setStyles({
				'opacity': 0,
				'visibility' :'visible'
			});
		}
	}
	
	var arrAlink = $('paginBanner').getElements('a');
	arrAlink.each(function(elAlink, indexAlink){ 
		elAlink.addEvents({
			'mouseenter': function(evt){
				/*new Event(evt).stop();
				arrAlink.removeClass('current');
				this.addClass('current');
				var temp = index;
				index = indexAlink;
				//arrImg[temp].setStyle('opacity', '0');
				var myEffects = new Fx.Morph(arrImg[temp],{ 'duration': durationTime - 1000});
				myEffects.start({
					'opacity' : [1 , 0]
				});
				/*if(mySlideShowEff) {
					$clear(mySlideShowEff);
					mySlideShowEff = mySlideShow.periodical(durationTimeAuto); 
				}*/	
				/*var myEffects = new Fx.Morph(arrImg[indexAlink],{ 'duration': durationTime});
				myEffects.start({
					'opacity' : [0 , 1]
				});	*/
			},
			'click': function(evt){
				new Event(evt).stop();
				arrAlink.removeClass('current');
				this.addClass('current');
				var temp = index;
				index = indexAlink;
				var myEffects = new Fx.Morph(arrImg[temp],{ 'duration': durationTime});
				myEffects.start({
					'opacity' : [1 , 0]
				});
			   // alert(links[index])
			   	idContent.getElement('a').setProperty('href',links[index]);
				if(mySlideShowEff) {
					$clear(mySlideShowEff);
					mySlideShowEff = mySlideShow.periodical(durationTimeAuto); 
				}
				var myEffects = new Fx.Morph(arrImg[index],{ 'duration': durationTime});
				myEffects.start({
					'opacity' : [0 , 1]
				});	
			}
		});
	});
	//click pre 
	pre.removeEvents().addEvent('click' ,  function(evt) {
		new Event(evt).stop();		
		var myEffects = new Fx.Morph(arrImg[index],{ 'duration': durationTime});
		myEffects.start({
			'opacity' : [1 , 0]
		});
		if(index == 0) {
			index = arrImg.length - 1;
		} else {
			index--;
		}
		arrAlink.removeClass('current');
		arrAlink[index].addClass('current');
		idContent.getElement('a').setProperty('href',links[index]);
		if(mySlideShowEff) {
			$clear(mySlideShowEff);
			mySlideShowEff = mySlideShow.periodical(durationTimeAuto); 
		}
		var myEffects = new Fx.Morph(arrImg[index],{ 'duration': durationTime});
		myEffects.start({
			'opacity' : [0 , 1]
		});
				
	});
	//click next
	next.removeEvents().addEvent('click' , function(evt) {
		new Event(evt).stop();
		var myEffects = new Fx.Morph(arrImg[index],{'duration': durationTime});
		myEffects.start({
			'opacity' : [1 , 0]
		});
		if(index == arrImg.length - 1) {
			index = 0;
		} else {
			index++;
		}
		arrAlink.removeClass('current');
		arrAlink[index].addClass('current');
		idContent.getElement('a').setProperty('href',links[index]);
		if(mySlideShowEff) {
			$clear(mySlideShowEff);
			mySlideShowEff = mySlideShow.periodical(durationTimeAuto); 
		}	
		var myEffects = new Fx.Morph(arrImg[index],{ 'duration': durationTime});
		myEffects.start({
			'opacity' : [0 , 1]
		});	
	});
	mySlideShow = function() { 
		var myEffects = new Fx.Morph(arrImg[index],{ 'duration': durationTime});
		myEffects.start({
			'opacity' : [1 , 0]
		});
		if(index == arrImg.length - 1) {
			index = 0;
		} else {
			index++;
		}
		arrAlink.removeClass('current');
		arrAlink[index].addClass('current');
		var myEffects = new Fx.Morph(arrImg[index],{ 'duration': durationTime});
		myEffects.start({
			'opacity' : [0 , 1]
		});

	};
     mySlideShowEff = mySlideShow.periodical(durationTimeAuto);
	
}

function loadContentMessage() {
	var idContent = $('myMessageContent');
	if(!idContent) {
		return true;
	}
	var arrImg = idContent.getElements('div.message');
	if(arrImg.length < 2 ) return true;
	var index = 0;
	var pre = $('btnPreMess');
	var next = $('btnNextMess');
	var durationTime = 1000;
	var durationTimeAuto = 3000;
	var mySlideShowEffMessage;
	var myFx = new Array();
	 // Loop thru the children and hide all but the first
	for (var i = 0; i < arrImg.length; i ++) {
		if (i == 0) { // Styles for the first child
			arrImg[i].setStyles({'opacity': 1});
			idContent.setStyles({
				'width' : arrImg[i].getCoordinates().width,
				'height': 150
				//'height': arrImg[i].getCoordinates().height
			});
		} else { // Styles for the other hidden children  
			arrImg[i].setStyles({
				'opacity': 0,
				'visibility' :'visible'
			});
		}
	}
	//click pre 
	pre.removeEvents().addEvent('click' ,  function(evt) {
		new Event(evt).stop();
		var myEffects = new Fx.Morph(arrImg[index],{ 'duration': durationTime});
		myEffects.start({
			'opacity' : [1 , 0]
		});
		if(index == 0) {
			index = arrImg.length - 1;
		} else {
			index--;
		}
		/*if(mySlideShowEffMessage) {
			$clear(mySlideShowEffMessage);
			mySlideShowEffMessage = mySlideShowMessage.periodical(durationTimeAuto); 
		}*/	
		idContent.setStyles({
			'width' : arrImg[index].getCoordinates().width,
			'height': 150
			//'height': arrImg[index].getCoordinates().height
		});
		var myEffects = new Fx.Morph(arrImg[index],{ 'duration': durationTime});
		myEffects.start({
			'opacity' : [0 , 1]
		});
				
	});
	//click next
	next.removeEvents().addEvent('click' , function(evt) {
		new Event(evt).stop();
		var myEffects = new Fx.Morph(arrImg[index],{'duration': durationTime});
		myEffects.start({
			'opacity' : [1 , 0]
		});
		if(index == arrImg.length - 1) {
			index = 0;
		} else {
			index++;
		}
		/*if(mySlideShowEffMessage) {
			$clear(mySlideShowEffMessage);
			mySlideShowEffMessage = mySlideShowMessage.periodical(durationTimeAuto); 
		}*/	
		idContent.setStyles({
			'width' : arrImg[index].getCoordinates().width,
			'height': 150
			//'height': arrImg[index].getCoordinates().height
		});
		var myEffects = new Fx.Morph(arrImg[index],{ 'duration': durationTime});
		myEffects.start({
			'opacity' : [0 , 1]
		});	
	});
	mySlideShowMessage = function() { 
		var myEffects = new Fx.Morph(arrImg[index],{ 'duration': durationTime});
		myEffects.start({
			'opacity' : [1 , 0]
		});
		if(index == arrImg.length - 1) {
			index = 0;
		} else {
			index++;
		}
		idContent.setStyles({
			'width' : arrImg[index].getCoordinates().width,
			'height': arrImg[index].getCoordinates().height
		});
		var myEffects = new Fx.Morph(arrImg[index],{ 'duration': durationTime});
		myEffects.start({
			'opacity' : [0 , 1]
		});
	};
	//mySlideShowEffMessage = mySlideShowMessage.periodical(durationTimeAuto); 
}