$(function () {
	$("input.file-input-area").live("change", function () {
		$(this).closest(".file").find("input.text").val($(this).val());
	});
});

function initCustomFile()
{
	var inputs = document.getElementsByTagName("input");
	for (var i= 0; i < inputs.length; i++)
	{
		if(inputs[i].className.indexOf("file-input-area") != -1)
		{
			inputs[i].file = inputs[i].parentNode.getElementsByTagName("input").item(1);
			inputs[i].file.readOnly = true;

			
			inputs[i].onchange = function()
			{
				this.file.value = this.value;
			}

			inputs[i].onmouseover = function()
			{
				this.parentNode.className += " hover";
			}
			inputs[i].onmouseout = function()
			{
				this.parentNode.className = this.parentNode.className.replace(" hover", "");
			}
		}
	}
}
if (window.addEventListener)
	window.addEventListener("load", initCustomFile, false);
else if (window.attachEvent)
	window.attachEvent("onload", initCustomFile);