/*
 * Lightwindow da WKM para o Site institucional GPA
 * */
var lwInitialized = false;

function initWKMWindow()
{
	
	if(lwInitialized)
		return;
	
	var strLW = '<div id="lwMask" >' +
	'<div id="lwBg" >' +
	'</div>' +
	'<div id="lwContainer">' +
	'		<table id="lwTable" cellpadding="0" cellspacing="0">' +
	'			<tbody><tr>' +
	'				<td style="width: 18px;"><img src="/gpasi/img/lightwindow/topoleft.png" /></td>' +
	'				<td class="lwPngTransparent lwBgTop"></td>' +
	'				<td style="width: 18px;" ><img src="/gpasi/img/lightwindow/toporight.png" /></td>' +
	'			</tr>' +
	'			<tr>' +
	'				<td style="width: 18px;"><img class="lwSide" src="/gpasi/img/lightwindow/leftmid.png" /><img src="/gpasi/img/lightwindow/leftbottom.png" /></td>' +
	'				<td id="lwContent">' +
	'					<div>' +
	'						<p id="lwHeader" > H E A D E R . . .</p>' +
	'						<p id="lwTitle"  > Título da imagem </p>' +
	'					</div>' +
	'					<div id="lwImgContainer"><img id="lwImage" /><img id="lwImageStub" /></div>' +
	'					<div id="lwCaption">' +
	'						Lorem ipsum dolor sit amet consectetuer adispici.' +
	'					</div>' +
	'				</td>' +
	'				<td style="width: 18px;"><img class="lwSide" src="/gpasi/img/lightwindow/rightmid.png" /><img src="/gpasi/img/lightwindow/rightbottom.png" /></td>' +
	'			</tr>' +
	'			<tr>' +
	'				<td style="width: 18px;"><img src="/gpasi/img/lightwindow/rodapeleft.png" /></td>' +
	'				<td class="lwPngTransparent lwBgBottom" ></td>' +
	'				<td style="width: 18px;"><img id="nao" src="/gpasi/img/lightwindow/rodaperight.png" /></td>' +
	'			</tr>' +
	'		</tbody></table>' +
	'</div>' +
	'</div>';

	//FIX para IE 6
	if (jQuery.browser.msie && jQuery.browser.version.charAt(0) == "6")
		strLW = strLW.replace(/\.png/gi, ".gif");
	
	$("body").prepend(strLW);
	
	if (jQuery.browser.msie && jQuery.browser.version.charAt(0) == "6")
	{
		$('#lwMask').css("position","absolute");
		$('#lwMask').css("width",$(window).width());
		$('#lwMask').css("height",$(window).height());
		$('#lwMask').css("top", $(window).scrollTop());
		$('#lwMask').css("left","0");
		$('#lwMask').css("z-index","110");
		
		$(window).bind("scroll", function() {
			$('#lwMask').css("top",$(window).scrollTop());
			$('#lwMask').css("left",$(window).scrollLeft());
		} );

	}
	
	// extensao de centralizacao do jquery
	jQuery.fn.center = function () {
		this.css("position","absolute");
		this.css("top", ( $(window).height() - this.height() ) / 2+ "px");
					    this.css("left", ( $(window).width() - this.width() ) / 2 + "px");
		return this;
	}

	// vincula o resize da janela com o container principal, mantendo centralizado

	$(window).bind("resize",
		function(){
			$("#lwContainer").center();
			
			// FIX para IE 6
			if (jQuery.browser.msie && jQuery.browser.version.charAt(0) == "6")
			{
					$('#lwMask').css("width",$(window).width());
					$('#lwMask').css("height",$(window).height());
					$('#lwMask').css("top",$(window).scrollTop());
			}
		}
	);


	// vincula o rezise do container (alteracao de tamanho de imagem) com a centralizacao do container

	$("#lwContainer").bind("resize",
		function(){
			$("#lwContainer").center();
		}
	);


	// vincula rotina de fechamento da janela
	$('#lwMask').bind("click",
		function(){
			// hack para manter melhor no IE
			if(jQuery.msie)
				$("div#lwMask table td img, .lwPngTransparent").css("background-color", "white");

			$('#lwMask').fadeOut(300); $("#lwContainer").hide();
			$("select").css("visibility","visible");
		}
	);

	// vincula o load da imagem de stub com o evento de animacao e carga da imagem de apresentacao
	//return;
	$("#lwImageStub").load(
		function(){
			var w = $("#lwImageStub").attr("width");
			var h = $("#lwImageStub").attr("height");
			
			if(w < 300)
				w = 300;
			
			if(h < 300)
				h = 300-156;
			
			//h = h -40;
			$("#lwImgContainer").animate( { "width" : w + 'px' }, { duration : "slow",
					step : function() {
						$("#lwContainer").center();
					},
					
					complete : function ()
					{
						$('.lwSide').animate ( {"height" : (h) + "px"}, {duration : "slow",
							step : function () {
								$("#lwImgContainer").css("height", $('.lwSide').css("height"));
								$("#lwContainer").center();
							},
							complete : function() {
								$("#lwContainer").center();
								$("#lwImage").attr("src", $("#lwImageStub").attr("src"));
								$("#lwImage").fadeIn();
								$("#lwImage").css("display", "inline");
							}
						});
					}
				}
			);
			
			
		}
	);
	
	lwInitialized = true;
};

function showLightWindow( data )
{
	$("select").css("visibility","hidden");
	$("#lwImage").css("display", "none");
	$("#lwImage").attr("src", "");

	$("#lwContent p#lwHeader").html(data.header);
	$("#lwContent p#lwTitle").html(data.title);
	$("#lwContent #lwCaption").html(data.content);

	$("#lwImgContainer").css("width", "300px");
	$("#lwImgContainer").css("height", "200px");

	$('.lwSide').attr("style","width: 18px; height:" + 200 + "px");

	if(jQuery.browser.msie)
	{
		$("div#lwContainer table td img, .lwPngTransparent").css("background-color", "white");
	}

	// fade do div exterior
	$('#lwMask').fadeIn(300,
		function(){
			// hack para ie


			// fade do div interior
			$("#lwContainer").center().fadeIn(300,
				function(){
					// hack para ie
					if(jQuery.browser.msie)
						$("div#lwMask table td img, .lwPngTransparent").css("background-color", "transparent");

					$("#lwImageStub").attr("src", "/" + data.img);
				} );
		} );

}