// JavaScript Document


/*
---------------------------------------- */
function toggleMyDiv(sourceButton, whichDiv, showText, hideText)
{
	var mydiv = document.getElementById(whichDiv);
	var sourceButton =  document.getElementById(sourceButton);
	//alert(sourceButton + mydiv);
	
	if (!mydiv.isvisible)
	{
		mydiv.isvisible = true;
		mydiv.style.display = 'block';
		mydiv.style.cursor = 'hand';
		sourceButton.innerHTML = hideText;
	}
	else
	{
		mydiv.isvisible = false;
		mydiv.style.display = 'none';
		mydiv.style.cursor = 'pointer';
		sourceButton.innerHTML = showText;
	}
}


/*
---------------------------------------- */
function toggle(targetId)
{
	if (document.getElementById)
	{
		var target = document.getElementById('targetId');
		
		if (target.style.display == "none")
		{
			target.style.display = "";	
		}
		else
		{
			target.style.display = "none";
		}
	}
}


/*
---------------------------------------- */
function showHide(){
	document.getElementById("submit").style.display = "none"; 
	document.getElementById("processing").style.display = "block"; 
}
function showThis(div_id){
	document.getElementById(div_id).style.display = "block"; 
}
function hideThis(div_id){
	document.getElementById(div_id).style.display = "none"; 
}


/*
active on style when tab is clicked 
---------------------------------------- */
function selectTab(tab)
{
	var parentList = tab.parentNode;
	
	// Deselected all tabs 
	for (var i = 0; i < parentList.childNodes.length; i++)
	{
		var element = parentList.childNodes[i];

		if (element.nodeName.toLowerCase() == 'li')
		{
			element.className = '';
		}
	}

	// Set selected tab to on
	tab.className = 'on';
}


/*
disable this button
---------------------------------------- */
function disableButton(myButton)
{
	myButton.innnerHTML="  Processing...  ";
	myButton.value="  Processing...  ";
	// myButton.value = " Processing... ";
	myButton.disabled = true;
}


/*
form input limiter 1
e.g.: <input type="text"... maxlength="1500" onkeyup="return setMaxLength(this);">
---------------------------------------- */
function setMaxLength(obj)
{
	var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
	if (obj.getAttribute && obj.value.length>mlength)
	{
		obj.value=obj.value.substring(0,mlength)
	}
}

/*
form input limiter
e.g.: <script type="text/javascript">displaylimit("document.daddEventForm.event_title","",70)</script>
---------------------------------------- */
var ns6=document.getElementById&&!document.all

function restrictinput(maxlength,e,placeholder)
{
	if (window.event&&event.srcElement.value.length>=maxlength)
	return false
	else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength)
	{
		var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys
		if (pressedkey.test(String.fromCharCode(e.which)))
		e.stopPropagation()
	}
}

function countlimit(maxlength,e,placeholder){
var theform=eval(placeholder)
var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
if (window.event||e.target&&e.target==eval(placeholder)){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}


function displaylimit(thename, theid, thelimit){
var theform=theid!=""? document.getElementById(theid) : thename
var limit_text='<span id="'+theform.toString()+'">'+thelimit+'</span> characters remaining on your limit'
if (document.all||ns6)
document.write(limit_text)
if (document.all){
eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
}
else if (ns6){
document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); 
document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); 
}
}
