$(document).ready(function(){				   
$("#quick").load("quick.html");
i="#inicio";s="#servicios";p="#portafolio";c="#contacto";f="#faq";d="#p1";e="#p2";t=50;
function prs() {
$(e).css({background: "url(images/menu.png) -431px -51px"})
$(d).css({background: "url(images/menu.png) 0px -51px"})};
$(i).mouseover(	
function () {
$(i).animate({left: "26"}, t)	
$(d).animate({left: "0"}, t)
$(e).animate({left: "85"}, t)
$(s).animate({left: "111"}, t)
$(p).animate({left: "208"}, t)
$(c).animate({left: "310"}, t)
$(f).animate({left: "408"}, t)
prs()});
$(s).mouseover(		  
function() {	
$(i).animate({left: "0"}, t)
$(e).animate({left: "182"}, t)
$(d).animate({left: "59"}, t)
$(s).animate({left: "85"}, t)
$(p).animate({left: "208"}, t)
$(c).animate({left: "310"}, t)
$(f).animate({left: "408"}, t)
prs()});
$(p).mouseover(		  
function() {	
$(i).animate({left: "0"}, t)
$(e).animate({left: "284"}, t)
$(d).animate({left: "156"}, t)
$(s).animate({left: "59"}, t)
$(p).animate({left: "182"}, t)
$(c).animate({left: "310"}, t)
$(f).animate({left: "408"}, t)
prs()});
$(c).mouseover(		  
function() {	
$(i).animate({left: "0"}, t)
$(e).animate({left: "382"}, t)
$(d).animate({left: "258"}, t)
$(s).animate({left: "59"}, t)
$(p).animate({left: "156"}, t)
$(c).animate({left: "284"}, t)
$(f).animate({left: "408"}, t)
prs()});
$(f).mouseover(		  
function() {	
$(i).animate({left: "0"}, t)
$(e).animate({left: "431"}, t)
$(d).animate({left: "356"}, t)
$(s).animate({left: "59"}, t)
$(p).animate({left: "156"}, t)
$(c).animate({left: "258"}, t)
$(f).animate({left: "382"}, t)
prs()});
function prs2(){	
$(e).css({background: "url(images/menu.png) -431px 0px"})
$(d).css({background: "url(images/menu.png)"})};
$("#mexit").mouseover(		  
function() {	
$("#menu *").css({left:""});
prs2()});
$("#p1, #p2").mouseover(		  
function() {prs2()});

var ira=0;

$("#porta img").click(		  
function() {
$("#portafull").css({"background": "url(images/"+this.id+"f.jpg)"})
$("#portafull").animate({"opacity": "show"},500)
if(this.id=="mirarte"){ira=1;}
if(this.id=="pueblo"){ira=2;}
if(this.id=="ssarquitectos"){ira=3;}
if(this.id=="pua"){ira=4;}
if(this.id=="centro"){ira=5;}
});

$("#portafull p").click(		  
function() {
$("#portafull").animate({"opacity": "hide"},500)
});

$("#portafullf").click(		  
function() {
if(ira==1){window.location="http://www.mirarte-cr.com/"}
if(ira==2){window.location="http://www.puebloantiguo.com/"}
if(ira==3){window.location="http://www.ssarquitectos.com/"}
if(ira==4){window.location="http://www.abangares-unico.com/"}
if(ira==5){window.location="http://www.centro-servicios.com/"}
});


});