/*
 * Thickbox 3 - 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 = "/images/loader.gif";

/*!!!!!!!!!!!!!!!!! edit below this line at your own risk !!!!!!!!!!!!!!!!!!!!!!!*/

//on page load call tb_init
$(document).ready(function(){   
	tb_init('.thumb');//pass where to apply thickbox
	imgLoader = new Image();// preload image
	imgLoader.src = tb_pathToImage;
	var t = $('.thumb:first').children("p").html();
	var a = $('.thumb:first').children("a").attr('href');
	tb_show(t,a,false);
	if($('.thumb').length > 1) {
		$(".picturelist").fadeIn();
	}
});

//add thickbox to href & area elements that have a class of .thickbox
function tb_init(domChunk){
	$(domChunk).click(function(){
	var t = $(this).children("p").html();
	var a = $(this).children("a").attr('href');
	tb_show(t,a,false);
	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'>");
				$("#TB_overlay").click(tb_remove);
			}
		}
		
		if(caption===null){caption="";}
		$("body").append("<div id='TB_load'><img src='"+imgLoader.src+"' /></div>");//add loader to the page
		$(".shadow-one").hide();				
		$("#comment").empty();
		$('#TB_load').show();//show loader
		
		var baseURL;
	   if(url.indexOf("?")!==-1){ //ff there is a query string involved
			baseURL = url.substr(0, url.indexOf("?"));
	   }else{ 
	   		baseURL = url;
	   }
	   
	   var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.bmp/g;
	   var urlType = baseURL.toLowerCase().match(urlString);

		TB_PrevCaption = "";
		TB_PrevURL = "";
		TB_PrevHTML = "";
		TB_NextCaption = "";
		TB_NextURL = "";
		TB_NextHTML = "";
		TB_imageCount = "";
		TB_FoundURL = false;
		// 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 = "<span id='TB_next'>&nbsp;&nbsp;<a title='Shortcut: &gt; key' href='#'>Next &gt;</a></span>";
		// 				} else {
		// 					TB_PrevCaption = TB_TempArray[TB_Counter].title;
		// 					TB_PrevURL = TB_TempArray[TB_Counter].href;
		// 					TB_PrevHTML = "<span id='TB_prev'>&nbsp;&nbsp;<a title='Shortcut: &lt; key' href='#'>&lt; Prev</a></span>";
		// 				}
		// 			} else {
		// 				TB_FoundURL = true;
		// 				TB_imageCount = "Image " + (TB_Counter + 1) +" of "+ (TB_TempArray.length);											
		// 			}
		// 	}
		// }

		imgPreloader = new Image();
		imgPreloader.onload = function(){		
		imgPreloader.onload = null;
		$(".shadow-four > img").attr("src",url);
		$("#comment").append(caption);
		// Resizing large images - orginal by Christian Montoya edited by me.
		var pagesize = tb_getPageSize();
		// var x = pagesize[0] - 150;
		var y = pagesize[1] - 140;
		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) { 
		if (imageHeight > y) { 
		 	imageWidth = Math.round(imageWidth * (y / imageHeight)); 
		 	imageHeight = y; 
		}
		$(".shadow-four > img").attr("width",imageWidth);
		$(".shadow-four > img").attr("height",imageHeight);
		$(".shadow-one").css("width",imageWidth);
		var pictureListTop = 25 + maxHeight;
		if(y < maxHeight) {
			var pictureListTop = 25 + y;
		}
		$(".picturelist").css("top",pictureListTop);
		// End Resizing
		
		// TB_WIDTH = imageWidth + 30;
		// TB_HEIGHT = imageHeight + 60;
		//$("#TB_window").append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>"+caption+"<div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>"); 		
		// $("#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);
		// }
		// 
		// 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);
		// 	
		// }
		// 
		// document.onkeydown = function(e){ 	
		// 	if (e == null) { // ie
		// 		keycode = event.keyCode;
		// 	} else { // mozilla
		// 		keycode = e.which;
		// 	}
		// 	if(keycode == 27){ // close
		// 		tb_remove();
		// 	} else if(keycode == 190){ // display previous image
		// 		if(!(TB_NextHTML == "")){
		// 			document.onkeydown = "";
		// 			goNext();
		// 		}
		// 	} else if(keycode == 188){ // display next image
		// 		if(!(TB_PrevHTML == "")){
		// 			document.onkeydown = "";
		// 			goPrev();
		// 		}
		// 	}	
		// };
		
		//tb_position();
		
		$("#TB_load").remove();
		$(".shadow-one").show();
		//$("#TB_ImageOff").click(tb_remove);
		//$("#TB_window").css({display:"block"}); //for safari using css instead of show
		};
		
		imgPreloader.src = url;
	
		// if(!params['modal']){
		// 	document.onkeyup = function(e){ 	
		// 		if (e == null) { // ie
		// 			keycode = event.keyCode;
		// 		} else { // mozilla
		// 			keycode = e.which;
		// 		}
		// 		if(keycode == 27){ // close
		// 			tb_remove();
		// 		}	
		// 	};
		// }
		
	} 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_overlay").unbind("click");
	$("#TB_closeWindowButton").unbind("click");
	$("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_overlay,#TB_HideSelect').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 = "";
	return false;
}

function tb_position() {
$("#TB_window").css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width: TB_WIDTH + 'px'});
	if ( !(jQuery.browser.msie && typeof XMLHttpRequest == 'function')) { // 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;
}