/*--- video popup ---*/
$(document).ready(function(){
	var flashvars = {};
	flashvars.videoWidth = "";
	flashvars.videoHeight = "";
	flashvars.videoPath = "";
	flashvars.autoStart = "true";
	flashvars.hiddenTime = "5600";
	flashvars.startVolume = "75";
	flashvars.videoBufferTime = "3";

	var params = {};
	params.allowFullScreen = true;
	params.bgcolor = "#fff";
	params.menu = "false";
	params.menu = "false";
	
	var attributes = {};

	function openPopup(_url, _title, _w, _h){
		_fader.css({height:initH(), display:'block', opacity:'0.8'});
		_popup.show();
		video_hold.css({width: _w+'px', height: _h+'px'});
		_popup.css({width:video_hold.parent().outerWidth(), marginLeft: -video_hold.parent().outerWidth()/2, top: ($(window).scrollTop() +($(window).height() - _popup.outerHeight())/2)});
		popup_title.html(_title);
		
		flashvars.videoWidth = _w;
		flashvars.videoHeight = _h;
		flashvars.videoPath = _url;
		swfobject.embedSWF("swf/preview.swf", "video-hold", "320", "240", "8", "swf/expressInstall.swf", flashvars, params, attributes);
	}
	
	if($('a.btn-video').length){
		if($('#video-popup').length == 0){
			$('body').append(' \
				<div id="video-popup"> \
					<div class="top"><div></div></div><div class="cont"> \
					<a class="btn-close" href="#">close</a> \
					<div class="title"></div><div class="video-hold"><div id="video-hold"></div></div> \
				</div> \
				<div class="btm"><div></div></div> \
			</div>');
		}
		if($('#fader').length == 0){
			$('body').append('<div id="fader"></div>');
		}
		var _popup = $('#video-popup');
		var _fader = $('#fader');
		var popup_title = _popup.find('div.title');
		var video_hold = _popup.find('div.video-hold');
		
		_popup.find('a.btn-close').click(function(){
			_popup.hide().width('auto');
			_fader.hide();
			video_hold.html('<div id="video-hold"></div>');
			popup_title.empty();
			return false;
		});
		_popup.hide();
		_fader.hide();
		$('a.btn-video').each(function(){
			var _btn = $(this);
			var _url = _btn.attr('href').split('?')[0];
			var _w = _btn.attr('href').substr(_btn.attr('href').indexOf('w=')+2, _btn.attr('href').substr(_btn.attr('href').indexOf('w=')+2).split('&')[0].length);
			var _h = _btn.attr('href').substr(_btn.attr('href').indexOf('h=')+2, _btn.attr('href').substr(_btn.attr('href').indexOf('h=')+2).split('&')[0].length);
			var _title = _btn.children('img').attr('alt');
			_btn.click(function(){
				openPopup(_url, _title, _w, _h);
				return false;
			});
		});
		_fader.click(function(){
			if(_popup.is(':visible')){
				_popup.hide().width('auto');
				_fader.hide();
				video_hold.html('<div id="video-hold"></div>');
				popup_title.empty();
			}
			return false;
		});
		function initH(){
			var _h = $('#wrapper').outerHeight();
			if(_h < $(window).height()) _h = $(window).height();
			if(_h < $('body').height()) _h = $('body').height();
			return _h;
		}
		$(document).keydown(function(e){
			if(!e)evt = window.event;
			if(e.keyCode == 27 && _popup.is(':visible')){
				_popup.hide().width('auto');
				_fader.hide();
				video_hold.html('<div id="video-hold"></div>');
				popup_title.empty();
			}
		});
	}
});

$(document).ready(function(){
	$('ul.accordion').accordion({
		active: ".active",
		autoHeight: false,
		header: ".opener",
		collapsible: true,
		event: "click"
	});
});