$(document).ready(function(){

	// install flowplayer into flowplayer container 
	var player = $f("player", SITE_BASE_URL + "/assets/flow/flowplayer.commercial-3.0.7.swf", {
		key: '#$e75f0df5928aafd7805', 
		// controlbar settings 
		plugins:  { 
			controls: {
				// location of the plugin 
				url: SITE_BASE_URL + '/assets/flow/flowplayer.controls-3.0.4.swf',

				// custom colors
				backgroundColor: '#505050',
				bufferColor: '#404040', 
				progressColor: '#404c80',             
				buttonColor: '#404040', 
				buttonOverColor: '#625EA2', 
				// setup auto hide 
				autoHide: 'always'
			} 
		}
	});

	// setup button action. it will fire our overlay  
	$("a[rel]").overlay({
		onBeforeLoad: function() {
			// this line does the magic. it makes the background image sit on top of the mask
			this.getBackgroundImage().expose({color: '#555'});
			$('#film-viewbox-photos').cycle('pause');
		},
		// when overlay is opened, load our player 
		onLoad: function() { 
				player.load(); 
		},
		// when overlay is closed, unload our player 
		onClose: function() { 
			player.unload();
			$.expose.close();
			$('#film-viewbox-photos').cycle('resume'); 
		}
	});
            
	$('.sharevideo').bt({
		ajaxPath: SITE_BASE_URL+'/films/getfilmsharepopup/detail/'+thisFilmId,
		trigger: 'click',
		clickAnywhereToClose: true,
		closeWhenOthersOpen: true,
		padding: '10px',
		width: 438,
		shadow: true,
		positions: ['bottom'],
		shadowOffsetX: 2,
		shadowOffsetY: 2,
		shadowBlur: 3,
		shadowColor: "#000",
		spikeLength: 10,
		spikeGirth: 20,
		cornerRadius: 10,
		fill: 'rgba(255, 255, 255, 1)',
		strokeWidth: 1,
		strokeStyle: "#605D5D",
		cssStyles: {color: '#605D5D', fontSize: '11px'}
	});

	$('#film-viewbox-photos').cycle({
		fx: 'fade',
		timeout: 5000,
		pager: '#nav',
		pagerAnchorBuilder: pagerFactory
	});
                
	function pagerFactory(idx, slide) {
		var s = idx > 2 ? ' style="display:none"' : '';
		return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
	};

	$('.ticketkey').bt({
		ajaxPath: SITE_BASE_URL+'/films/gettickettypekey',
		trigger: 'hover',
		clickAnywhereToClose: true,
		closeWhenOthersOpen: true, 
		padding: '10px',
		width: 159,
		shadow: true,
		positions: ['left'],
		shadowOffsetX: 2,
		shadowOffsetY: 2,
		shadowBlur: 3,
		shadowColor: "#000",
		spikeLength: 10,
		spikeGirth: 20,
		cornerRadius: 10,
		fill: 'rgba(255, 255, 255, 1)',
		strokeWidth: 1,
		strokeStyle: "#605D5D",
		cssStyles: {color: '#605D5D', fontSize: '11px'}
	});
            
	$(".add-member-movie").click(function(){
		var addLink = $(this);
		$.post(
			SITE_BASE_URL + "/mysyrfilm/addfilm",
			{ id: addLink.attr("id") },
			function(data) {
				addLink.removeClass("button-add");
				addLink.parent().html('<a href="javascript:;">Saved</a>');
			}, 
			"text"
		);
	});

	$(".add-member-program").click(function(){
		var addLink = $(this);
		$.post(
			SITE_BASE_URL + "/mysyrfilm/addprogram",
			{ id: addLink.attr("id") },
			function(data) {
				addLink.removeClass("button-add");
				addLink.parent().html('<a href="javascript:;" class="button-check"></a>');
			}, 
			"text"
		);
	});
});