$(document).ready(function() {
	$("a.iframe-fancybox").fancybox({
	    'overlayOpacity': 0.8,
	    'overlayColor': 'black',
	    'overlayShow': true,
	    'type': 'iframe',
	    'width': 700
    	});
	
	$("a.fancybox").fancybox({
	    'overlayOpacity': 0.8,
	    'overlayColor': 'black',
	    'overlayShow': true,
    	});
    
    $("a.videobox").fancybox({
        'overlayOpacity': 0.8,
	    'overlayColor': 'black',
	    'overlayShow': true,
	    'width': 720,
	    'margin': 0,
	    'onComplete': function() {
	      $("div#fancybox-content").css('border', 'none', 'border-width', '0');  
	      $("div#fancybox-outer").css('width', '720px');
	    },
	    'onClosed': function() {
               $("#fancy_content").empty();
                  }
    });
    
	$("a.fancyvideo5").click(function() {
	    var url = $(this).attr('name');
	    
	    $.fancybox({
    	    'overlayOpacity': 0.8,
    	    'overlayColor': 'black',
    	    'overlayShow': true,
    	    'padding': 0,
	        'onClosed': function() {
                   $("#fancy_content").empty();
            },
    		'content': '<div><div class="video-js-box vim-css">' +
                            '<video width="720" controls="" preload="auto" >' +
                            '<source src="' + url + '.mp4" type="video/mp4;" codecs="avc1.42E01E, mp4a.40.2" />' +
                            '<source src="' + url + '.webm" type="video/webm;" codecs="vp8, vorbis" />' +
                            '<source src="' + url + '.ogv" type="video/ogg;" codecs="theora, vorbis" />' +
                              '<!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->' +
                              '<object id="flash_fallback_1" class="vjs-flash-fallback" width="720" height="390" type="application/x-shockwave-flash"' +
                                'data="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf">' +
                                '<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" />' +
                                '<param name="allowfullscreen" value="true" />' +
                                '<param name="flashvars" value=\'config={"playlist":[{"url": "http://www.roxytheatre.info' + url + '.f4v", "autoPlay":true,"buffering":true}]}\' />' +
                                '<!-- No Suport Fallback. -->' +
                                '<h1>No video playback capabilities.</h1>' +
                              '</object>' +
                            '</video>' +
                            '</div></div>'
        });
        return false;
	});
    
});