$(document).ready(function() {	

	//select all the a tag with name equal to modal
	$('a[name=modal]').click(function(e) {
		window.scroll(0,0);
		//Cancel the link behavior
		e.preventDefault();
		
		//Get the A tag
		var id = $(this).attr('href');
	
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(10);	
		$('#mask').fadeTo("fast",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		$(id).fadeIn(600); 
	
	});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});			
	
});
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->


function cambiarImagen(imagen,texto){
	clearTimeout(idInterval)
	var rutaImagen = "graficaEstilos/"+imagen.name
	document.images["imagenPrincipal"].src = rutaImagen;
	
	document.getElementById('txtPrincipal').innerHTML = texto;
	
	//alternarBanner()
}




function validar(formulario)
{
	var v1 = formulario.v1.value;//nombre
	var v2 = formulario.v_mail.value;//correo
	var v3 = formulario.v3.value;//telefono
	/*var v4 = formulario.v4.value;//fecha de reserva
	var v5 = formulario.v5.value;//hora de reserva
	var v6 = formulario.v6.value;//nº de personas
	var v7 = formulario.v7.value;//salon*/
	formulario.VR_from.value = formulario.v_mail.value;
	
	if(v1 == "")
	{
		alert("Debe ingresar su nombre.");
    	formulario.v1.focus(); 
    	return (false);
	}
	if(v2=="" || v2==" ")
	{
		alert("Debe ingresar su eMail.");
    	formulario.v_mail.focus(); 
    	return (false);
	}
	if(v3 == "")
	{
		alert("Debe ingresar su número de teléfono.");
    	formulario.v3.focus(); 
    	return (false);
	}
	/*if(v4 == "")
	{
		alert("Debe ingresar la fecha de reserva.");
    	formulario.v4.focus(); 
    	return (false);
	}
	if(v5 == "")
	{
		alert("Debe ingresar la hora de reserva.");
    	formulario.v5.focus(); 
    	return (false);
	}
	if(v6 == "")
	{
		alert("Debe ingresar el número de personas.");
    	formulario.v6.focus(); 
    	return (false);
	}
	if(v7 == "1")
	{
		alert("Debe ingresar el tipo de salón.");
    	formulario.v7.focus(); 
    	return (false);
	}*/
}




function validarContacto(formulario)
{
	var nombre = formulario.v_nombre.value;
	var email = formulario.v_mail.value;
	var telefono = formulario.v_telefono.value;
	
	formulario.VR_from.value = formulario.v_mail.value;
	
	if(nombre == "")
	{
		alert("Debe ingresar su nombre.");
    	formulario.v_nombre.focus(); 
    	return (false);
	}
	if(email=="" || email==" ")
	{
		alert("Debe ingresar su eMail.");
    	formulario.v_mail.focus(); 
    	return (false);
	}
	if(telefono == "")
	{
		alert("Debe ingresar su número de teléfono.");
    	formulario.v_telefono.focus(); 
    	return (false);
	}
}


/////////////////////////////crea ajax
function nuevoAjax() { 
	var xmlhttp=false
	
	try { 
		xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")// Creacion del objeto AJAX para navegadores no IE
	} catch(e) { 
		try { 
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP") // Creacion del objet AJAX para IE 
		} catch(E) { 
			xmlhttp=false
		}
	}
	
	if (!xmlhttp && typeof XMLHttpRequest!="undefined") { 
		xmlhttp=new XMLHttpRequest()
	} 

	return xmlhttp
}



function cargaImagen(IMAGEN) {

		var aleatorio =  Math.random()*9999999999;
		ajax=nuevoAjax()
		//ajax.open("POST", "proveedoresAjax.php?", true )
		ajax.open("GET", "imagen.php?imagen="+IMAGEN+"&aleatorio="+aleatorio, true )
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
		//ajax.send("ejecutar=ObtieneProveedorContactos&IDORDEN="+IDORDEN)
		ajax.send(null);
		ajax.onreadystatechange=function() { 
			if( ajax.readyState == 4 ) { 
				
				document.getElementById('imagenAjax').innerHTML = ajax.responseText
			} else {
				document.getElementById('imagenAjax').innerHTML = 'cargando imagen...'
			}
		}
	
}