$(document).ready(function(){
	initHovers();
	initCustomfile();
});
function initHovers(){
	$("div.submit").hover(
		function(){ $(this).addClass('hover-submit'); },
		function(){ $(this).removeClass('hover-submit');}
	)
	$("div.browse").hover(
		function(){ $(this).addClass('browse-hover'); },
		function(){ $(this).removeClass('browse-hover');}
	)
	
}
function initCustomfile()
{
	var inputtext;
	var inputfile;
	var browsespace;
	
	var corrections = {x:-50, y:-10};

	if($('div.first_form').get(0))
	{
	
		inputtext = $('input.text-file');
		inputtext.attr('readonly', true);
		inputfile = $('div.first_form').find('input.file');
		browsespace = $('div.first_form').find('div.browse');
		browsespace.css({
			'position':'relative'
		});
		
		inputfile.css({
			'opacity':0,
			'position':'absolute',
			'top':corrections.y + 'px',
			'left':corrections.x + 'px',
			'visibility':'visible'
		});
		
		browsespace.mousemove(function(e){
			
			var offset = $(this).offset({ scroll: false });
			var left = (e.pageX - offset.left + corrections.x) * 1;
			var top = (e.pageY - offset.top + corrections.y) * 1;
			inputfile.css({
				'top':top,
				'left':left
			});
		});
		
		if(inputtext.get(0)){
			$('input.file').change(function(){
				$(this).parents('li').find('input.text-file').val(this.value);
    			});
		}
	}
}