// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults


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

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

	
	
	fakeFileUpload.appendChild(document.createElement('input'));
	var image = document.createElement('img');
	image.src='/images/browse-button.png';
	fakeFileUpload.appendChild(image);    

	var remove = document.createElement('a'); 
	remove.href = "#" ;  
	remove.innerHTML = "remove"    
	fakeFileUpload.appendChild(remove);	

	var x = document.getElementsByTagName('input');
	for (var i=0;i<x.length;i++) {
		if (x[i].type != 'file') continue;
		if (x[i].parentNode.className.indexOf('fileinputs') == -1 && !(x[i].parentNode.className == 'fieldWithErrors' &&  x[i].parentNode.parentNode.className == 'fileinputs')) continue;
		x[i].className = 'file hidden';
		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;
		}
	} 
	
	$('.fakefile a').click(function() {
		this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);    
		return false;
	});  
	
	$('#add_preferred_image_button').click(function() {
	  var n = $('#add_preferred_image').clone();  
	  n[0].id = null;
		$(n).find('a').click(function() {
			this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);    
			return false;			
		});    
		
		$(n).children('.file')[0].relatedElement = $(n).find('.fakefile input')[0];
		$(n).children('.file').change(function() {
			this.relatedElement.value = this.value;
		}).mouseout(function() {
			$(this).change();
		});
		n.removeClass("new-file");
	  $('#add_preferred_image').before(n);  
		return false;   
	});
	
	$('#add_design_mockup_button').click(function() {
	  var n = $('#add_design_mockup').clone();  
	  n[0].id = null;
		$(n).find('a').click(function() {
			this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);    
			return false;			
		});    
		
		$(n).children('.file')[0].relatedElement = $(n).find('.fakefile input')[0];
		$(n).children('.file').change(function() {
			this.relatedElement.value = this.value;
		}).mouseout(function() {
			$(this).change();
		});
		n.removeClass("new-file");
	  $('#add_design_mockup').before(n);  
		return false;   
	});
}             

window.onload = function() {      
	initFileUploads();
}