/*
 * 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
 * Modified by Michael Gerstenblatt of Bit Group April 2010
*/


var currentIndex = 0;

$(document).ready(function(){   	
	
	tb_init('a.thickbox, area.thickbox, input.thickbox');

	if($.getUrlVar('customerId')){				
		tb_show("#TB_inline?inlineId="+$.getUrlVar('customerId'),$("div.overlay-content"));
	}
	
});


function tb_init(domChunk){
	$(domChunk).live('click',function(){	
	var a = this.href;
	tb_show(a,$("div.overlay-content"));
	javascript:scroll(0,0);
	this.blur();
	return false;
	});
}

function tb_show(url, overlays) {//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
		}
		
		var baseURL;
	   if(url.indexOf("?")!==-1){ //ff there is a query string involved
			baseURL = url.substr(0, url.indexOf("?"));
	   }else{ 
	   		baseURL = url;
	   }			
		var queryString = url.replace(/^[^\?]+\??/,'');
		var params = tb_parseQuery( queryString );

		TB_WIDTH = 765; //width of overlay box
		TB_HEIGHT = 577; //height of overlay box	
		
		if (url=="login") { //HACK!!!!!
			var contentStr =    "<div>";
			contentStr     +=   "<a href='#' id='close-window'>Click to close</a>";
			contentStr     +=   "</div>";
			contentStr     +=   "<iframe frameborder='0' hspace='0' src='"+"/en/briefcase/briefcase-login.jsp"+"' id='TB_iframeContent' name='TB_iframeContent"+Math.round(Math.random()*1000)+"' onload='tb_showIframe()' style='margin-left:10px;width:"+(TB_WIDTH - 40)+"px;height:"+(TB_HEIGHT - 120)+"px;' ></iframe>";
		} else {
			var contentStr =    "<div>";
			contentStr     +=   "<a href='#' id='close-window'>Click to close</a>";
			if(url.indexOf("atgDiagram")==-1){
				contentStr     +=   '<a href="#" id="overlay-left"><img src="/images/showcase/overlay-arrow-left.png" width="28" height="50" alt="Arrow Left"></a>';
				contentStr     +=   '<a href="#" id="overlay-right"><img src="/images/showcase/overlay-arrow-right.png" width="28" height="50" alt="Arrow Right"></a>'		
			} else {
				contentStr     +=   '<div style="width:28px;height:52px;"></div>';
			}
			contentStr     +=   "</div>";
			contentStr     +=   "<div id='TB_ajaxContent'></div>";
			contentStr     +=   "<div id='page-count'>";
			if(url.indexOf("atgDiagram")==-1){
				contentStr     +=   "<span id='page'></span>&nbsp;of&nbsp;<span id='count'></span>";
			}
			contentStr     +=   "<a href='#' id='other-close-link'>Click to close&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;X</a>";
			contentStr     +=   "</div>";
		}
		
		
		$("#TB_window").append(contentStr);
		
		$("#close-window,#other-close-link").live('click',function(){tb_remove()});
		

		$("#TB_ajaxContent").append($('#' + params['inlineId']).html());
		$("#count").html(overlays.length);
		currentIndex = $('#' + params['inlineId']).index("div.overlay-content");
		$("#page").html(currentIndex + 1);	
				
		$("#overlay-left").bind('click', function() {
			if( (currentIndex - 1) >= 0 ) {
				swapOverlay(overlays,-1)				
			}			
			return false;
		});		

		$("#overlay-right").bind('click', function() {
			if( currentIndex < (overlays.length - 1)) {
				swapOverlay(overlays,1)				
			}			
			return false;
		});			

		
		tb_position();
		$("#TB_load").remove();
		$("#TB_window").css({display:"block"}); 		

		//close box upon hitting 'esc'
		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 swapOverlay(overlays,offset){	
	currentIndex += offset;	
	$("#TB_ajaxContent").fadeOut('normal', function (){
		$(this).html(overlays.eq(currentIndex).html()).fadeIn('normal');		
		$("#page").html(currentIndex + 1);
	})	
}
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_detectMacXFF() {
  var userAgent = navigator.userAgent.toLowerCase();
  if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1) {
    return true;
  }
}

//from http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html
$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});