window.addEvent('domready', function()
	{
		var navButton = new Class({
			initialize: function(btn){
				btn.addEvents({
					'mouseenter': function(){
						btn.set('tween', {duration: 100});
						btn.tween('opacity', 0.01);
					},
					'mouseleave': function(){
						btn.set('tween', {duration: 800});
						btn.tween('opacity', 1);
					}
				});
			}
		});
		
		var navGroup = new navButton($('groupHover'));
		var navVs = new navButton($('vsHover'));
		var navPlay = new navButton($('playHover'));
		var navCollection = new navButton($('collectionHover'));
/*		
		$("screenshotPopup").setOpacity(0);
		$("screenwrap").setOpacity(0);
		new SmoothScroll({duration: 500, transition: Fx.Transitions.Expo.easeInOut}, window);
*/
	}
);

function closePopup()
{
	var swFade = new Fx.Tween($('screenwrap'), {duration:200, 'link': 'cancel'});
	
	var myEffect = new Fx.Morph('screenshotPopup', {duration: 500, transition: Fx.Transitions.Expo.easeInOut, 'link': 'cancel'});

	swFade.start('opacity', 0).chain(
		function(){
			myEffect.start({
				'height': 2,
				'width': 2,
				'margin-left': -1,
				'top': -1
				}).chain(
					function(){
						$('screenshotPopup').setOpacity(0);
					});
		});
	
}

function ss( im, hl, hl2, cp )
{

	$('screenHolder').empty();
	$('screenshotHeadline').empty();
	$('screenshotHeadline2').empty();
	$('screenshotCaption').empty();
	$('screenshotPopup').setStyle('visibility', 'visible');
	$('screenshotPopup').setOpacity(1);
	
	var swFade = new Fx.Tween($('screenwrap'), {duration:500, 'link': 'cancel'});
	
	var myEffect = new Fx.Morph('screenshotPopup', {duration: 500, transition: Fx.Transitions.Expo.easeInOut, 'link': 'cancel'});
 	
 	

	myEffect.start({
		'height': 791,
		'width': 925, 
		'margin-left': -463,
		'top': -396
		}).chain(
		function(){ swFade.start('opacity', 1); }
	);


	new Element('img',{ src:im, width:689, height:482 }).inject($('screenHolder')); 
	$('screenshotHeadline').appendText(hl);
	$('screenshotHeadline2').appendText(hl2);
	$('screenshotCaption').appendText(cp);

}