//   Configuration   //

var tagboard_php = 'index.php' // Filename of the tagboard script

// End Configuration //

window.onload = function() {
	setInterval(autoReload, 5000);
}

var tagX, tagY;

function getMousePos(e) {
    var posx=0, posy=0;

	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}

    tagX = posx - document.getElementById('tagimage').offsetLeft;
    tagY = posy - document.getElementById('tagimage').offsetTop;
	
    document.getElementById('toolbar').style.left = posx;
    document.getElementById('toolbar').style.top = posy;
	document.getElementById('toolbar').style.display = 'block';
}

function submit() {
	var xhconn = new XHConn();
	
	var tagtext = document.getElementById('tagtext').value;;
	var textcolor = document.getElementById('textcolor').value;
	var textfont = document.getElementById('textfont').value;
	var textangle = document.getElementById('textangle').value;
	
	if(tagtext == '') alert('Please enter some text!');
	
	xhconn.connect(tagboard_php, 'POST', 'ps=' + tagtext + '&tc=' + textcolor + '&fn=' + textfont + '&an=' + textangle + '&point=' + tagX + ',' + tagY,
          function(xh) {
             document.getElementById('tagimage').src = 'notepad/notepad.jpg?' + (new Date()).getTime();
          });

	document.getElementById('tagtext').value = '';
	document.getElementById('textcolor').options[0].selected = true;
	document.getElementById('textfont').options[0].selected = true;
	document.getElementById('textangle').value = '0';
	tagX = 0;
	tagY = 0;
	
	document.getElementById('toolbar').style.display = 'none';
	
	return false;
}

function autoReload() {
	document.getElementById('tagimage').src = 'notepad/notepad.jpg?' + (new Date()).getTime();
}