var $j = jQuery.noConflict();

$j(document).ready(function()
{
	
	var con = $j('.section_thumb_nailscontainer_thumb_nails');
	
	// Anzahl der Bilder
	var count_img = $j('.section_thumb_nailscontainer_thumb_nails > li.container_thumb_nails').length;
	
	// Bilderbreite pluss padding
	var img_width_and_padding = $j('.section_thumb_nailscontainer_thumb_nails .thumb_nails').innerWidth();
	
	// die Breite des DIV's
	var width_of_img_container = count_img * img_width_and_padding;
	
	// die Breite des Div's setzen
	$j('.section_thumb_nailscontainer_thumb_nails').css('width', width_of_img_container);

	// Länge des Container DIV's der Bilder
	if($j('.wrap_thumb_nails').css('width')){
		var conWidth = $j('.wrap_thumb_nails').css('width').replace(/[a-z]/g, "");
	}
	// Erstes Bild anzeigen
	$j('.image').css('background-image', 'url(' + $j('ul.section_thumb_nailscontainer_thumb_nails:first-child a').attr("href") + ')');

	$j('.thumb_nails a').click(function(){
		var act_img = $j(this);
		
		$j('.image').fadeOut("slow", function(){
			$j(this).css('background-image', 'url(' + $j(act_img).attr('href') + ')').fadeIn("slow");
		});
		
		$j('#galerie_wrap img').animate({
			opacity: "0.5"
		});
		
		$j('img', this).animate({
			opacity: "1"
		});
		return false;
	});
	
	


  // Scroller rechts und links
  $j('.right_scroll').click(function()
  {
    if (con.position().left > -(width_of_img_container - conWidth)) 
    {
      con.animate(
        {
          "left": "-=" + img_width_and_padding + "px"
        }, "normal");
    }
  });
  
  $j('.left_scroll').click(function()
  {
    if (con.position().left < 0) 
    {
      con.animate(
        {
          "left": "+=" + img_width_and_padding + "px"
        }, "normal");
    }
  });
});