var skyWindow;
var defaultImageOpts = {
		maxWindowHeight:		document.viewport.getHeight(),
		maxWindowWidth:			document.viewport.getWidth(),
		minWindowWidth:			150,
		minWindowHeight:		100,
		width:					150,
		height:					100,
		cssClassContentHolder:	'skyWindowContentHolder',
		cssClassContent:		'skyWindowContent',
		contentOverflow:		false,
		draggable: 			false,
		closeVisible: 			false,
		overlayClose:			true,
		overlayDuration:		0,	 							// Default overlay fade in/out duration in seconds
		slideDownDuration:		.1, 	 							// Default Sky.Window appear slide down effect in seconds
		slideUpDuration:		.1, 	 							// Default Sky.Window hiding slide up effect in seconds
		resizeDuration:			.1
	};
	
var img;
function showImageWindow( src, width, height )
{
	img = new Image();
	img.onload = function(){ internalShowImageWindow( img.src, img.width, img.height ) };
	img.src = src;
}

function internalShowImageWindow( src, width, height )
{
	var opts = defaultImageOpts;
	opts.contentCode = '<a href="#" onclick="Sky.Window.instances.last().hide(); return false;" class="close"></a><img src="' + src + '" width="' + width + '" height="' + height + '" />',
	skyWindow = new Sky.Window( defaultImageOpts );
	
	return false;	
}


/*******************************/
/* TOOLTIP                     */
/*******************************/
var tt;
function showTooltip(title, caller)
{
	//$( caller ).writeAttribute( "title", "" );
	var tooltiptext = '<h2>' + title + '</h2>';
	
	if( Object.isUndefined( tt ) )
	{
		tt = new Sky.Tooltip(
		{
			className: 'toolTip',
			elIdForCheckMousePos: caller,
			offsetX: 21,
			offsetY: 11,
			zindex: 99999
		});
	}
	
	tt.show( tooltiptext ); 
}