// JavaScript Document
/* <![CDATA[ */

function hidePicinfo()
    {
       $("#info_button").unbind('click');
		$("#info_button").bind('click', clickShowinfo);
		
		$("#info_text").animate({
			width: 'hide'},
			'slow');
		$("#info_button").animate({
			left: '15px'},
			'slow');
		if (showInfo)	
		  $('#info_button_pic').attr("src", "/html/img/info_right.png");
		else
		  $('#info_button_pic').attr("src", "/html/img/info_no_right.png");	
	}
	
	function showPicinfo()
	{
		$("#info_button").unbind('click');
		$("#info_button").bind('click', clickHideinfo);
		
		$('#info_text').animate({
			width: 'show'}, 
			'fast');
        $('#info_button').animate({
			left: '405px'},
			'fast');
        $('#info_button_pic').attr("src", "/html/img/info_left.png");
	}

    function nextImage() {
    
       $(Bilder[currentImage]["id"]).animate({
		   	'margin-top': '11px'},
		  	'fast');
    
       currentImage++;
       $(Bilder[currentImage]["id"]).animate({
		   	'margin-top': '0px'},
		  	'slow');
		  	
		   

        var newPosition = (currentImage + 1) * 136;
        if (newPosition >= 410.5)
        {
          newPosition -= 405;
          $("#gallery").animate({scrollLeft: newPosition})
        }
        else 
        {
          $("#gallery").animate({scrollLeft: 0})
        }
          
      displayImage('animation');
	    if (currentImage == Bilder.length - 1)
      {
        stopSlide();
      }
    }

    function nextThumb() {
    
        var g = $("#gpic_bar");
        var position = g.position();     
        //alert("left: " + position.left);
        var newPosition = (position.left*-1) + 136;
        
        $("#gallery").animate({scrollLeft: newPosition});

      
    }

    
    function startSlide()
    {
      $("#play_pause").attr("src", "/html/img/pause.jpg");
	  if (currentImage == Bilder.length - 1)
      {
        currentImage = -1;
      }
	  nextImage();
      timer = setInterval("nextImage()", interval);
      $("#play_pause").unbind('click');
      $("#play_pause").bind('click', stopSlide);
    }
    
    function stopSlide()
    {
      $("#play_pause").attr("src", "/html/img/play.jpg");
      clearInterval(timer);
      $("#play_pause").unbind('click');
      $("#play_pause").bind('click', startSlide);
    }

function initializeThumb(i)
	{
		if(Bilder[i]["infoPicNone"] == 1) {
			Bilder[i]["info_pic_url"] = "/html/img/1px_spacer.gif";
		}
		else {
			Bilder[i]["info_pic_url"] = Bilder[i]["urlInfoPic"];
		}	
		$(Bilder[i]["id"]).css("cursor", "pointer");
		bindAnimation(i);
	   $(Bilder[i]["id"]).click(function() {
		   currentImage = Bilder[i]["number"];
                   displayImage(currentImage);
	   });
	}
	
	function clickShowinfo()
	{
		showInfo = true;
		showPicinfo();
	}
	
	function clickHideinfo()
	{
		showInfo = false;		
		hidePicinfo();
	}
	
	function displayImage(displaytype)
	{	
	  
		  $(Bilder[currentImage]["id"]).animate({
			'margin-top': '0px'},
			'slow');
		
			
		 bindAnimation(lastImage);			
		 
		//$("#info_text_wrapper").html(Bilder[currentImage]["infotext"]);
		//$("#info_headline_wrapper").html(Bilder[currentImage]["infotopic"]);
		
		$('#curr_img_headline').html(Bilder[currentImage]["infotopic"]);
   		$('#curr_img_text').html(Bilder[currentImage]["infotext"]);
   		$('#curr_img_upload_pic').html(Bilder[currentImage]["urlInfoPic"]);


		if (showInfo) {
			if (Bilder[currentImage]["noPicInfo"] == 1) {
				hidePicinfo();
			}
			else {
				showPicinfo();
			}
		}
		
		$('#pic_title').html("Bild " + (currentImage + 1) + " von " + (Bilder.length) + " - " + Bilder[currentImage]["pic_title"]); 
		
		$(Bilder[currentImage]["id"]).unbind('mouseenter');
		$(Bilder[currentImage]["id"]).unbind('mouseleave');
		$(Bilder[currentImage]["id"]).animate({
			'margin-top': '11px'},
			'fast');	
		
		$('#info_pic').attr("src", Bilder[currentImage]["info_pic_url"]);
		$("#main_pic").attr("src", Bilder[currentImage]["url"]);
		$("#main_pic").attr("alt", Bilder[currentImage]["pic_title"]);
		$("#main_pic").attr("title", Bilder[currentImage]["infotext"]);

		$xhref = '/cms/admin/index.php?content_id='+ Bilder[currentImage]["dbid"];
              $('#curr_img_fedlink > a').attr('href',$xhref);
		
    if(displaytype != 'animation'){
        //aktuellen thumb nach links rücken
        nextThumb();
        
    }
    

		lastImage = currentImage;
	}
	
	function bindAnimation(i) {
		$(Bilder[i]["id"]).bind('mouseenter', function() {
		 $(Bilder[i]["id"]).stop();
		   $(Bilder[i]["id"]).animate({
		 'margin-top': '0px'
		 }, 'fast');
	   });
	   $(Bilder[i]["id"]).bind('mouseleave', function() {
		 $(Bilder[i]["id"]).stop();
		   $(Bilder[i]["id"]).animate({
		 'margin-top': '11px'
		 }, 'fast');
		 });
	}

// Grafiken vorladen
var graphic = new Array();
graphic[0] = new Image(); graphic[0].src = "/html/img/pause.jpg";
graphic[1] = new Image(); graphic[1].src = "/html/img/info_right.png";
graphic[2] = new Image(); graphic[2].src = "/html/img/info_no_right.png";
graphic[3] = new Image(); graphic[3].src = "/html/img/bg_02b.jpg";
graphic[4] = new Image(); graphic[4].src = "/html/img/bg_01b.jpg";

var Bilder = new Array();
var currentImage = 0;
var lastImage = currentImage;
var interval = 3000;
var timer = null;
var showInfo = true;
/* ]]> */var currentImage = 0;
var lastImage = currentImage;
var interval = 3000;
var timer = null;
var showInfo = true;
/* ]]> */// JavaScript Document
/* <![CDATA[ */