/* Javascript to upload a file

    This js creates a dynamic div and input file which is positioned on top of the original 
    <input> type.
*/

    var W3CDOM = (document.createElement && document.getElementsByTagName);

    function initFileUploads(langPath) {
        if (!W3CDOM) return;
        var fakeFileUpload = document.createElement('div');
        fakeFileUpload.className = 'fakefile';
        fakeFileUpload.appendChild(document.createElement('input')).setAttribute('type', 'text');
        var image = document.createElement('img');
        image.src="http://ahongkongdisneyland.disney.go.com/media/hkdlmice_v0101/"+langPath+"/global/buttons/browse.gif";
        fakeFileUpload.appendChild(image);
        var x = document.getElementsByTagName('input');
        for (var i=0;i<x.length;i++) {
            if (x[i].type != 'file') continue;
            if (x[i].parentNode.className != 'fileinputs') continue;
            x[i].className = 'fileUpload hidden';
            var clone = fakeFileUpload.cloneNode(true);
            x[i].parentNode.appendChild(clone);
            x[i].relatedElement = clone.getElementsByTagName('input')[0];
            
            x[i].onchange = x[i].onkeyup = x[i].onkeydown = function () {
                this.relatedElement.value = this.value;             
            }   
            
        }
    }