var Site = 
{
	start: function()
	{
		//	If Fade-able elements are on the page then start the process
		//
        if ($('thumbs')) Content.start();    
	}	
};

var Content = 
{
	start: function()
	{				
		var el = [];
		var currentCampaign = $('campaign');
		var currentCampaignName = currentCampaign.getProperty('name');
		var currentEl = $('div_'+ currentCampaignName );
		currentEl.setStyle('visibility','visible');
		
		Content.thumbs = $$('img.rollover');		
		
		Content.thumbs.each(function(thumb,i){		
			
			var id = thumb.getProperty('id');
			el[i] = $('div_'+id);
			
			thumb.addEvent('mouseenter', function(e) {
				thumb.setStyle('border','3px solid #FF9034');
				rollover(i);
			});
					
			thumb.addEvent('mouseleave', function(e) {
				thumb.setStyle('border','3px solid #CCC');
				el[i].setStyle('visibility','hidden');
				currentEl.setStyle('visibility','visible');
			});

			thumb.addEvent('click', function(e) {
				thumb.setStyle('border','3px solid #CCC');
				window.location = 'index.php?page=' + id;
			});		
		});			
	
		function rollover(i)
		{
			for(j=0;j<el.length;j=j+1)
			{
				if (j==i) el[j].setStyle('visibility','visible');
				else el[j].setStyle('visibility','hidden');
			}
		}
	}
};

window.addEvent('domready',Site.start);