jQuery( function() {
  var domChunk = 'a.lgstw_box, area.lgstw_box, input.lgstw_box';
  jQuery(domChunk).click(function(){
    var t = this.title || this.name || '棋譜小工具';
    var a = this.href || this.alt;
    var g = this.rel || false;
    lgstw_box_show(t,a,g);
    this.blur();
    return false;
  });

  imgLoader = new Image();// preload image
  imgLoader.src = 'loadingAnimation.gif';
});

function lgstw_box_remove() {
  jQuery("#LBOX_imageOff").unbind("click");
  jQuery("#LBOX_closeWindowButton").unbind("click");
  jQuery("#LBOX_window").fadeOut("fast",function(){jQuery('#LBOX_window,#LBOX_overlay,#LBOX_HideSelect').trigger("unload").unbind().remove();});
  jQuery("#LBOX_load").remove();
  if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
    jQuery("body","html").css({height: "auto", width: "auto"});
    jQuery("html").css("overflow","");
  }

	if(lgstw_box_old_keydown)
		document.onkeydown = lgstw_box_old_keydown;
	else
	  document.onkeydown = "";
  //document.onkeyup = "";
  return false;
}

var lgstw_box_old_keydown=null;
function lgstw_box_show(t,a,g) {
  
  jQuery("body").append("<div id='LBOX_overlay'></div><div id='LBOX_window'></div>");
//  jQuery("#LBOX_overlay").click(lgstw_box_remove);
  jQuery("#LBOX_overlay").addClass("LBOX_overlayBG");//use background and opacity
  
  jQuery("body").append("<div id='LBOX_load'><img src='"+imgLoader.src+"' /></div>");//add loader to the page
  jQuery('#LBOX_load').show();//show loader
  
  var caption = t? t:'';
  var LBOX_closeImage = 'tb-close.png';
  var LBOX_pathToImage = "loadingAnimation.gif";

	var emb_url = 'http://lgs.tw/view-emb.php?s=';
	var url = emb_url + a.substr( a.indexOf("lgs.tw/q")+8 , 6);
	caption = '棋譜小工具：<a href="'+a+'">'+a+'</a>';

  //var urlNoQuery = [a];
  LBOX_WIDTH =  520; //defaults to 630 if no paramaters were added to URL
  LBOX_HEIGHT =  600; //defaults to 440 if no paramaters were added to URL
  ajaxContentW = LBOX_WIDTH - 30;
  ajaxContentH = LBOX_HEIGHT - 45;
    
  jQuery("#LBOX_window").append(
    "<div id='LBOX_title'><div id='LBOX_ajaxWindowTitle'>"+caption+
"</div><div id='LBOX_closeAjaxWindow'><a href='#' id='LBOX_closeWindowButton' title='Close'>關閉視窗</a></div>"+
      "</div><iframe frameborder='0' hspace='0' scrolling='no' src='"+ url +
      "' id='LBOX_iframeContent' name='LBOX_iframeContent"+Math.round(Math.random()*1000)+
      "' style='width:"+(ajaxContentW + 29)+"px;height:"+(ajaxContentH + 17)+"px;' > </iframe>");
  

  jQuery("#LBOX_closeWindowButton").click(lgstw_box_remove);

	// change keydown event and save it
	lgstw_box_old_keydown = document.onkeydown;
	document.onkeydown = function(e){ 	
		if (e == null) { // ie
			keycode = event.keyCode;
		} else { // mozilla
			keycode = e.which;
		}
		if(keycode == 27){ // close
			lgstw_box_remove();
		}
	};

  // make window visible directly... bcz we cant make gwt work in original way of tb
  jQuery("#LBOX_window").css({marginLeft: '-' + parseInt((LBOX_WIDTH / 2),10) + 'px', width: LBOX_WIDTH + 'px'});
  if ( !(jQuery.browser.msie && jQuery.browser.version < 7)) { // take away IE6
    jQuery("#LBOX_window").css({marginTop: '-' + parseInt((LBOX_HEIGHT / 2),10) + 'px'});
  }
  
  jQuery("#LBOX_load").remove();
  jQuery("#LBOX_window").css({display:"block"});
}