// JavaScript Document

$('body').ready(
				function(){
					$('p.message a')
					.bind('click',
						  function(){
							var popURI = $(this).attr('href');
					        var target = $(this);
							var defHref = $(this).attr('href');
							var pos = new Object();
							  pos = $(this).offset();
							loadingPosition = {top:$(window).scrollTop() + 200,left:$(window).scrollLeft() + 200};
							$('body')
							.append('<p class="loadingImg"><img src="/images/loading.gif" /></p>')
							.children('p.loadingImg')
							.css({position:"absolute",top:loadingPosition.top,left:loadingPosition.left,padding:"100px",background:"#ffffff",opacity:0})
							.animate({opacity:"1.0"},400);
							$.ajax({
								   url: popURI,
								   global:false,
								   type:'GET',
								   datatype:'html',
								   timeout:5000,
								   success:function(data){
									    var content = data;
										popMessage(content,defHref,target);
								      }
								});
							$(this).removeAttr('href');
							$('body').append('<div id="message"></div>')
							.children('div#message')
							.css({position:"absolute",top:0,left:0,opacity:0});				
					})
			});

function popMessage(content,uri,target) {
	var html = content;
	var dom = $(html).children('div#contents').children();
	$('#mainflash object').css({visibility:"hidden"});
	scrollPosition = {top:$(window).scrollTop() + 50,left:$(window).scrollLeft() + 50};
	$('#message')
	.css({top:scrollPosition.top,left:scrollPosition.left})
	.append('<img src="/images/close.gif" width="66" height="22" alt="close" class="close_btn" />')
	.children('img.close_btn')
	.css({cursor:"pointer",float:"right"})
	.bind('click',
		  function() {
		  $(this)
		  .parent()
		  .animate({opacity:"0.0"},800,function() {
			$(this).remove();
			target.attr('href',uri);
			$('#mainflash object').css({visibility:"visible"});
			})
		  }
		)
	.parent()
	.append(dom)
	.animate({opacity:"1.0"},800,
			 function() {
				$('p.loadingImg').remove(); 
			 });
}