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);