$(document).ready(function() {
	
	// Initial Open/Close
    $("#thumbs .close_me").toggle(
      function() {
          $("#thumbs").animate({ 'bottom': '-135px' }, 'slow'),
		  $(this).html('Open');
      },
      function() {
          $("#thumbs").animate({ 'bottom': '0px' }, 'slow'),
		  $(this).html('Close');
      });
	
	// Link to larger pic
	$(".thumb_holder a").click(function(event){
		event.preventDefault();
		$('img#pic').fadeOut(1000).hide();
		var newSRC = $(this).attr("href");
		$("img#pic").attr("src", newSRC);
		$('img#pic').fadeIn();
	});
	
	// Link to Standard Features
      $(".features").click(function(event){
            event.preventDefault();
			$("#text").hide();
			$("#features").show();

            // Back to Main text
            $(".back_to_main").click(function(event){
            event.preventDefault();
			$("#text").show();
			$("#features").hide();
            });
      });
	
// BATHROOM *******************
	
    //Bathroom Open/Close
    $("#bathroom .close_me_up").toggle(
      function() {
          $("#bathroom").animate({ 'bottom': '-135px' }, 'slow'),
		  $(this).html('Open');
      },
      function() {
          $("#bathroom").animate({ 'bottom': '0px' }, 'slow'),
		  $(this).html('Close');
      });
	
	// If Bathroom is clicked
	$("#thumbs a.bathroom").click(function(event){
		$("#text").show();
		$("#features").hide();
		$("#thumbs").animate({ 'bottom': '-161px' }, 'slow'),
		$("#bathroom").animate({ 'bottom': '0' }, 'slow');
		$('#text').html("<h3>Bathroom</h3><p>Deluxe shower cubicle fitted with thermostatic shower mixer. 13' models have the added bonus of a full sized bath.</p><p>Also fitted is a push button flush toilet with ceramic basin.</p>");
	});	
	
	// Bathroom Back Button
	$("#bathroom .back_up").click(function(event){
		$("#text").show();
		$("#features").hide();
		$("#bathroom").animate({ 'bottom': '-161px' }, 'slow'),
		$("#thumbs").animate({ 'bottom': '0' }, 'slow');
		event.preventDefault();
		$('img#pic').fadeOut().hide();
		$("img#pic").attr("src", "/images/eclipse/exterior.jpg");
		$('img#pic').fadeIn();
		$('#text').html("<p>Modern Stylish with a real studio feel, the Eclipse range is truly sophisticated.</p><p>The contemporary kitchen is furnished with built in microwave with dishwasher also available.</p><p>The Eclipse range has made Arronbrook Leisure Homes one of the leading manufacturers in the UK today.</p>");
	});
	
// LOUNGE *******************
	
    //Lounge Open/Close
    $("#lounge .close_me_up").toggle(
      function() {
          $("#lounge").animate({ 'bottom': '-135px' }, 'slow'),
		  $(this).html('Open');
      },
      function() {
          $("#lounge").animate({ 'bottom': '0px' }, 'slow'),
		  $(this).html('Close');
      });
	
	// If Lounge is clicked
	$("#thumbs a.lounge").click(function(event){
		$("#text").show();
		$("#features").hide();
		$("#thumbs").animate({ 'bottom': '-161px' }, 'slow'),
		$("#lounge").animate({ 'bottom': '0' }, 'slow');
		$('#text').html("<h3>Lounge</h3><p>The lounge of the Eclipse is a feature in itself, with its quality settee and chairs, luxury carpet and decorative curtains.</p><p>Throughout the lounge we have fashionable vertical blinds fitted to the front bay and venetian blinds which finish off the lounge with a very stylish touch.</p><p>New for the Eclipse we have a modern flame effect electric fire in a stunning black mirror glass effect.</p>");
	});	
	
	// Lounge Back Button
	$("#lounge .back_up").click(function(event){
		$("#text").show();
		$("#features").hide();
		$("#lounge").animate({ 'bottom': '-161px' }, 'slow'),
		$("#thumbs").animate({ 'bottom': '0' }, 'slow');
		event.preventDefault();
		$('img#pic').fadeOut().hide();
		$("img#pic").attr("src", "/images/eclipse/exterior.jpg");
		$('img#pic').fadeIn();
		$('#text').html("<p>Modern Stylish with a real studio feel, the Eclipse range is truly sophisticated.</p><p>The contemporary kitchen is furnished with built in microwave with dishwasher also available.</p><p>The Eclipse range has made Arronbrook Leisure Homes one of the leading manufacturers in the UK today.</p>");
	});
	
// BEDROOM *******************
	
    //Bedroom Open/Close
    $("#bedroom .close_me_up").toggle(
      function() {
          $("#bedroom").animate({ 'bottom': '-135px' }, 'slow'),
		  $(this).html('Open');
      },
      function() {
          $("#bedroom").animate({ 'bottom': '0px' }, 'slow'),
		  $(this).html('Close');
      });
	
	// If Bedroom is clicked
	$("#thumbs a.bedroom").click(function(event){
		$("#text").show();
		$("#features").hide();
		$("#thumbs").animate({ 'bottom': '-161px' }, 'slow'),
		$("#bedroom").animate({ 'bottom': '0' }, 'slow');
		$('#text').html("<h3>Bedroom</h3><p>The comfortable fitted bedrooms offer a quiet ambience to the rooms with the main bedroom having en-suite facilities and plenty of storage room.</p>");
	});	
	
	// Bedroom Back Button
	$("#bedroom .back_up").click(function(event){
		$("#text").show();
		$("#features").hide();
		$("#bedroom").animate({ 'bottom': '-161px' }, 'slow'),
		$("#thumbs").animate({ 'bottom': '0' }, 'slow');
		event.preventDefault();
		$('img#pic').fadeOut().hide();
		$("img#pic").attr("src", "/images/eclipse/exterior.jpg");
		$('img#pic').fadeIn();
		$('#text').html("<p>Modern Stylish with a real studio feel, the Eclipse range is truly sophisticated.</p><p>The contemporary kitchen is furnished with built in microwave with dishwasher also available.</p><p>The Eclipse range has made Arronbrook Leisure Homes one of the leading manufacturers in the UK today.</p>");
	});
	
// KITCHEN *******************
	
    //Kitchen Open/Close
    $("#kitchen .close_me_up").toggle(
      function() {
          $("#kitchen").animate({ 'bottom': '-135px' }, 'slow'),
		  $(this).html('Open');
      },
      function() {
          $("#kitchen").animate({ 'bottom': '0px' }, 'slow'),
		  $(this).html('Close');
      });
	
	// If Kitchen is clicked
	$("#thumbs a.kitchen").click(function(event){
		$("#text").show();
		$("#features").hide();
		$("#thumbs").animate({ 'bottom': '-161px' }, 'slow'),
		$("#kitchen").animate({ 'bottom': '0' }, 'slow');
		$('#text').html("<h3>Kitchen</h3><p>The extremely well fitted kitchen boasts a built-in oven and grill with domestic stainless steel hob. Also the neatly fitted microwave comes as standard along with the integral fridge/freezer and electric stainless steel cookerhood. 13' models have the benefit of an integrated dishwasher.</p><p>To finish off the kitchen in style we have fitted a modern granite effect sink with quality chrome mixer tap.</p>");
	});	
	
	// Kitchen Back Button
	$("#kitchen .back_up").click(function(event){
		$("#text").show();
		$("#features").hide();
		$("#kitchen").animate({ 'bottom': '-161px' }, 'slow'),
		$("#thumbs").animate({ 'bottom': '0' }, 'slow');
		event.preventDefault();
		$('img#pic').fadeOut().hide();
		$("img#pic").attr("src", "/images/eclipse/exterior.jpg");
		$('img#pic').fadeIn();
		$('#text').html("<p>Modern Stylish with a real studio feel, the Eclipse range is truly sophisticated.</p><p>The contemporary kitchen is furnished with built in microwave with dishwasher also available.</p><p>The Eclipse range has made Arronbrook Leisure Homes one of the leading manufacturers in the UK today.</p>");
	});
	
// DINING *******************
	
    //Dining Open/Close
    $("#dining .close_me_up").toggle(
      function() {
          $("#dining").animate({ 'bottom': '-135px' }, 'slow'),
		  $(this).html('Open');
      },
      function() {
          $("#dining").animate({ 'bottom': '0px' }, 'slow'),
		  $(this).html('Close');
      });
	
	// If Dining is clicked
	$("#thumbs a.dining").click(function(event){
		$("#text").show();
		$("#features").hide();
		$("#thumbs").animate({ 'bottom': '-161px' }, 'slow'),
		$("#dining").animate({ 'bottom': '0' }, 'slow');
		$('#text').html("<h3>Dining</h3><p>Our top of the range Eclipse boasts 4 quality leather/suede chairs as standard. The wooden pedestal and MDF table top match beautifully the d&eacute;cor of the Eclipse as you would expect. The dining area is a great place to eat breakfast or your evening meal.</p>");
	});	
	
	// Dining Back Button
	$("#dining .back_up").click(function(event){
		$("#text").show();
		$("#features").hide();
		$("#dining").animate({ 'bottom': '-161px' }, 'slow'),
		$("#thumbs").animate({ 'bottom': '0' }, 'slow');
		event.preventDefault();
		$('img#pic').fadeOut().hide();
		$("img#pic").attr("src", "/images/eclipse/exterior.jpg");
		$('img#pic').fadeIn();
		$('#text').html("<p>Modern Stylish with a real studio feel, the Eclipse range is truly sophisticated.</p><p>The contemporary kitchen is furnished with built in microwave with dishwasher also available.</p><p>The Eclipse range has made Arronbrook Leisure Homes one of the leading manufacturers in the UK today.</p>");
	});
	
});