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=app_url+'resources/media/btn_enviar_foto.jpg';
	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 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;
		}
	}
}
/*********************************************************************
 * ALBUM DE FOTOS
 ********************************************************************/	

function start_upload_image() {
	$('#subiendo').toggle();
}

function finish_upload_image(data) {
	
	if (data.success) {
		location.reload();
	}
	else {
		$('#upload_file_output').html('<div class="output">'+data.msg+'</div>');
		$('#upload_file_output').show();
		$('#subiendo').toggle();
	}
	
}


function start_create_video() {
	$('#subiendo').toggle();
}

function finish_create_video() {
	//$('#subiendo').toggle();
	location.reload();

}


/*********************************************************************
 * LOGIN
 ********************************************************************/
function start_login() {
	$('#form_login_loading').toggle();
	$('#form_login_output').hide();
}

function finish_login(data) {
	if (data.success) {
		location.reload();
	}
	else {
		$('#form_login_output').html(data.msg);
		$('#form_login_output').show();
		$('#form_login_loading').toggle();
	}
}

function logout() {
	$.get(url+'usuarios/cerrar_sesion/', function(data){
		location.reload();
	});
}

$(document).ready(function() { 
	var login_form=$("#form_login").validate({
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				beforeSubmit:  start_login,  // pre-submit callback 
        		success:       finish_login,  // post-submit callback 
        		dataType:  'json', 
				resetForm: false
			});
		}
	});
});



$(document).ready(function() { 
   
   	

	var upload_file=$("#upload_file").validate({
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				beforeSubmit:  start_upload_image,  // pre-submit callback 
        		success:       finish_upload_image,  // post-submit callback 
				dataType:  'json', 
				resetForm: true
			});
		}
	});
	
	var nuevo_video=$("#nuevo_video").validate({
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				beforeSubmit:  	start_create_video,  // pre-submit callback 
        		success:       	finish_create_video,  // post-submit callback 
        		target:			'#nuevo_video_output', 
				resetForm: 		true
			});
		}
	});

   
   	//Menu
	$('#menu li').hover( 
		function () {
			$('#submenu').hide();
      	},
		function () {
			
		}
	);
	
	$('#galeria').hover( 
		function () {
			$('#submenu').show();
      	},
		function () {
			
		}
	);
   
   
   
   	$('#submenu').hover( 
		function () {
      	},
		function () {
			$(this).hide();
      	}
		
	);
   
    $('#form_encuesta').submit(function() { 
        $(this).ajaxSubmit({
			target:        '#form_encuesta_output'
		}); 
        return false; 
    });
	
	
	
	
	var form_boletin=$("#form_boletin").validate({
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				target: "#form_boletin_output",
				resetForm: true
			});
		}
	});
	
	var form_new_user=$("#form_new_user").validate({
		rules: {
			confirm_pass: {
				required: "#usu_pass:filled",
				equalTo: "#usu_pass"
			},
			usu_login: {
		      required: true,
		      email: true,
		      remote: url+"usuarios/comprobar_email/"
		    }
		},
		messages: {
			confirm_pass: {
				equalTo: "Las contraseñas no coinciden"
			},
			usu_login: {
				remote: "El email ya existe!"
			}
		},
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				target: "#form_new_user_output",
				resetForm: true 
			});
		}
	});
	var form_edit_user=$("#form_edit_user").validate({
		rules: {
			confirm_pass: {
				required: "#usu_new_pass:filled",
				equalTo: "#usu_new_pass"
			},
			usu_login: {
		      required: true,
		      email: true,
		      remote: url+"usuarios/comprobar_email/"
		    }
		},
		messages: {
			confirm_pass: {
				equalTo: "Las contraseñas no coinciden"
			},
			usu_login: {
				remote: "El email ya existe!"
			}
		},
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				target: "#form_edit_user_output",
				resetForm: false 
			});
		}
	});
	
	
	var contacto=$("#contacto").validate({
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				target: "#contacto_output",
				resetForm: true
			});
		}
	});
	
	
	var remenber_password=$("#remenber_password").validate({
		submitHandler: function(form) {
			$(form).ajaxSubmit({
				target: "#remenber_password_output",
				resetForm: true 
			});
		}
	});
	
	
	initFileUploads();
});