/*
==============================================================
Script:     Auto-Sizing Image Popup Window

Functions:  Use this script to launch a popup window that
            automatically loads an image and resizes itself
            to fit neatly around that image. The script also
            places a title you set in the titlebar of the 
            popup window. Any number of images can be launched
            from a single instance of the script.
            
Browsers:   NS6-7 & IE4 and later
            [Degrades functionally in NS4]

Author:     etLux
==============================================================



STEP 1.
Inserting the JavaScript <script> In Your Page

Insert the following script in the <hea>...</hea> part
of your page. Take special care not to break any of the lines;
they must be exactly as shown.

Set the variables as per the instructions in the script.

*/

// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.

// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

//var winl = (screen.width - 388) / 2;
//var wint = (screen.height - 291) / 2;

//PositionX = winl;
//PositionY = wint;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

//defaultWidth  = 500;
//defaultHeight = 500;

// javascript:popImage('golfinho.jpg','Hotel Armação','388','291')
// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

//var AutoClose = true;

// Do not edit below this line...
// ================================

function popImage(imageURL,imageTitle,LARGURA,ALTURA){

var winl = (screen.width - LARGURA) / 2;
var wint = (screen.height - ALTURA) / 2;

var PositionX = winl;
var PositionY = wint;

var opt ='scrollbars=no,width='+LARGURA+',height='+ALTURA+',left='+PositionX+',top='+PositionY;
var html = '<html><head><title>'+imageTitle+'</title><META HTTP-EQUIV=imagetoolbar CONTENT=no /><style>body{margin:0px;}</style></head><body bgcolor=000000 scroll="no"><img name="Foto" src='+imageURL+' style="display:block"></body></html>'
popup = window.open ('','Foto',opt); 
popup.document.open(); 
popup.document.write(html); 
popup.document.focus(); 
popup.document.close();
}



/*
STEP 2.
Calling the Image Popup from Links in Your Page

This is the form of the function:

imagePop("url_of_image","title_of_image")

Use the relative or absolute path of the image where we show
url_of_image.  This is the url of the image you wish to show
in the auto-sizing popup window.

Use any text you wish where we show title_of_image. This is 
the title that will appear in the titlebar of the popup. (Note:
do not use single- or double-quotes within a title.)

Caution:  Be careful to place both values within quotes.
See the samples below.


Example 1:  Launching from a text link

<a href="javascript:popImage('images/pics/','Photo Gallery')">
Click Here
</a>


Example 2:  Launching from an image link

<a href="javascript:popImage('http://SomeSite.com/SomeImage.gif','Some Title')">
<img src="YourImage.gif" border="0">
</a>


Example 3:  Launching from a form button

<form>
<input type="button" value="Click Here" onClick="popImage('SomeImage.gif','Some Title')">
</form>



============================[end]=============================
*/