function tntBox(element, navigation){

	var body	= $('body');
	
	body.append('<div id="overlay"></div><div id="boxcontent"><h2>&nbsp;</h2><a href="#close" class="close"></a><a href="#next" class="arrow next"></a><a href="#previous" class="arrow previous"></a><div id="data"></div></div>');
	
	var overlay = $('div#overlay');
	var box 		= $('div#boxcontent');
	var data		= $('div#boxcontent div#data');
	var close	= $('div#boxcontent a.close');
	var title	= $('div#boxcontent h2');
	var arrows	= $('a.arrow');
	
	if(navigation==true){
		arrowEvents();
	}
	
	element.click(function(){
		openBox($(this).attr('href'), $(this).attr('title'));
		return false;
	});
	
	overlay.click(function(){
		closeBox();
		return false;
	});

	close.click(function(){
		closeBox();
		return false;
	});

	function openBox(imgPath, titlestring){
		overlay.css({'height': $(document).height()}).show();
		body.addClass('noscroll');
		box.fadeTo('def', 100, function(){
			var img = new Image();
			$(img).load(function(){
				positionBox(this.width, this.height+55, function(){
					$('div#boxcontent img').fadeIn();
					close.show();
					title.html(titlestring);
				});
				$(this).hide();
				data.append(this);
			});
			$(img).attr('src', imgPath);
		});
		
	}
	
	function closeBox(){
		arrows.hide();
		box.stop();
		box.hide().css({'width': 20, 'height': 20, 'marginLeft': -10, 'marginTop': -10});
		data.empty();
		close.hide();
		title.empty();		
		overlay.fadeOut(200);
		body.removeClass('noscroll');
	}
	
	function positionBox(imgWidth, imgHeight, callback){
		box.animate({width: imgWidth, height: imgHeight, marginLeft: -imgWidth/2, marginTop: -imgHeight/2}, function(){
			callback();
		});
	
	}
	
	function arrowEvents(){
		box.hover(function(){
			arrows.stop(true, true).fadeIn(400);
		}, function(){
			arrows.stop(true, true).fadeOut(400);
		});
		
		arrows.click(function(){
			alert('helloooo');
		});
		
	}
}