onDomReady(function()
{
	if (window.gecko)
		document.body.id = 'gecko';
	else if (window.webkit)
		document.body.id = 'webkit';
	else if (window.opera)
		document.body.id = 'opera';
	else if (window.ie)
		document.body.id = 'ie';
	
	var thumbs = $$("#thumbs img");
	var selected = thumbs[0];
	selected.addClass('selected');
	
	/** Next/Prev Buttons **/
	$('next-image').onclick = function()
	{		
		selected.removeClass('selected');
		if (selected.getParent().getNext())
			selected = selected.getParent().getNext().getChildren()[0];
		else
			selected = thumbs[0];
		
		selected.addClass('selected');
		featured.src = selected.src;
	};
	
	$('previous-image').onclick = function()
	{		
		selected.removeClass('selected');
		if (selected.getParent().getPrevious())
			selected = selected.getParent().getPrevious().getChildren()[0];
		else
			selected = thumbs[thumbs.length-1];
		
		selected.addClass('selected');
		featured.src = selected.src;
	};
	
	var featured = $("featured-photo");
	
	thumbs.each(function (thumb){
		thumb.onmouseover = function()
		{
			thumb.addClass('hover');	
		}
		
		thumb.onmouseout = function()
		{
			thumb.removeClass('hover');	
		}
		
		thumb.onclick = function()
		{
			selected.removeClass('selected');
			thumb.addClass('selected');
			selected = thumb;
			featured.src = selected.src;
		}
	});
});