$(document).ready(function()
{
	var $ = jQuery;
    $('body').append('<div id="Modal"/><div id="ToolTip"/> ');
	// set your Modal window target div
	var modal = $("#Modal"),
    tooltip = $("#ToolTip"),
    tooltipHover = $(".ToolTipHover"),
	windowz = $(window),
	viewheight = windowz.height() - 50,
	viewwidth = windowz.width() - 10,
	submitApp = $('#submitApp');

	modal.dialog({
        modal: true,
        autoOpen: false,
        resizable: true,
        draggable: true,
	    width: 'auto',
        height: 'auto',
		show: 'blind',
		hide: 'explode',
        closeOnClick: true,
        open: function()
        {
			if(modal.dialog( "option", "closeOnClick" ))
			{
				$(".ui-widget-overlay").bind('click', function()
				{
					modal.dialog('close');
				});
			}
			windowz.bind("resize scroll", findPosition);
        },
        close: function()
        {
            modal.dialog('option','position',['center','center']);
			modal.dialog('option','width','auto');
			modal.dialog('option','height','auto');
			modal.empty();
			windowz.unbind("resize scroll");
        }
    });
	
	function findPosition()
	{
		viewheight = windowz.height() - 50;
		viewwidth = windowz.width() - 10;
		modal.find('img').css('height', '').css('width', '').css('maxHeight', viewheight).css('maxWidth', viewwidth);
		modal.dialog({ position: 'center' });
		modal.focus();
	}
	
	$('.ModalButton').click(function()
	{
		if(windowz.width() < 1000)
		{
			return true;
		}
		else
		{
			var modalImg = this.href;
			modal.dialog('option','title',this.title);
			modal.load(modalImg, function(response, status)
			{
				if (status == "error")
				{
					return true;
				}
				else
				{
					modal.html('<img src="' + modalImg + '" style="max-height:'+viewheight+'px;max-width:'+viewwidth+'px;" />', findPosition());
					modal.dialog('open');
				}
			});
			return false;
		}
	});
	
	if(submitApp)
	{
		$('#application').submit(function()
		{			
			submitApp.disable();
			return true;			
		});
	}

    tooltipHover.each(function()
    {
        var character = $(this).attr('id');
        $('#'+character).hover(function(event)
        {
            $(tooltip).html('<p>Loading...</p><img src="/_theme/!common/images/ajax-loader.gif" /></p>');
            tooltip.dialog('option','position',[event.clientX+15,event.clientY+15])
            .load('/_lib/armory/char.php?char='+character, function()
            {
                var achPoints = $('#Achpoints').html();
                if(achPoints == '')
                {
                    achPoints = "0";
                }
                $('#'+character+'-achievement').html(achPoints);
            });
        });
    });
});