/* Javascript to style the fake file inputs on the submit cv page.
 * Thanks to quirksmode. It works, and is readable so I've not changed it very much.
 */

function initFileUploads() {
	var W3CDOM = (document.createElement && document.getElementsByTagName);
	if (!W3CDOM) return;
	var fakeFileUpload = document.createElement('div');
	fakeFileUpload.className = 'fakefileinputs';

	var fakeInput = document.createElement('input');
	fakeInput.id = 'cvfakefileinputtext';
	fakeInput.name = 'cvfakefileinputtext';
	fakeInput.className = 'text';
	fakeInput.type = 'text';
	fakeFileUpload.appendChild(fakeInput);

	var image = document.createElement('img');
	image.id='cvfakefileinputbutton';
	image.alt='Browse';
	image.src='assets/images/generic-button-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 = 'file filehidden';
		
		var clone = fakeFileUpload.cloneNode(true);
		x[i].parentNode.appendChild(clone);
		x[i].relatedElement = clone.getElementsByTagName('input')[0];
		x[i].onchange = x[i].onmouseout = function () {
			this.relatedElement.value = this.value;
		}
	}
}
 jQuery(document).ready(function() {
 	/* Submit CV Page */
	initFileUploads();
 });