var _divFrame;
var _ifrPhoto;

function initPhotoUpload()
{
    _divFrame = $('#photo_upload_divFrame');
    _ifrPhoto = $('#ifrPhoto');
    try
    {
        var submit_photo_hack = _ifrPhoto[0].contentWindow.document.getElementById('submit_photo_hack');
    }
    catch (err)
    {
        $('#photo_upload_divFrame').html('<iframe id="ifrPhoto" onload="initPhotoUpload()" scrolling="no" frameborder="0" hidefocus="true" style="text-align:center;vertical-align:middle;border-style:none;margin:0px;width:100%;height:55px" src="PhotoUpload.aspx"></iframe>');
        $('#photo_preview_edit').html('Error 1');
        return;
    }
    submit_photo_hack.onclick = function(event)
    {
        var file_employee_photo = _ifrPhoto[0].contentWindow.document.getElementById('file_employee_photo');

        try
        {
            _ifrPhoto[0].contentWindow.document.getElementById('photoUpload').submit();
        }
        catch (err)
        {
            $('#previewrap_text').css({ display: 'none' });
            $('#previewWrap').css({ display: 'none' });
            $('#btn_photo_upload_save').css({ display: 'none' });
            $('#photo_preview_edit').html("Error 2");
        }
    };
}

function photoUploadComplete(serverinfo, isError, serverwidth, serverheight)
{
    ServerPhotoWidth = serverwidth;
    ServerPhotoHeight = serverheight;

    var html = '<img id="photo_sizeable" src=\"temp/' + serverinfo + '\" style="max-width:' + serverwidth + 'px;max-height:' + serverheight + 'px"/>';

    if (isError)
    {
        $('#previewrap_text').css({ display: 'none' });
        $('#previewWrap').css({ display: 'none' });
        $('#btn_photo_upload_save').css({ display: 'none' });
        $('#photo_preview_edit').html(serverinfo);
        return;
    }

    _divFrame.css({ display: '' });
    $('#photo_preview_edit').html(html);

    $('#photo_sizeable').load(function()
    {
        jQuery('#photo_sizeable').Jcrop({
            onChange: showPreview,
            onSelect: recordCoords,
            aspectRatio: 1,
            boxWidth: ServerPhotoWidth,
            boxHeight: ServerPhotoHeight,
            trueSize: [ServerPhotoWidth, ServerPhotoHeight],
            setSelect: [125, 125, 25, 25]

        });
    });

    $('#previewrap_text').css({ display: '' });
    $('#previewWrap').css({ display: '' });
    $('#previewImage').css({ display: '' });
    $('#previewImage')[0].src = 'temp/' + serverinfo;
    $('#btn_photo_upload_save').css({ display: '' });
    user_photo_temp = serverinfo;
}

function showPreview(coords)
{
    var rx = 100 / coords.w;
    var ry = 100 / coords.h;

    $('#previewImage').css({
        width: Math.round(rx * ServerPhotoWidth) + 'px',
        height: Math.round(ry * ServerPhotoHeight) + 'px',
        marginLeft: '-' + Math.round(rx * coords.x) + 'px',
        marginTop: '-' + Math.round(ry * coords.y) + 'px'
    });
}

function recordCoords(coords)
{
    UserPhotoCoords = coords;
}