// V 1.1.2 (with Klix mods) - CTRL+F "Klix" to find mods

/* - Query vars you can use on your url for the box:

isIframe=true - will force it to recognize it as a url to open in an iframe
lightboxWidth=100 - force the width of a swf, iframe, or video instead of using the default
lightboxHeight=100 - force the height of a swf, iframe, or video instead of using the default
quality=large - determine the quality of a video for use in the custom youtube player instead of the default
minFlashVer=10.0.0 - determine the min flash version that can view a swf
bgColor=#fff - determine the bg color of a swf
wmode=opaque - manually determine the wmode for a swf
backup=[uriencodeddata] - give uri encoded HTML data to show as a swf's backup content

*/

var undef;

// mousewheel event plugin
(function(a){function d(b){var c=b||window.event,d=[].slice.call(arguments,1),e=0,f=!0,g=0,h=0;return b=a.event.fix(c),b.type="mousewheel",c.wheelDelta&&(e=c.wheelDelta/120),c.detail&&(e=-c.detail/3),h=e,c.axis!==undefined&&c.axis===c.HORIZONTAL_AXIS&&(h=0,g=-1*e),c.wheelDeltaY!==undefined&&(h=c.wheelDeltaY/120),c.wheelDeltaX!==undefined&&(g=-1*c.wheelDeltaX/120),d.unshift(b,e,g,h),(a.event.dispatch||a.event.handle).apply(this,d)}var b=["DOMMouseScroll","mousewheel"];if(a.event.fixHooks)for(var c=b.length;c;)a.event.fixHooks[b[--c]]=a.event.mouseHooks;a.event.special.mousewheel={setup:function(){if(this.addEventListener)for(var a=b.length;a;)this.addEventListener(b[--a],d,!1);else this.onmousewheel=d},teardown:function(){if(this.removeEventListener)for(var a=b.length;a;)this.removeEventListener(b[--a],d,!1);else this.onmousewheel=null}},a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})})(jQuery)

var mbbox =
{
	MARGIN: 70, // the minimum margin around the shown asset, does not include title, so don't make too small if using titles
	DEBUG: false, // determines if it should log info to the console.log function, for developers only
	DEFAULT_WIDTH: 640, // default width for video/swf/iframes if none is defined using a 'lightboxWidth' url var
	DEFAULT_HEIGHT: 360, // default height for video/swf/iframes if none is defined using a 'lightboxHeight' url var
	SHOW_PAGING_FIELD: true, // true or false to show the little '1/12' if there's more than 1 in the group
	ASSUME_ABSOLUTE_PATHS_IFRAME: false, // true would assume any url not vimeo or youtube should open iframe, false it will assume is an image
	USE_CUSTOM_YOUTUBE_PLAYER: true, // uses the included flash/html5 player instead of the default youtube one for youtube videos
	DEFAULT_YOUTUBE_QUALITY: 'large', // only applies if using the custom youtube player, sets it's default quality if none supplied via a query var
	USE_MOUSE_WHEEL: true, // true or false to allow navigation through asset groups to use the mouse wheel
	USE_HISTORY: false, // to add a #hash fragment on open, and close the box if removed (allows the back button to close the lightbox)
	
	thumbs: [],
	loadingImg: undef,
	state: 'unstarted',
	lbHash: '',
	mobileMode: false,
	
	markupAdded: false,
	addMarkup: function()
	{
		if (!mbbox.markupAdded) jQuery('body').append(mbbox_html);
		mbbox.markupAdded = true;
		jQuery('#mbbox-bg, #mbbox-cont').css({display:'none', opacity:0});
		jQuery("#mbbox-cont, #mbbox-cont .vert-center-child").click(function(e){ if (e.target == e.currentTarget) mbbox.bgClick(); });
		mbbox.state = 'created';
		
		// watch the mouse wheel to navigate as well if it's turned on
		if (mbbox.USE_MOUSE_WHEEL)
			jQuery(document).bind("mousewheel", mbbox.onMouseWheel);
		
		// if mobile mode is on, then that means makeMobile was called but the markup wasn't added yet, so have to call it again now
		if (mbbox.mobileMode)
			mbbox.makeMobile();
	},
	
	ignoreClick: true,
	initialize: function(sel, ic)
	{
		// useful if manually calling the box up on click for some reason
		mbbox.ignoreClick = ic==true;
		
		// reset from any previous setup
		mbbox.reset();
		
		// if is a string, make jQuery object
		if (sel.substr != undef)
			sel = jQuery(sel);
		
		// call addToGallery for each match of the selector
		sel.each(mbbox.addToGallery);
		
		// add the html for the box
		mbbox.addMarkup();
		
		mbbox.state = 'ready';
	},
	
	makeMobile: function()
	{
		mbbox.mobileMode = true;
		if (mbbox.markupAdded)
		{
			jQuery('#mbbox-bg').css('position','absolute'); mbbox_fixCenter('#mbbox-bg');
			jQuery('#mbbox-cont').css('position','absolute');  mbbox_fixCenter('#mbbox-cont');
		}
	},
	
	reset: function()
	{
		if (mbbox.showing)
			mbbox.hide();
		
		// dont reset the markup added var or the markup will add again, which isn't needed
		mbbox.thumbs = [];
		mbbox.loadingImg = undef;
		mbbox.state = 'unstarted';
		mbbox.lbHash = '';
		mbbox.showing = false;
		mbbox.curInd = -1;
		mbbox.titleToBe = '';
		mbbox.pagingToBe = '';
		mbbox.nextIndToShow = -1;
		if (mbbox.USE_HISTORY) clearInterval(mbbox.closeCheckInt);
	},
	
	addToGallery: function()
	{
		$this = jQuery(this);
		
		// move the title attribute info to the jquery data
		if ($this.data('title') == undef)
			{ $this.data('title', $this.attr('title')); $this.removeAttr('title'); }
		
		mbbox.thumbs.push( [this, $this.attr('href'), $this.data('title')] );
		
		if (mbbox.ignoreClick) $this.attr('onclick','event.returnValue = false; return false;');
		else $this.attr('onclick','mbbox.showByIndex('+(mbbox.thumbs.length-1)+'); event.returnValue = false; return false;');
	},
	
	showByIndex: function(i)
	{
		var arr = mbbox.thumbs[i];
		mbbox.show(arr[1], arr[2], i);
	},
	
	showing: false,
	curInd: -1,
	closeCheckInt: -1,
	titleToBe: '',
	pagingToBe: '',
	show: function(url, title, indexOrUndef)
	{
		if (mbbox.state != 'ready' && mbbox.state != 'paging') return;
		mbbox.log('mbbox.show(): '+url+', '+title+', '+indexOrUndef);
		
		var type = 'img';
		var ext = url.split('?')[0].split('.').reverse()[0].toLowerCase();
		var dim = mbbox.getQueryDimensions(url);
		var isIframe = RegExp('[?|&]isIframe=?(.*?)(&|$)').exec(origUrl) == 'true';
		var origUrl = url;
		mbbox.curInd = indexOrUndef;
		jQuery(window).trigger('resize'); // for the mobile version resizing
		
		if (ext == 'swf')
			{ type = 'swf'; }
		
		// this will call youtube and vimeo vids iframes too, but the if statements afterwards will correct it
		if ((mbbox.ASSUME_ABSOLUTE_PATHS_IFRAME && (url.substr(0,7) == 'http://' || url.substring(0,8) == 'https://')) || isIframe)
			{ type = 'iframe' }
		
		if (url.toLowerCase().indexOf('youtube.com') > -1 && url.indexOf('v=') > -1 && !isIframe)
			{ type = 'yt'; url = url.match(/(&|\?)v=(.*?)($|&)/i)[2]; }
		
		if (url.toLowerCase().indexOf('vimeo.com') > -1 && !isIframe)
			{ type = 'vim'; url = url.match(/(vimeo.com\/)(.*?)(\/|\?|$)/i)[2]; }
		
		mbbox.pagingToBe = mbbox.SHOW_PAGING_FIELD&&indexOrUndef!=undef&&mbbox.thumbs.length>1 ? (indexOrUndef+1)+' / '+mbbox.thumbs.length : '';
		$box = jQuery('#mbbox-box');
		$cont = jQuery('#mbbox-cont');
		if (type == 'img')
		{
			mbbox.loadingImg = new Image();
			mbbox.loadingImg.onload = mbbox.onImageLoaded;
			mbbox.loadingImg.src = url;
			mbbox.state = 'loading';
			mbbox.titleToBe = title;
		}
		if (type == 'swf')
		{
			var minFlash = RegExp('[?|&]minFlashVer=?(.*?)(&|$)').exec(origUrl);
			var bgColor = RegExp('[?|&]bgColor=?(.*?)(&|$)').exec(origUrl);
			var wmode = RegExp('[?|&]wmode=?(.*?)(&|$)').exec(origUrl);
			var backup = RegExp('[?|&]backup=?(.*?)(&|$)').exec(origUrl);
			$box.html('<div id="mbbox-swf-container" style="width:'+dim.width+'px;height:'+dim.height+'px;">'+(backup==null ? '<p>You must have <a href="http://get.adobe.com/flashplayer/"flash player</a> to view this content.</p>' : decodeURIComponent(backup[1]))+'</div>' + mbbox_ctrls);
			swfobject.embedSWF(url, 'mbbox-swf-container', '100%', '100%', (minFlash==null?'10.0.0':minFlash[1]), false, false, {wmode:(wmode==null?'opaque':wmode[1]), bgcolor:(bgColor==null?'#fff':bgColor[1])});
			$cont.css({display:'block'}).delay(500).animate({opacity:1}, 500);
			mbbox.updateControls();
			jQuery('#mbbox-title').text(title);
			jQuery('#mbbox-page').text(mbbox.pagingToBe);
			mbbox.state = 'showing [iframe]';
		}
		if (type == 'iframe')
		{
			$box.html('<iframe src="url" style="width:'+dim.width+'px;height:'+dim.height+'px;" />' + mbbox_ctrls);
			$cont.css({display:'block'}).delay(500).animate({opacity:1}, 500);
			mbbox.updateControls();
			jQuery('#mbbox-title').text(title);
			jQuery('#mbbox-page').text(mbbox.pagingToBe);
			mbbox.state = 'showing [iframe]';
		}
		if (type == 'yt')
		{
			if (mbbox.USE_CUSTOM_YOUTUBE_PLAYER)
			{
				var quality = RegExp('[?|&]quality=?(.*?)(&|$)').exec(origUrl);
				$box.html('<div id="mbbox-custom-youtube-player"></div>' + mbbox_ctrls);
				embedYouTubeVideo(jQuery('#mbbox-custom-youtube-player'), url, true, dim.width, dim.height, (quality==null?mbbox.DEFAULT_YOUTUBE_QUALITY:quality[1]));
			}
			else
			{
				$box.html('<iframe src="http://www.youtube.com/embed/'+url+'?autohide=1&autoplay=1&modestbranding=1&showinfo=0&showsearch=0&theme='+(DEFAULT_BG_COLOR=='#000000'?'dark':'light')+'&wmode=opaque&rel=0" style="width:'+dim.width+'px;height:'+dim.height+'px;" />' + mbbox_ctrls);
				// Klix specific add-in with the DEFAULT_BG_COLOR part
			}
			
			$cont.css({display:'block'}).delay(500).animate({opacity:1}, 500);
			mbbox.updateControls();
			jQuery('#mbbox-title').text(title);
			jQuery('#mbbox-page').text(mbbox.pagingToBe);
			mbbox.state = 'showing [youtube]';
		}
		if (type == 'vim')
		{
			$box.html('<iframe src="http://player.vimeo.com/video/'+url+'?autoplay=1&color='+(DEFAULT_BG_COLOR=='#000000'?'000000':'ffffff')+'&title=0&byline=0&portrait=0" style="width:'+dim.width+'px;height:'+dim.height+'px;" />' + mbbox_ctrls);
			// Klix specific add-in with the DEFAULT_BG_COLOR part
			$cont.css({display:'block'}).delay(500).animate({opacity:1}, 500);
			mbbox.updateControls();
			jQuery('#mbbox-title').text(title);
			jQuery('#mbbox-page').text(mbbox.pagingToBe);
			mbbox.state = 'showing [vimeo]';
		}
		
		$bg = jQuery('#mbbox-bg');
		$bg.css({display:'block', backgroundPosition:'center center'}).animate({opacity:1}, 500);
		
		if (!mbbox.showing)
		{
			mbbox.showing = true;
			if (mbbox.USE_HISTORY)
			{
				mbbox.closeCheckInt = setInterval(mbbox.closeChecker, 200);
				window.location.hash = mbbox.lbHash = '#lightbox' + Math.floor(Math.random()*99999);
			}
		}
	},
	
	onImageLoaded: function()
	{
		mbbox.log('image loaded');
		
		$box = jQuery('#mbbox-box');
		$cont = jQuery('#mbbox-cont');
		var ow = mbbox.loadingImg.width, oh = mbbox.loadingImg.height;
		var win = jQuery(window), w = win.width() - mbbox.MARGIN*2, h = win.height() - mbbox.MARGIN*2;
		jQuery(window).trigger('resize'); // for the mobile version resizing
		
		// find what the new size should be keeping aspect ratio
		var ratH = oh / h;
		var ratW = ow / w;
		var iScale = 1/(ratH < ratW ? ratW : ratH);
		var newW = ow*iScale;
		var newH = oh*iScale;
		
		// don't make larger
		if (newH > oh || newW > ow)
			{ newH = oh; newW = ow; }
		
		$box.html('<img src="'+mbbox.loadingImg.src+'" />' + mbbox_ctrls);
		$box.children('img').css({width:newW+'px',height:newH+'px'});
		$cont.css({display:'block'}).delay(500).animate({opacity:1}, 500);
		jQuery('#mbbox-title').text(mbbox.titleToBe);
		jQuery('#mbbox-page').text(mbbox.pagingToBe);
		
		mbbox.updateControls();
		
		mbbox.loadingImg = null;
		mbbox.state = 'showing [image]';
	},
	
	updateControls: function()
	{
		var cInd = mbbox.curInd;
		var doPaging = cInd != undef && cInd > -1;
		
		var showPrev = doPaging && cInd>0;
		var showNext = doPaging && cInd<mbbox.thumbs.length-1;
		
		var overAlpha = .7;
		var outAlpha = 1;
		var disableAlpha = .4;
		
		jQuery('#mbbox-prev-btn,#mbbox-next-btn').css('display', mbbox.thumbs.length==1?'none':'block');
		
		jQuery('#mbbox-prev-btn').css({ opacity:(showPrev?outAlpha:disableAlpha), cursor:(showPrev?'pointer':'default') });
		jQuery('#mbbox-next-btn').css({ opacity:(showNext?outAlpha:disableAlpha), cursor:(showNext?'pointer':'default') });
		
		var hoverFunc = function(){ jQuery(this).css({opacity:overAlpha}); }
		var outFunc = function(){ jQuery(this).css({opacity:outAlpha}); }
		
		if (showPrev) jQuery('#mbbox-prev-btn').bind('mouseover', hoverFunc).bind('mouseout', outFunc).bind('click', mbbox.movePrev);
		if (showNext) jQuery('#mbbox-next-btn').bind('mouseover', hoverFunc).bind('mouseout', outFunc).bind('click', mbbox.moveNext);
		jQuery('#mbbox-exit-btn').bind('mouseover', hoverFunc).bind('mouseout', outFunc).bind('click', mbbox.hide);
	},
	
	closeChecker: function()
	{
		if (window.location.hash != mbbox.lbHash)
			mbbox.hide();
	},
	
	bgClick: function()
	{
		// bit misleading, is actually a click on the container that is
		// not a click on one of its child elements that triggers this
		var s = mbbox.state;
		if (s.substr(0,7) == 'showing' || s == 'loading')
			mbbox.hide();
	},
	
	hide: function()
	{
		if (mbbox.state == 'hiding' || mbbox.state == 'ready') return;
		mbbox.log('mbbox.hide()');
		
		// take care of the hashing we used to make back button close lightbox
		if (mbbox.USE_HISTORY)
		{
			clearInterval(mbbox.closeCheckInt);
			if (window.location.hash == mbbox.lbHash)
				history.back();
		}
		
		// cancel load
		if (mbbox.loadingImg) mbbox.loadingImg.onload = function(){};
		
		mbbox.showing = false;
		$cont = jQuery('#mbbox-cont');
		$bg = jQuery('#mbbox-bg');
		$cont.animate({opacity:0}, 500, mbbox.clearBox);
		$bg.css({backgroundPosition:'-999px -999px'}).delay(500).animate({opacity:0}, 500, mbbox.clearBg);
		
		mbbox.state = 'hiding';
	},
	
	nextIndToShow: -1,
	moveToIndex: function(nextInd)
	{
		mbbox.log('mbbox.moveToIndex(): '+nextInd);
		
		// used by paging to only hide the current asset, not remove the box entirely
		$cont = jQuery('#mbbox-cont');
		mbbox.nextIndToShow = nextInd;
		$cont.stop().animate({opacity:0}, 500, mbbox.showQueuedInd);
		
		mbbox.state = 'paging';
	},
	
	showQueuedInd: function()
	{
		mbbox.clearBox();
		mbbox.showByIndex(mbbox.nextIndToShow);
	},
	
	moveNext: function()
	{
		if (mbbox.state.substr(0,7) != 'showing') return;
		
		var newInd = mbbox.curInd + 1;
		if (newInd >= mbbox.thumbs.length) newInd = 0;
		mbbox.moveToIndex(newInd);
	},
	
	movePrev: function()
	{
		if (mbbox.state.substr(0,7) != 'showing') return;
		
		var newInd = mbbox.curInd - 1;
		if (newInd < 0) newInd = mbbox.thumbs.length - 1;
		mbbox.moveToIndex(newInd);
	},
	
	onMouseWheel: function(event, delta)
	{
		if (mbbox.state.substr(0,7) == 'showing' || mbbox.state == 'loading' || mbbox.state == 'paging')
		{
			if (delta < 0 && mbbox.curInd < mbbox.thumbs.length-1) mbbox.moveNext();
			if (delta > 0 && mbbox.curInd > 0) mbbox.movePrev();
			event.preventDefault();
			return false;
		}
	},
	
	clearBox: function()
	{
		jQuery('#mbbox-box').html('');
		jQuery('#mbbox-cont').css('display','none');
	},
	
	clearBg: function()
	{
		jQuery('#mbbox-bg').css('display','none');
		mbbox.state = 'ready';
	},
	
	getQueryDimensions: function(str)
	{
		var width = RegExp('[?|&]lightboxWidth=?(.*?)(&|$)').exec(str);
		var height = RegExp('[?|&]lightboxHeight=?(.*?)(&|$)').exec(str);
		width = (width == null) ? mbbox.DEFAULT_WIDTH : width[1];
		height = (height == null) ? mbbox.DEFAULT_HEIGHT : height[1];
		return {width:width, height:height};
	},
	
	log: function(str)
	{
		try { if (mbbox.DEBUG) console.log(str); }
		catch (e) {}
	}
};

var mbbox_html = '<div id="mbbox-bg"></div>'+
				'<div id="mbbox-cont">'+
					'<div class="vert-center hor-center">'+
						'<div class="vert-center-child">'+
							'<div id="mbbox-box">'+
								// content gets placed here once loaded
							'</div>'+
						'</div>'+
					'</div>'+
				'</div>';

var mbbox_ctrls = '<a id="mbbox-prev-btn" class="mbbox-btn">Previous</a>'+
				'<a id="mbbox-next-btn" class="mbbox-btn">Next</a>'+
				'<a id="mbbox-exit-btn" class="mbbox-btn">Exit</a>'+
				'<span id="mbbox-title"></span>'+
				'<span id="mbbox-page"></span>';

//////////////// keeps elements centered vertically, relies in the function 'mbbox.makeMobile();' being called, does not detect by itself!!! /////////////
// modified fixed center plugin to only fix the y coord
var mbbox_fixCenter = function(sel)
{
	var $this = jQuery(sel);
	return $this.each(function() {
		var element=jQuery(this);
		//centerElement();
		jQuery(window).bind('resize',function() {
			centerElement();
		});
		jQuery(window).bind('scroll',function() {
			//if (element.attr('id') != 'mbbox-cont' || mbbox.state.length < 7 || mbbox.state.substr(0,7) != 'showing')
				//centerElement(); centerElement(); // for some reason calling it twice works better...dunno
		});
		function centerElement() {
			var elementHeight,windowHeight,Y2;
			elementHeight=element.outerHeight();
			windowHeight=mbbox_clientHeight();
			Y2=(windowHeight/2-elementHeight/2+mbbox_scrollTop())+"px";
			jQuery(element).css({'top':Y2,'position':'absolute'});
		}
	});
};
function mbbox_clientHeight() {
	return mbbox_filterResults (
		window.innerHeight ? window.innerHeight : 0,
		document.documentElement ? document.documentElement.clientHeight : 0,
		document.body ? document.body.clientHeight : 0
	);
}
function mbbox_scrollTop() {
	return mbbox_filterResults (
		window.pageYOffset ? window.pageYOffset : 0,
		document.documentElement ? document.documentElement.scrollTop : 0,
		document.body ? document.body.scrollTop : 0
	);
}
function mbbox_filterResults(n_win, n_docel, n_body) {
	var n_result = n_win ? n_win : 0;
	if (n_docel && (!n_result || (n_result > n_docel)))
		n_result = n_docel;
	return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}