$(function(){

	// FANCYBOX
	$("a[rel=fancybox], a.fancybox").fancybox({
		'transitionIn'		: 'fade',
		'transitionOut'		: 'fade',
		'overlayOpacity'	: '0.6',
		'overlayColor'		: '#000',
		'titleShow'	        : false
	});

	// IMAGE GALLERY
	$('a.popup').click(function(){
		
		var url = $(this).attr('href');
		
		var newImage = $(new Image());

		newImage.load(function(){
			var width = this.width;
			var offset = width/2;
			$("#modal-gallery-box").css({'width': this.width, 'height': this.height, 'margin-left': '-'+offset+'px'}).append('<a title="Close" class="close-modal" href="#"><img src="'+url+'" /></a>');

			// Close
			$('#modal-gallery-box a.close-modal').click(function(){
				$('#modal-gallery-holder').remove();			
				$('#modal-gallery-box').remove();
				return false;
			});
			
		});
		
		newImage.attr('src', url);
		
		$("body").append('<div id="modal-gallery-holder"></div>');
		$("#modal-gallery-holder").css({'width': $(window).width(), 'height': $(document).height()});

		$("body").append('<div id="modal-gallery-box">'+									
		'</div>'
		);
		
		$('#modal-gallery-box').css('top', getWindowTop() + "px");
		


		return false;

		
	});	

	// MODAL BOX
	$('a.play-video').click(function(){
		$("body").append('<div id="modal-holder"></div>');
		$("#modal-holder").css({'width': $(window).width(), 'height': $(document).height()});
				
		$("body").append('<div id="modal-box">'+
			'<a title="Close" class="close-modal" href="#"><img src="http://www.ronyplesl.com/images/close.gif" alt="Close" /></a></p>'+
			'<a href="http://www.ronyplesl.com/rony-plesl/media/rony-plesl-dokumentary.flv" style="display:block;width:640px;height:352px" id="player"></a>'+							
		'</div>'
		);

		flowplayer("player", "http://www.ronyplesl.com/media/video-player/flowplayer-3.1.1.swf",{
		    clip:{ 
		        autoPlay: true, 
		        autoBuffering: true 
		    },
		    plugins: {      
		        controls: {
		            url: 'video-player/flowplayer.controls-3.1.1.swf', 
		            
		            playlist: false, 
		            
		            backgroundColor: '#000000', 
					buttonColor:  	'#393939',
					buttonOverColor:  	'#D90000',
					progressColor: '#D90000', 
					bufferColor: '#292929',
					timeColor: '#FFFFFF', 
					durationColor: '#939393',

					tooltipColor: '#393939',
		            tooltips: {			            	
		                buttons: true, 
		                fullscreen: 'Enter Fullscreen mode' 
		            } 
		        } 
		    }
		});

	
		$('#modal-box').css('top', getLoginTop() + "px");
		
		// Close
		$('#modal-box a.close-modal').click(function(){
			$('#modal-holder').remove();
			$('#modal-box').remove();
			return false;
		});
		
		return false;
	});


	getLoginTop = function(){
		return $(window).scrollTop() + 150;	
	}

	getWindowTop = function(){
		return $(window).scrollTop() + 100;	
	}
	
});