

function edit(id, saveButtonId)	{
	var spanId = id + "_text";
	var imgEditId = id + "_edit";
	var imgCancelId = id + "_cancel";
	
	document.getElementById(id).style.display = 'block';
	document.getElementById(spanId).style.display = 'none';
	
	document.getElementById(imgEditId).style.display = 'none';
	document.getElementById(saveButtonId).style.display = 'inline';
	if(document.getElementById(imgCancelId)!=null)
	    document.getElementById(imgCancelId).style.display = 'inline';
}

function editMotto(id, saveButtonId)	{
	var spanId = id + "_text";
	var imgEditId = id + "_edit";
	var imgCancelId = id + "_cancel";
	
	document.getElementById(id).disabled = false;
	if(document.getElementById(id).value == '')
	    document.getElementById(id).value = "Type your motto here";
	    
	if(document.getElementById(spanId)!=null)
	    document.getElementById(spanId).style.display = 'none';
	
	document.getElementById(imgEditId).style.display = 'none';
	document.getElementById(saveButtonId).style.display = 'inline';
	if(document.getElementById(imgCancelId)!=null)
	    document.getElementById(imgCancelId).style.display = 'inline';
}

function trim(stringToTrim) {
    return stringToTrim.replace(/^\s+|\s+$/g, "");
}


function cancel(id, saveButtonId)	{
	var spanId = id + "_text";
	var imgEditId = id + "_edit";
	var imgCancelId = id + "_cancel";
	var valReg = id + "ValReg";
	var valReq = id + "ValReq";

	document.getElementById(id).value = trim(document.getElementById(spanId).innerHTML);
	document.getElementById(id).style.display = 'none';
	document.getElementById(spanId).style.display = 'block';
	
	document.getElementById(imgEditId).style.display = 'inline';
	document.getElementById(saveButtonId).style.display = 'none';
	
	if(document.getElementById(imgCancelId)!=null)
	    document.getElementById(imgCancelId).style.display = 'none';
	if (document.getElementById(valReg) != null)
	    document.getElementById(valReg).style.display = 'none';
	if (document.getElementById(valReq) != null)
	    document.getElementById(valReq).style.display = 'none';
}

function editPassword(id, saveButtonId)	{
	var imgEditId = id + "_edit";
	var imgCancelId = id + "_cancel";
	var newPw = id + "_New";
	var newPwVal = newPw + "_Validate";
	var idText = id + "_text";
	var newPwText = newPw + "_text";
	var newPwValText = newPwVal + "_text";
	/*
	var idLabel = id + "_Label";
	var newPwLabel = newPw + "_Label";
	var newPwValLabel = newPwVal + "_Label";
	
	document.getElementById(idLabel).style.display = 'block';
	document.getElementById(newPwLabel).style.display = 'block';
	document.getElementById(newPwValLabel).style.display = 'block';
	*/
	document.getElementById(id).style.display = 'block';
	document.getElementById(newPw).style.display = 'block';
	document.getElementById(newPwVal).style.display = 'block';
	
	document.getElementById(idText).style.display = 'none';
	document.getElementById(newPwText).style.display = 'none';
	document.getElementById(newPwValText).style.display = 'none';
	
	document.getElementById(imgEditId).style.display = 'none';
	document.getElementById(imgCancelId).style.display = 'inline';
	document.getElementById(saveButtonId).style.display = 'inline';
}

function cancelPassword(id, saveButtonId, valSum)	{
	var imgEditId = id + "_edit";
	var imgCancelId = id + "_cancel";
	var newPw = id + "_New";
	var newPwVal = newPw + "_Validate";
	var idText = id + "_text";
	var newPwText = newPw + "_text";
	var newPwValText = newPwVal + "_text";
	/*
	var idLabel = id + "_Label";
	var newPwLabel = newPw + "_Label";
	var newPwValLabel = newPwVal + "_Label";
	
	document.getElementById(idLabel).style.display = 'block';
	document.getElementById(newPwLabel).style.display = 'block';
	document.getElementById(newPwValLabel).style.display = 'block';
	*/
	document.getElementById(id).style.display = 'none';
	document.getElementById(newPw).style.display = 'none';
	document.getElementById(newPwVal).style.display = 'none';
	
	document.getElementById(idText).style.display = 'block';
	document.getElementById(newPwText).style.display = 'block';
	document.getElementById(newPwValText).style.display = 'block';
	
	document.getElementById(imgEditId).style.display = 'block';
	document.getElementById(imgCancelId).style.display = 'none';
	document.getElementById(saveButtonId).style.display = 'none';
	document.getElementById(valSum).style.display = 'none';
	
}


function changeTab(id1, id2, id3)	{
	document.getElementById(id1).style.display = "block";
	document.getElementById(id2).style.display = "none";
	document.getElementById(id3).style.display = "none";
}

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 and 6.
{
   if ((version >= 5.5) && (document.body.filters)) 
   {
       for(var i=0; i<document.images.length; i++)
       {
           var img = document.images[i];
           var imgName = img.src.toUpperCase();
	      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
	      {
	          var imgID = (img.id) ? "id='" + img.id + "' " : "";
	          var imgClass = (img.className) ? "class='" + img.className + "' " : "";
	          var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
	          var imgStyle = "display:inline-block;" + img.style.cssText;
	          var imgAttribs = img.attributes;
		     for (var j=0; j<imgAttribs.length; j++)
			 {
			    var imgAttrib = imgAttribs[j];
			    if (imgAttrib.nodeName == "align")
			    {
			        if (imgAttrib.nodeValue == "left") imgStyle = "float:left;" + imgStyle;
			        if (imgAttrib.nodeValue == "right") imgStyle = "float:right;" + imgStyle;
			        break;
			    }
             }
             var strNewHTML = "<span " + imgID + imgClass + imgTitle;
		     strNewHTML += " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
		     strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader";
		     strNewHTML += "(src='" + img.src + "', sizingMethod='scale');\"";
		     strNewHTML += " onmouseover=\"PNGswap('" + img.id + "');\" onmouseout=\"PNGswap('" + img.id + "');\"";
		     strNewHTML += "></span>";
		     img.outerHTML = strNewHTML;
		     i = i - 1;
	      }
       }
   }
}

function PNGswap(myID) {
    if (!myID == "") {
        var strOver = "_on";
        var strOff = "_off";
        var oSpan = document.getElementById(myID);
        var currentAlphaImg = oSpan.filters(0).src;
        if (currentAlphaImg.indexOf(strOver) != -1)
            oSpan.filters(0).src = currentAlphaImg.replace(strOver, strOff);
        else
            oSpan.filters(0).src = currentAlphaImg.replace(strOff, strOver);
    }
}

function imgSwap(oImg)
{
    var strOver = "_on";     // image to be used with mouse over
    var strOff = "_off";      // normal image
    var strImg = oImg.src;
    if (strImg.indexOf(strOver) != -1)
        oImg.src = strImg.replace(strOver, strOff);
    else
        oImg.src = strImg.replace(strOff, strOver);
}

navHover = function() {
    if (document.getElementById("chooser") != null) {
        var lis = document.getElementById("chooser").getElementsByTagName("LI");
        for (var i = 0; i < lis.length; i++) {
            lis[i].onmouseover = function() {
                this.className += " iehover";
            }
            lis[i].onmouseout = function() {
                this.className = this.className.replace(new RegExp(" iehover\\b"), "");
            }
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", navHover);


$(document).ready(function() {
$('#register input, #register textarea, #register select').each(function() {
    var pos = $(this).position();
    if ($(this).attr('title') != "") $(this).after('<div class="field_help" style="z-index:500;top:' + (pos.top + 16) + 'px;">' + $(this).attr('title') + '</div>');
    });
    $('#register input, #register textarea, #register select').focus(function() {
        $('.field_help').hide();
        $(this).next('.field_help').show();
    });
});
