local screenWidth, screenHeight = guiGetScreenSize()
local webBrowser = createBrowser(screenWidth, screenHeight, true, true)
local state

addEventHandler("onClientBrowserCreated", webBrowser,
	function()
		loadBrowserURL(webBrowser, "http://mta/local/html/index.html")
	end
)

addEventHandler("onClientBrowserDocumentReady", webBrowser,
    function ()
        executeBrowserJavascript(webBrowser, "document.getElementById('nick').innerHTML = '" .. getPlayerName(localPlayer) .. "'");
		executeBrowserJavascript(webBrowser, "document.getElementById('progress').value = '" .. getElementHealth ( localPlayer ) .. "'");
    end)

function webBrowserRender()
	dxDrawImage(0, 0, screenWidth, screenHeight, webBrowser, 0, 0, 0, tocolor(255, 255, 255, 255), true)
end

function webBrowserClickHandler(button, state)
	if state == "down" then
		injectBrowserMouseDown(webBrowser, button)
	else
		injectBrowserMouseUp(webBrowser, button)
	end
end

function webBrowserCursorMove(relativeX, relativeY, absoluteX, absoluteY)
	injectBrowserMouseMove(webBrowser, absoluteX, absoluteY)
end

bindKey("F3", "down",
	function()
		state = not state
		if state then
			showCursor(true)
			setPlayerHudComponentVisible("all", false)
			reloadBrowserPage(webBrowser)
			focusBrowser(webBrowser)
			addEventHandler("onClientRender", root, webBrowserRender)
			addEventHandler("onClientClick", root, webBrowserClickHandler)
			addEventHandler("onClientCursorMove", root, webBrowserCursorMove)
		else
			showCursor(false)
			setPlayerHudComponentVisible("all", true)
			removeEventHandler("onClientRender", root, webBrowserRender)
			removeEventHandler("onClientClick", root, webBrowserClickHandler)
			removeEventHandler("onClientCursorMove", root, webBrowserCursorMove)
		end
	end
)