function menuHover(el)
{
	el.className = "menulinkhover";
	var dropdown = el.getElementsByTagName("div")[0];
	dropdown.style.display="block";
	var elPosition = getPosition(el);
	dropdown.style.top = elPosition[1] + /*30*/ 28 + "px";
	dropdown.style.left = elPosition[0] + "px";

	
}


function menuHoverOut(el, notchange)
{
	if(!notchange)
	{
		el.className = "menulink";
	}
	var els = el.getElementsByTagName("div");
	els[0].style.display="none";
}

function getPosition(who){
    var T= 0,L= 0;
    while(who){
        L+= who.offsetLeft;
        T+= who.offsetTop;
        who= who.offsetParent;
    }
    return [L,T];    
}

function clearSearch(el)
{
	if(el.value=="Search keyword or product")
	{
		el.value = "";
	}
}

function setSearch(el)
{
	if(el.value == "")
	{
		el.value = "Search keyword or product";
	}
}

function showOverlay()
{
	document.getElementById("overlay").style.display = "block";
}

function showOverlay2()
{
	document.getElementById("overlay2").style.display = "block";
}

function hideOverlay()
{
	document.getElementById("overlay").style.display = "none";
}

function hideOverlay2()
{
	document.getElementById("overlay2").style.display = "none";
}

function openDialog(id)
{
	showOverlay();
	var el = document.getElementById(id);
	el.style.top = "-15%";
	el.style.display = "block";
	setTimeout(function(){pullElDown(el, -25)}, 20);

}

function pullElDown(el, elTop)
{

	if(elTop < 50)
	{
		elTop += 5;
		el.style.top = elTop + "%";
		setTimeout(function(){pullElDown(el, elTop)}, 20);
	}
}

function changeElSize(dir, el, elheight, elwidth)
{
	var check = false;

	if(el.offsetHeight < elheight)
	{
		el.style.height = el.offsetHeight + dir;
		el.style.marginTop = -(el.offsetHeight/2);
		check = true;
		
	}
	
	if(el.offsetWidth < elwidth)
	{
		el.style.width = el.offsetWidth + dir;
		el.style.marginLeft = -(el.offsetWidth/2);
		check = true;
	}

	if(check)
	{
		setTimeout(function(){changeElSize(dir, el, elheight, elwidth)}, 20);
	}
	else
	{
		el.style.width = elwidth;
		el.style.height = elheight;
	}
}

function closeDialog(id)
{
	var el = document.getElementById(id);
	hideOverlay();
	pushElUp(el, 50);
}

function pushElUp(el, elTop)
{

	if(elTop > -25)
	{
		elTop -= 5;
		el.style.top = elTop + "%";
		setTimeout(function(){pushElUp(el, elTop)}, 20);
	}
	else
	{
		el.style.display="none";
		//hideOverlay();
	}
}

function resetField(el, defaultValue)
{
	if(el.value=="")
	{
		el.value=defaultValue;
	}
}

function clearField(el, defaultValue)
{
	if(el.value==defaultValue)
	{
		el.value="";
	}
}

var fileNum = 0;

function queueFile(el)
{
	var newQueuedFile = document.createElement('div');
	newQueuedFile.innerHTML = el.value + "<span class='highlight'><a href='javascript:removeFile(" + fileNum + ")'>[x]</a></span>";
	newQueuedFile.style.padding="5px";
	newQueuedFile.id = "queuedFile" + fileNum;
	document.getElementById('fileQueue').appendChild(newQueuedFile);
	
	el.style.display="none";
	fileNum++;
	var newFile = document.createElement('input');
	newFile.type = "file";
	newFile.name = "file[]";
	newFile.id = "file" + fileNum;
	newFile.onchange = function(){queueFile(this);};
	document.getElementById('files').appendChild(newFile);
	
}

function removeFile(fNum)
{
	var queuedFile = document.getElementById('queuedFile' + fNum);
	var fileInput = document.getElementById('file' + fNum);
	
	document.getElementById('files').removeChild(fileInput);
	document.getElementById('fileQueue').removeChild(queuedFile);
}

function clearUpload()
{

}


function initValidate()
{
	var formsArray = document.body.getElementsByTagName("form");
	
	for(var i=0; i<formsArray.length;i++)
	{
		var curEls = formsArray[i].elements;
		for(var j=0; j<curEls.length;j++)
		{
			var el = curEls[j];
			el.defaultValue = el.value;
			//alert(el.defaultValue);
		}
	}
}

function validate(el)
{
	var els = el.elements;
	for(var i=0; i<els.length;i++)
	{
		if((els[i].type=="text" || els[i].type=="textarea") && (els[i].value == els[i].defaultValue || els[i].value == ""))
		{	
			alert("Please enter a value for " + els[i].defaultValue);
			return false;
		}
		else if(els[i].type=="select-one" && els[i].options[els[i].selectedIndex].value==els[i].defaultValue)
		{
			alert("Please enter a value for " + els[i].defaultValue);
			return false;
		}
	}
	
	return true;
}

function waitValidate(el)
{
	var valid = validate(el);
	if(valid)
	{
		showOverlay2();
		return true;
	}
	else
	{
		return false;
	}	
}

function changePageImg(imgName)
{
	document.getElementById('pageimg').src = "img/pageimg/" + imgName;
}

function P7_JumpMenu(selObj,restore)
{ 	//v1.7 by Project Seven
	var theFullString = selObj.options[selObj.selectedIndex].value;
	if (restore) selObj.selectedIndex=0;
	var theLength = theFullString.length;
	var endPos = theFullString.lastIndexOf("~");
	var theUrl, theTarget, theParent;
	if (endPos > 0) {theUrl = theFullString.substring(0,endPos);}
	else {theUrl = theFullString;}
	endPos++
	if (endPos < theLength) {theTarget = theFullString.substring(endPos,theLength)}
	else {theTarget = "window:Main";}
	if (theTarget == "window:New") {window.open(theUrl);}
	else if (theTarget == "window:Main") {eval("parent.location='"+theUrl+"'");}
	else {eval("parent.frames[\'"+theTarget+"\'].location='"+theUrl+"'");}
}