window.addEvent('domready', function(){
	
	if ($('showvosover')) {
		$('showvosover').addEvent('click', function(e){
			showOverlay('vosover');
			e.stop();
		});
		
		$('vosoverbg').addEvent('click', function(e){
			hideOverlay('vosover');
			e.stop();
		});
		
		$('closevos').addEvent('click', function(e){
			hideOverlay('vosover');
			e.stop();
		});
			
		$('showBUYvosover').addEvent('click', function(e){
			showOverlay('BUYvosover');
			e.stop();
		});

		$('BUYvosoverbg').addEvent('click', function(e){
			hideOverlay('BUYvosover');
			e.stop();
		});

		$('closeBUYvos').addEvent('click', function(e){
			hideOverlay('BUYvosover');
			e.stop();
		});	
	
	
	}
		
});

function showOverlay(whichOverlay) {
	$(whichOverlay).setStyle('zIndex',500);
	$(whichOverlay).setStyle('visibility','visible');
	$(whichOverlay + 'bg').get('tween', {property:'opacity',duration:125}).start(0,0.85).chain(function(){
		$(whichOverlay + 'content').get('tween', {property:'opacity',duration:350}).start(0,1);
	});
}

function hideOverlay(whichOverlay) {
	$(whichOverlay + 'content').get('tween', {property:'opacity',duration:350}).start(1,0);
	$(whichOverlay + 'bg').get('tween', {property:'opacity',duration:125}).start(0.85,0).chain(function(){
		$(whichOverlay).setStyle('zIndex',20);
		$(whichOverlay).setStyle('visibility','hidden');
	});
}