/*
 * Thickbox 3.1 - One Box To Rule Them All.
 * By Cody Lindley (http://www.codylindley.com)
 * Copyright (c) 2007 cody lindley
 * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
*/

var tb_pathToImage = "/lib/images/";
var tb_pathToFlvplayer = "/lib/swf/";
var tb_labelClose = "Sluiten";
var tb_labelPrev = "Vorige";
var tb_labelNext = "Volgende";
var tb_labelFirst = "Eerste";
var tb_labelLast = "Laatste";

//on page load call tb_init
$(document).ready(function(){
	tb_init('a.thickbox,area.thickbox,input.thickbox');//pass where to apply thickbox
	imgLoader = new Image();// preload image
	imgLoader.src = tb_pathToImage+"loading_bar.gif";
});

//add thickbox to href & area elements that have a class of .thickbox
function tb_init(domChunk){
	$(domChunk).click(function(){
		var t = this.title || this.name || null;
		var a = this.href || this.alt;
		var g = this.rel || false;
		tb_show(t,a,g);
		this.blur();
		return false;
	});
}

function tb_show(caption, url, imageGroup){//function called when the user clicks on a thickbox link
	try{
		if(typeof document.body.style.maxHeight === "undefined"){//if IE 6
			$("body","html").css({height:"100%",width:"100%"});
			$("html").css("overflow","hidden");
			if(document.getElementById("TB_HideSelect") === null){//iframe to hide select elements in ie6
				$("body").append("<iframe id='TB_HideSelect'></iframe><div id='TB_overlay'></div><div id='TB_window'></div>");
				$("#TB_overlay").click(tb_remove);
			}
		}else{//all others
			if(document.getElementById("TB_overlay") === null){
				$("body").append("<div id='TB_overlay'></div><div id='TB_window'></div>");
				$("#TB_overlay").click(tb_remove);
			}
		}

		if(tb_detectMacXFF()){$("#TB_overlay").addClass("TB_overlayMacFFBGHack");}//use png overlay so hide flash
		else{$("#TB_overlay").addClass("TB_overlayBG");}//use background and opacity

		if(caption === null){caption = "";}
		$("body").append("<div id='TB_load'><img src='"+imgLoader.src+"' /></div>");//add loader to the page
		$('#TB_load').show();//show loader
		
		var baseURL;
		if(url.indexOf("?")!==-1){baseURL = url.substr(0, url.indexOf("?"));}//ff there is a query string involved
		else{baseURL = url;}

		var urlString = /\.jpg$|\.jpeg$|\.png$|\.gif$|\.bmp$/;
		var urlType = baseURL.toLowerCase().match(urlString);

		if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){//code to show images
			TB_PrevCaption = ""; TB_PrevURL = ""; TB_PrevHTML = "";
			TB_NextCaption = ""; TB_NextURL = ""; TB_NextHTML = "";
			TB_FirstCaption = ""; TB_FirstURL = ""; TB_FirstHTML = "";
			TB_LastCaption = ""; TB_LastURL = ""; TB_LastHTML = "";
			TB_FoundURL = false;
			TB_imageCount = "";
			if(imageGroup){
				TB_TempArray = $("a[rel="+imageGroup+"]").get();
				for(TB_Counter = 0; ((TB_Counter < TB_TempArray.length) && (TB_NextHTML === "")); TB_Counter++){
					var urlTypeTemp = TB_TempArray[TB_Counter].href.toLowerCase().match(urlString);
						if(!(TB_TempArray[TB_Counter].href == url)){
							if(TB_FoundURL){
								TB_NextCaption = TB_TempArray[TB_Counter].title;
								TB_NextURL = TB_TempArray[TB_Counter].href;
								TB_NextHTML = "<a href='#' id='TB_next' title='"+tb_labelNext+"'><img src='"+tb_pathToImage+"icons/navigate_right.png' /></a>";
								TB_LastCaption = TB_TempArray[TB_TempArray.length-1].title;
								TB_LastURL = TB_TempArray[TB_TempArray.length-1].href;
								TB_LastHTML = "<a href='#' id='TB_last' title='"+tb_labelLast+"'><img src='"+tb_pathToImage+"icons/navigate_end.png' /></a>";
							}else{
								TB_PrevCaption = TB_TempArray[TB_Counter].title;
								TB_PrevURL = TB_TempArray[TB_Counter].href;
								TB_PrevHTML = "<a href='#' id='TB_prev' title='"+tb_labelPrev+"'><img src='"+tb_pathToImage+"icons/navigate_left.png' /></a>";
								TB_FirstCaption = TB_TempArray[0].title;
								TB_FirstURL = TB_TempArray[0].href;
								TB_FirstHTML = "<a href='#' id='TB_first' title='"+tb_labelFirst+"'><img src='"+tb_pathToImage+"icons/navigate_beginning.png' /></a>";
							}
						}else{
							TB_FoundURL = true;
							TB_imageCount = "&nbsp;|&nbsp;<strong>"+(TB_Counter+1)+"</strong>/"+(TB_TempArray.length)+"&nbsp;|&nbsp;";
						}
				}
			}

			imgPreloader = new Image();
			imgPreloader.onload = function(){
				imgPreloader.onload = null;
				// Resizing large images - orginal by Christian Montoya edited by me.
				var pagesize = tb_getPageSize();
				var x = pagesize[0]-150;
				var y = pagesize[1]-150;
				var imageWidth = imgPreloader.width;
				var imageHeight = imgPreloader.height;
				if(imageWidth > x){
					imageHeight = imageHeight*(x/imageWidth); 
					imageWidth = x;
					if(imageHeight > y){ 
						imageWidth = imageWidth*(y/imageHeight); 
						imageHeight = y;
					}
				}else if(imageHeight > y){
					imageWidth = imageWidth*(y/imageHeight); 
					imageHeight = y;
					if(imageWidth > x){
						imageHeight = imageHeight*(x/imageWidth); 
						imageWidth = x;
					}
				}
				// End Resizing

				TB_WIDTH = imageWidth+16;
				TB_HEIGHT = imageHeight+64;
				TB_content = "<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'><a href='#' id='TB_closeWindowButton' title='"+tb_labelClose+"'><img src='"+tb_pathToImage+"icons/error.png' /></a></div></div>";
				if(TB_NextHTML.length){TB_content += "<a href='#' id='TB_nextImage' title='"+tb_labelNext+"'>";}
				else{TB_content += "<a href='' id='TB_ImageOff' title='"+tb_labelClose+"'>";}
				TB_content += "<img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' /></a>";
				if(TB_imageCount.length){
					TB_content += "<div id='TB_secondLine'>";
					if(TB_FirstHTML.length){TB_content += TB_FirstHTML+"&nbsp;"+TB_PrevHTML;}
					else{TB_content += "<img src='"+tb_pathToImage+"icons/disabled/navigate_beginning.png' />&nbsp;<img src='"+tb_pathToImage+"icons/disabled/navigate_left.png' />";}
					TB_content += TB_imageCount;
					if(TB_NextHTML.length){TB_content += TB_NextHTML+"&nbsp;"+TB_LastHTML;}
					else{TB_content += "<img src='"+tb_pathToImage+"icons/disabled/navigate_right.png' />&nbsp;<img src='"+tb_pathToImage+"icons/disabled/navigate_end.png' />";}
					TB_content += "</div>";
				}
				$("#TB_window").append(TB_content);

				$("#TB_closeWindowButton").click(tb_remove);

				if(!(TB_PrevHTML === "")){
					function goPrev(){
						if($(document).unbind("click",goPrev)){$(document).unbind("click",goPrev);}
						$("#TB_window").remove();
						$("body").append("<div id='TB_window'></div>");
						tb_show(TB_PrevCaption,TB_PrevURL,imageGroup);
						return false;	
					}
					$("#TB_prev").click(goPrev);

					function goFirst(){
						if($(document).unbind("click",goFirst)){$(document).unbind("click",goFirst);}
						$("#TB_window").remove();
						$("body").append("<div id='TB_window'></div>");
						tb_show(TB_FirstCaption, TB_FirstURL, imageGroup);
						return false;
					}
					$("#TB_first").click(goFirst);
				}

				if(!(TB_NextHTML === "")){
					function goNext(){
						$("#TB_window").remove();
						$("body").append("<div id='TB_window'></div>");
						tb_show(TB_NextCaption, TB_NextURL, imageGroup);
						return false;
					}
					$("#TB_next").click(goNext);
					$("#TB_nextImage").click(goNext);

					function goLast(){
						$("#TB_window").remove();
						$("body").append("<div id='TB_window'></div>");
						tb_show(TB_LastCaption, TB_LastURL, imageGroup);
						return false;	
					}
					$("#TB_last").click(goLast);
				}

				document.onkeydown = function(e){
					if(e == null){keycode = event.keyCode;}// ie
					else{keycode = e.which;}// mozilla
					if(keycode == 27){// close
						tb_remove();
					}else if(keycode == 37){// display previous image
						if(!(TB_PrevHTML == "")){
							document.onkeydown = "";
							goPrev();
						}
					}else if(keycode == 39){// display next image
						if(!(TB_NextHTML == "")){
							document.onkeydown = "";
							goNext();
						}
					}
				};

				tb_position();
				$("#TB_load").remove();
				$("#TB_ImageOff").click(tb_remove);
				$("#TB_window").css({display:"block"});//for safari using css instead of show
			};

			imgPreloader.src = url;
		}else{//code to show html
			var queryString = url.replace(/^[^\?]+\??/,'');
			var params = tb_parseQuery( queryString );

			TB_WIDTH = (params['width']*1)+16 || 800;//defaults to 800 if no paramaters were added to URL
			TB_HEIGHT = (params['height']*1)+24 || 524;//defaults to 524 if no paramaters were added to URL
			ajaxContentW = TB_WIDTH-16;
			ajaxContentH = TB_HEIGHT-40;
			
			if(url.indexOf('TB_iframe') != -1){// either iframe or ajax window
				urlNoQuery = url.split('&TB_');
				$("#TB_iframeContent").remove();
				if(params['modal'] != "true"){//iframe no modal, removed # from the <a> tag in the href
					TB_content = "<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'><a href='' id='TB_closeReloadWindowButton' title='"+tb_labelClose+"'><img src='"+tb_pathToImage+"icons/error.png' /></a></div></div>";
					TB_content += "<iframe id='TB_iframeContent' name='TB_iframeContent"+Math.round(Math.random()*1000)+"' src='"+urlNoQuery[0]+"' width='"+(ajaxContentW+16)+"' height='"+(ajaxContentH+16)+"' frameborder='0'";
					if($.browser.msie && $.browser.version < 7){TB_content += "scrolling='yes'";}
					TB_content += "></iframe>";
					$("#TB_iframeContent").ready(function(){tb_showIframe();});
					$("#TB_window").append(TB_content);
				}else{//iframe modal
					$("#TB_overlay").unbind();
					TB_content += "<iframe id='TB_iframeContent' name='TB_iframeContent"+Math.round(Math.random()*1000)+"' src='"+urlNoQuery[0]+"' width='"+(ajaxContentW+16)+"' height='"+(ajaxContentH+16)+"' frameborder='0'";
					if($.browser.msie && $.browser.version < 7){TB_content += "scrolling='yes'";}
					TB_content += "></iframe>";
					$("#TB_iframeContent").ready(function(){tb_showIframe();});
					$("#TB_window").append();
				}
			}else{// not an iframe, ajax
				if($("#TB_window").css("display") != "block"){
					if(params['modal'] != "true"){//ajax no modal, removed # from the <a> tag in the href
						$("#onPageHiddenContent").html("<embed src='"+tb_pathToFlvplayer+"flvplayer.swf' width='"+ajaxContentW+"' height='"+ajaxContentH+"' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' allowfullscreen='true' flashvars='autostart=true&file="+params['file']+"' />");
						$("#TB_window").append("<div id='TB_title'><div id='TB_ajaxWindowTitle'>"+caption+"</div><div id='TB_closeAjaxWindow'><a href='' id='TB_closeWindowButton' title='"+tb_labelClose+"'><img src='"+tb_pathToImage+"icons/error.png' /></a></div></div><div id='TB_ajaxContent' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px'></div>");
					}else{//ajax modal
						$("#TB_overlay").unbind();
						$("#TB_window").append("<div id='TB_ajaxContent' class='TB_modal' style='width:"+ajaxContentW+"px;height:"+ajaxContentH+"px;'></div>");
					}
				}else{//this means the window is already up, we are just loading new content via ajax
					$("#TB_ajaxContent")[0].style.width = ajaxContentW +"px";
					$("#TB_ajaxContent")[0].style.height = ajaxContentH +"px";
					$("#TB_ajaxContent")[0].scrollTop = 0;
					$("#TB_ajaxWindowTitle").html(caption);
				}
			}

			$("#TB_closeWindowButton").click(tb_remove);
			$("#TB_closeReloadWindowButton").click(function(){
				$("#TB_closeReloadWindowButton").unbind("click");
				$("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_HideSelect').trigger("unload").unbind().remove();});
				location.reload();
			});

			if(url.indexOf('TB_inline') != -1){
				$("#TB_ajaxContent").append($('#' + params['inlineId']).children());
				$("#TB_window").unload(function (){
					$('#' + params['inlineId']).append($("#TB_ajaxContent").children()); // move elements back when you're finished
				});
				tb_position();
				$("#TB_load").remove();
				$("#TB_window").css({display:"block"});
			}else if(url.indexOf('TB_iframe') != -1){
				tb_position();
				if($.browser.safari){//safari needs help because it will not fire iframe onload
					$("#TB_load").remove();
					$("#TB_window").css({display:"block"});
				}
			}else{
				$("#TB_ajaxContent").load(url += "&random="+(new Date().getTime()),function(){//to do a post change this load method
					tb_position();
					$("#TB_load").remove();
					tb_init("#TB_ajaxContent a.thickbox");
					$("#TB_window").css({display:"block"});
				});
			}
		}

		if(!params['modal']){
			document.onkeyup = function(e){
				if(e == null){keycode = event.keyCode;}// ie
				else{keycode = e.which;}// mozilla
				if(keycode == 27){tb_remove();}// close
			};
		}

	}catch(e){}//nothing here
}

//helper functions below
function tb_showIframe(){
	$("#TB_load").remove();
	$("#TB_window").css({display:"block"});
}

function tb_remove(){
 	$("#TB_imageOff").unbind("click");
	$("#TB_closeWindowButton").unbind("click");
	$("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_overlay,#TB_HideSelect').trigger("unload").unbind().remove();});
	$("#TB_load").remove();
	if(typeof document.body.style.maxHeight == "undefined"){//if IE 6
		$("body","html").css({height: "auto", width: "auto"});
		$("html").css("overflow","");
	}
	document.onkeydown = "";
	document.onkeyup = "";
	return false;
}

function tb_position(){
$("#TB_window").css({marginLeft: '-'+parseInt((TB_WIDTH/2),10)+'px',width: TB_WIDTH+'px'});
	if(!(jQuery.browser.msie && jQuery.browser.version < 7)){// take away IE6
		$("#TB_window").css({marginTop: '-' + parseInt((TB_HEIGHT/2),10)+'px'});
	}
}

function tb_parseQuery(query){
	var Params = {};
	if(!query){return Params;}// return empty object
	var Pairs = query.split(/[;&]/);
	for(var i = 0; i < Pairs.length; i++){
		var KeyVal = Pairs[i].split('=');
		if(! KeyVal || KeyVal.length != 2){continue;}
		var key = unescape(KeyVal[0]);
		var val = unescape(KeyVal[1]);
		val = val.replace(/\+/g, ' ');
		Params[key] = val;
	}
	return Params;
}

function tb_getPageSize(){
	var de = document.documentElement;
	var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
	arrayPageSize = [w,h];
	return arrayPageSize;
}

function tb_detectMacXFF(){
	var userAgent = navigator.userAgent.toLowerCase();
	if(userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox') != -1){return true;}
}
