var delay = 4;
var pause = false;

document.observe('dom:loaded', function(){
		
new PeriodicalExecuter(__galPlay, delay);

$('FeaturedProjects').childElements().each(function(projLink){
			Event.observe(projLink, 'mouseover', function(event){	
				Event.stop(event);
				elNewFeatured = $$('#FeaturedProject a')[this.previousSiblings().size()];
				projLink.writeAttribute('href',$$('#FeaturedProject a')[this.previousSiblings().size()].readAttribute('href'));
				if(!this.hasClassName('show') && !$('FeaturedProject').hasClassName('transition')){
					
					$$('div#FeaturedProjects a.show').each(function(selProj){
						selProj.removeClassName('show');
					})
					this.addClassName('show');
					
					$('FeaturedProject').addClassName('transition');		
					
					curProj = $$('div#FeaturedProject a.show')[0];
					newProj = $$('#FeaturedProject a')[this.previousSiblings().size()];
					pause = true;
					
					curProj.fade({
							duration: 0.5,
							afterFinish: function(){
				
								curProj.removeClassName('show');
								newProj.hide().addClassName('show');
								
								// hide label
								var labelBg = newProj.childElements()[1]
								labelBg.hide();
								labelBg.childElements()[0].setStyle({'opacity':0.01})
							//	console.info(labelBg.childElements()[0]);

								newProj.appear({
										duration: 0.6,
										afterFinish: function(){
											labelBg.appear({
												duration: 0.4,
												afterFinish: function(){
													labelBg.childElements()[0].appear(0.2);
													$('FeaturedProject').removeClassName('transition');	
												}
										})
	
										}
								})
								}
												 
					})
					
				}
			});
		});
	})

function __nextImage(){
	var curImage = $$('div#FeaturedProject a.show span.otherImage.selected')[0];
	
	if(curImage.nextSiblings().size()>0){
		var nxtImage = curImage.nextSiblings()[0];
	}else{
		var nxtImage = $$('div#FeaturedProject a.show span.otherImage')[0];
	}
	
	
	var obImage = $$('#FeaturedProject a.show img')[0];
	var newImage = new Element('img',{'alt':nxtImage.innerHTML});
			
	newImage.onload = function(){
	
		obImage.nextSiblings()[1].writeAttribute('src',newImage.readAttribute('src'));
		obImage.fade({
				duration: 1,
				afterFinish: function(){
					curImage.removeClassName('selected');
					nxtImage.addClassName('selected');
					obImage.writeAttribute('src',newImage.readAttribute('src'));
					obImage.show();
				}
		});
	}
	
	newImage.src = nxtImage.innerHTML; 
	
	
	//console.info(nxtImage)
}


function __galPlay(){
	if (pause == true){
		pause = false;
		//console.log('paused');
	}else{
		__nextImage();
	}
}