$(document).ready(function() {


$("#reserve").click(function(){
$("#reserve").fadeOut("slow");
$("#reservation").delay(100).animate({width:'420px'},888);
$("#restext").delay(1000).fadeIn("slow");
$("#resphone").delay(1500).fadeIn("slow");
$("#resthumb1").delay(1800).fadeIn("slow");
$("#resthumb2").delay(1800).fadeIn("slow");
$("#resthumb3").delay(1800).fadeIn("slow");
$("#close").delay(2000).fadeIn("slow");
});


$("#close").click(function(){


$("#restext").fadeOut("slow");
$("#resphone").fadeOut("slow");
$("#resthumb1").fadeOut("slow");
$("#resthumb2").fadeOut("slow");
$("#resthumb3").fadeOut("slow");
$("#close").fadeOut("slow");
$("#reservation").delay(500).animate({width:'0px'},888);
$("#reserve").delay(1500).fadeIn("slow");
});


$("#klclick").click(function(){
$("#pj").fadeOut("fast");
$("#klang").fadeOut("fast");
$("#kl").delay(500).fadeIn("slow");

document.getElementById('pjclick').className='outlets';
document.getElementById('klangclick').className='outlets';
document.getElementById('klclick').className='currentoutlets';

});

$("#pjclick").click(function(){
$("#kl").fadeOut("fast");
$("#klang").fadeOut("fast");
$("#pj").delay(500).fadeIn("slow");

document.getElementById('klclick').className='outlets';
document.getElementById('klangclick').className='outlets';
document.getElementById('pjclick').className='currentoutlets';

});

$("#klangclick").click(function(){
$("#pj").fadeOut("fast");
$("#kl").fadeOut("fast");
$("#klang").delay(500).fadeIn("slow");

document.getElementById('pjclick').className='outlets';
document.getElementById('klclick').className='outlets';
document.getElementById('klangclick').className='currentoutlets';

});


$("#halalklclick").click(function(){
$("#pjhalal").fadeOut("fast");
$("#klhalal").delay(500).fadeIn("slow");

document.getElementById('halalpjclick').className='outlets';
document.getElementById('halalklclick').className='currentoutlets';

});

$("#halalpjclick").click(function(){
$("#klhalal").fadeOut("fast");
$("#pjhalal").delay(500).fadeIn("slow");

document.getElementById('halalklclick').className='outlets';
document.getElementById('halalpjclick').className='currentoutlets';

});


});