function imageClickField(value, idField, img)
{
	var objField = document.getElementById(idField);
	objField.value = value;


	if (value > 1)
	{
		var objImage2 = document.getElementById(img + '_2');
		objImage2.src = "res/images/skill_full.gif";
	}

	alert(value);
}

function addHTML(id, html)
{
	var obj = document.getElementById(id); 
	obj.innerHTML += html;
}

function gotoPage(address)
{
	window.location.href = address;
}

function openWindow(url, width, height)
{
	newwindow = window.open(url, "newwindow", "location=0,status=0,scrollbars=1,left=200,top=100,screenX=200,screenY=100,width=" + width + ",height=" + height);
}

function expandCategory(categoryId)
{
//	alert(categoryId);
	var ulObj = document.getElementById(categoryId);
	if(ulObj.style.display == "none")
	{
		ulObj.style.display = "block";
	} else
	{
		ulObj.style.display = "none";
	}
}

function switchPage(newId, oldId)
{
	var newPageObj = document.getElementById(newId);
	newPageObj.style.display = "block";

	var oldPageObj = document.getElementById(oldId);
	oldPageObj.style.display = "none";
	
	var newTabObj = document.getElementById(newId + '_tab');
	newTabObj.className = "active";

	var oldTabObj = document.getElementById(oldId + '_tab');
	oldTabObj.className = "";
}

function addTag(tag, elId)
{
 	var myField = document.getElementById(elId);
	if (document.selection)
	{
    	myField.focus();
    	var sel = document.selection.createRange();
    	//var selectedText = sel.text;
    	if(sel.text)
		{
      		sel.text = '[' + tag + ']' + sel.text + '[/' + tag + ']';
      		sel.select();
     	} else
		{
      		sel.text = '[' + tag + '][/' + tag + ']';
      		sel.moveEnd('character', (0 - tag.length - 3));
      		sel.select();
		}
     	myField.focus();
  	} else if (myField.selectionStart || myField.selectionStart == 0)
	{
    	var startPos = myField.selectionStart;
    	var endPos = myField.selectionEnd;
    	var cursorPos = endPos;
    	var scrollTop = myField.scrollTop;
    	var posCur = 0;
    	var selectedText = myField.value.substring(startPos, endPos);
    	if(selectedText)
		{
       		selectedText = tag;
    	} else {
      		selectedText = tag;
      		posCur = 1;
    	}
    	myField.value = myField.value.substring(0, startPos)
			+ selectedText
			+ myField.value.substring(endPos, myField.value.length);
    	if(posCur == 0)
		{
			cursorPos += selectedText.length - tag.length - 3;
		} else
		{
			cursorPos += selectedText.length;
    	}
    myField.focus();
    myField.selectionStart = cursorPos;
    myField.selectionEnd = cursorPos;
    myField.scrollTop = scrollTop;
} else {
	myField.value += tag;
    myField.focus();
  }	
}

function insertTag(tag, elId)
{
 	var myField = document.getElementById(elId);
	if (document.selection)
	{
    	myField.focus();
    	var sel = document.selection.createRange();
    	//var selectedText = sel.text;
    	if(sel.text)
		{
      		sel.text = '[' + tag + ']' + sel.text + '[/' + tag + ']';
      		sel.select();
     	} else
		{
      		sel.text = '[' + tag + '][/' + tag + ']';
      		sel.moveEnd('character', (0 - tag.length - 3));
      		sel.select();
		}
     	myField.focus();
  	} else if (myField.selectionStart || myField.selectionStart == 0)
	{
    	var startPos = myField.selectionStart;
    	var endPos = myField.selectionEnd;
    	var cursorPos = endPos;
    	var scrollTop = myField.scrollTop;
    	var posCur = 0;
    	var selectedText = myField.value.substring(startPos, endPos);
    	if(selectedText)
		{
       		selectedText = '[' + tag + ']' + selectedText + '[/' + tag + ']';
    	} else {
      		selectedText = '[' + tag + '][/' + tag + ']';
      		posCur = 1;
    	}
    	myField.value = myField.value.substring(0, startPos)
			+ selectedText
			+ myField.value.substring(endPos, myField.value.length);
    	if(posCur == 0)
		{
			cursorPos += selectedText.length - tag.length - 3;
		} else
		{
			cursorPos += (selectedText.length - 1) / 2;
    	}
    myField.focus();
    myField.selectionStart = cursorPos;
    myField.selectionEnd = cursorPos;
    myField.scrollTop = scrollTop;
  } else {
    myField.value += '[' + tag + '][/' + tag + ']';
    myField.focus();
  }
}