window.addEvent('domready', init);

var lastClick;
var count=1;
var total=0;
var busy=false;
var myEffects;
var whichImage;

function init(){
	$$('td.thumb img').each(function(link, i){
			link.addEvent('click',thumbClick);
			total++;
			if(i==0){
				lastClick=link;
			}
			});
}

function thumbClick(){
 // if(!busy){
    lastClick.removeClass('opacity');
    //lastClick.addClass('grayBorder');
    lastClick=this;
    this.addClass("opacity");
   // this.removeClass('grayBorder');
    whichImage=this.name;
    //myEffects = $('p_image').effects({duration: 300, onComplete:fadeOutComplete});
	//myEffects.start({'opacity': 0});
	$('p_image').innerHTML='<img src="images/home_featured/'+whichImage+'.jpg" />';
    count=this.id;
    //busy=true;
	//}
}

function fadeOutComplete(){
  $('p_image').innerHTML='<img src="images/home_featured/'+whichImage+'.jpg" />';
	myEffects = $('p_image').effects({duration: 300,onComplete:finalFadeComplete});
	myEffects.start({'opacity': 1});
}

function finalFadeComplete(){
	busy=false;	
	
}