/**
 * Initalize floabox
 *
 * @param obj $ jQuery object
 */
function floatbox_init($, options)
{
	$.extend({
		'loader_image' : '/img/loader.gif'
	}, options);

	var floatboxed     = false;
	var default_width  = 620;
	var default_height = 530;

	function show_floatbox(content, fn) {
		if (content) {
			$('#floatbox>div.kotak>div.content').append(content);
			$('#floatbox>div.kotak>div.content>*').hide();
			$(content).show();
		}
		$('#floatbox>div.overlay')
			.show()
			.css('opacity', 0)
			.fadeTo('medium', 0.8, function() {
				$('#floatbox>div.kotak').fadeIn(function() {
					floatboxed = true;
					if (typeof fn == 'function') {
						fn();
					}
				});
			});
	}

	function hide_floatbox() {
		$('#floatbox>div.kotak')
			.css('backgroundImage', 'none')
			.fadeOut(function() { $('#floatbox>div.kotak>div.content').show(); });
		$('#floatbox>div.overlay').fadeOut(function() { $(this).hide(); floatboxed = false; });
	}

	function resize_floatbox(width, height, fn) {
		var to_width = {
			'width': width+'px',
			'marginLeft': '-'+(width/2)+'px'
		};
		var to_height = {
			'height': height+'px',
			'marginTop': '-'+(height/2)+'px'
		};
		$('#floatbox>div.kotak').animate(to_width, 'medium', function() {
			$(this).animate(to_height, 'medium', function() {
				if (typeof fn == 'function') {
					fn();
				}
			});
		});
	}

	$('a[rel=floatbox]').each(function() {
		var t = 'div';
		if (this.hash.length > 2) {
			// autohide target divs
			if ($(this.hash).size() > 0) {
				$(this.hash).hide();
			} else {
				// target div does not exist, disable floatbox link
				t = 'disable';
			}
		} else {
			if ($(this).hasClass('image') || this.href.match(/\.(jpg|gif|png)$/)) {
				// link is an image
				t = 'image';
			}
		}
		$(this).click(function() {
			if (t == 'div') {
				var content = $(this.hash)[0];
				var w = $('#floatbox>div.kotak').width();
				var h = $('#floatbox>div.kotak').height();
				var r = (w!=default_width || h!=default_height);
				if (r) {
					$('#floatbox>div.kotak>div.content').css('overflow-y', 'hidden');
				}
				show_floatbox(content, function() {
					if (r) {
						resize_floatbox(default_width, default_height, function() {
							$('#floatbox>div.kotak>div.content').css({
								'overflow-x': 'hidden',
								'overflow-y': 'scroll'
							});
						});
					}
				});
			} else if (t == 'image') {
				$('#floatbox>div.kotak').css({
					'backgroundImage': 'url("'+options.loader_image+'")',
					'backgroundPosition': '50% 50%',
					'backgroundRepeat': 'no-repeat'
				});
				$('#floatbox>div.kotak>div.content').hide();
				var a = this;
				show_floatbox(null, function() {
					var img = new Image();
					$(img).load(function() {
						resize_floatbox(img.width, img.height, function() {
							$('#floatbox>div.kotak').css('backgroundImage', 'url("'+img.src+'")');
						});
					});
					img.src = a.href;
				});
			}
			return false;
		});
	});

	$('#floatbox a.close, #floatbox>div.overlay').click(function() {
		hide_floatbox();
		return false;
	});

	$(document).keydown(function(e) {
		if (e.keyCode == 27 && floatboxed) {
			hide_floatbox();
		}
	});
}