Bilder der <a href="http://www.ferienwohnung-flaeming.com">Ferienwohnung Fl&auml;ming</a><br /><br />
Klicken Sie <a href="http://www.ferienwohnung-flaeming.com/wordpress/?page_id=43">hier</a>, um die Ferienwohnung zu buchen <br /><br />
<script src="/inc/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="/inc/scroll.css" />
<link rel="stylesheet" type="text/css" href="/inc/scroll1.css" />

<style>
	

	/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:677px;
		margin:15px 0 15px 40px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}
	</style>
	
<div id="image_wrap">

	<!-- Initially the image is a simple 1x1 pixel transparent GIF -->
	<img src="/inc/leer.gif" width="500" height="333" />

</div>	


<!-- HTML structures -->


<!-- "previous page" action -->
<a class="prev browse left"></a>

<!-- root element for scrollable -->
<div class="scrollable">   
   
   <!-- root element for the items -->
   <div class="items">
   
      <!-- 1-5 -->
      <div>
         <img src="/inc/h1_t.jpg" />
         <img src="/inc/sz1_t.jpg" />
         <img src="/inc/sz2_t.jpg" />
         <img src="/inc/wz1_t.jpg" />
         <img src="/inc/bad1_t.jpg" />
      </div>
      
      <!-- 5-10 -->
      <div>
         <img src="/inc/wz1_t.jpg" />
         <img src="/inc/sz4_t.jpg" />
         <img src="/inc/sz3_t.jpg" />
         <img src="/inc/bad_t.jpg" />
         <img src="/inc/wg1_t.jpg" />

      </div>
      
      <!-- 10-15 -->
      <div>
         <img src="/inc/wandern1_t.jpg" />
         <img src="/inc/wandern2_t.jpg" />
         <img src="/inc/burg1_t.jpg" />
         <img src="/inc/herbst1_t.jpg" />
         <img src="/inc/herbst2_t.jpg" />
      </div>

      
   </div>
   
</div>

<!-- "next page" action -->
<a class="next browse right"></a>

<script>
$(function() {

$(".scrollable").scrollable();

$(".items img").click(function() {

	// see if same thumb is being clicked
	if ($(this).hasClass("active")) { return; }

	// calclulate large image's URL based on the thumbnail URL (flickr specific)
	var url = $(this).attr("src").replace("_t", "");

	// get handle to element that wraps the image and make it semi-transparent
	var wrap = $("#image_wrap").fadeTo("medium", 0.5);

	// the large image from www.flickr.com
	var img = new Image();


	// call this function after it's loaded
	img.onload = function() {

		// make wrapper fully visible
		wrap.fadeTo("fast", 1);

		// change the image
		wrap.find("img").attr("src", url);

	};

	// begin loading the image from www.flickr.com
	img.src = url;

	// activate item
	$(".items img").removeClass("active");
	$(this).addClass("active");

// when page loads simulate a "click" on the first image
}).filter(":first").click();
});
</script>