var init = false;
var bewegeBildInterval;
var direction;
var achse; 
var x, y, tops, left, down;
var objWidth,objectHeight;
var currWidth, currHeight;
var shiftDown=false;
var objectCounter=0;
var targetPanoID;
var panoramaNummer=0;
var panoramaSrcWidth=0;
var panoramaSrcHeight=0;

//function popup (url) 
//{
// fenster = window.open(url,  "Popupfenster", "width=758,height=300,resizable=yes");
//fenster.focus();
// return false;
//}

	
$(document).ready(function() 
{
   $('.altOhneJavascript').css("display","none");
   
   var pathname = window.location.pathname;	
   if(pathname=="/de/naturerleben/waldwandelweg/")
   {
     $('.margiBild_pano').attr("onClick","window.open('', 'popup', 'width=600,height=450,scrollbars=no, toolbar=no,status=no, resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')");
     $('.margiBild_pano').attr("target","popup");
   }
   else
   {
     $('.margiBild_pano').attr("onClick","window.open('', 'popup', 'width=758,height=300,scrollbars=no, toolbar=no,status=no, resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')");
     $('.margiBild_pano').attr("target","popup")
   }
});

$(window).load(function() 
{
   $('.preloaderContainer').slideUp('slow',pano());
});


function generateImages(objectNumber)
{
     panoramaSrcWidth = $(objektVariableID).children("img").width();
     panoramaSrcHeight = $(objektVariableID).children("img").height();  
     
     var objektVariableID="#object_"+objectNumber;
     
     $(objektVariableID).css("height",panoramaSrcHeight);
	
     $(objektVariableID).children("img").clone().appendTo(objektVariableID);
     $(objektVariableID).children("img").clone().appendTo(objektVariableID);
}


function pano()
{
   $('.panoramaSeround').height('21em');
   
   $('.object').show();
   $('.static').show();
   
   if(navigator.appName.length==27)
   {
      $(".object").children("img").attr("title","");
      $(".moveHref").css('boder','2px solid');
      var heighti= $('#content').height()+($('.panoramaSeround').height()/2)*objectCounter ;
      $('#content').height(heighti)
   }
   else
   {
      $(".object").children("img").removeAttr("title");
   };
		
   $(".object").width(8000);
   $(".draggableStuff").css('height','16.7em');
   $(".draggableStuff").scrollTop(200);
   $(".draggableStuff").scrollLeft(-1500);
   $('.draggableStuff').mousedown(function(e) 
   {
      targetPanoID="#"+this.id;
      e.preventDefault();
      down = true;
      x = e.pageX;
      y = e.pageY;
      topf = $(targetPanoID).scrollTop();
      left = $(targetPanoID).scrollLeft();
      currWidth = $(targetPanoID).children("div").children("img").width()*4;
      currHeight = $(targetPanoID).children("div").children("img").height();
     });

   $(".moveHref").mouseup(function(e)
   {
      init =true;
      $(this).blur()
      deleteInterval(bewegeBildInterval);
   });
               
   $(".draggableStuff").mouseout(function(e) 
   {
      down = false;	
   });
            
   $(".draggableStuff").mousemove(function(event)
   {
      if (down)
      { 
	var newX = event.pageX;
	var newY = event.pageY;

	$(targetPanoID).scrollTop(topf - newY + y);
	$(targetPanoID).scrollLeft(left - newX + x);
				
	if($(targetPanoID).scrollLeft()>currWidth/4*2)
	{
	   $(targetPanoID).scrollLeft(currWidth/4);		
	}
		
	if($(targetPanoID).scrollLeft()==0)
	{
	    $(targetPanoID).scrollLeft(currWidth/4);	
	} 
	return false;
      }
    });

    $(".draggableStuff").mouseup(function(e) 
    {
        down = false;
  	deleteInterval(bewegeBildInterval);
    });
			
    $(document).keydown(function(event)
    {
        if(event.shiftKey){shiftDown=true;}
   	if (event.keyCode == '38')
	{
  	  movePicture(-1, 'vertical');
	}
	if (event.keyCode == '40')
	{
	  movePicture(1, 'vertical');
	}
	if (event.keyCode == '37')
	{
	  movePicture(-1,'horizontal');
	}
	if (event.keyCode == '39')
	{
	   movePicture(1,'horizontal');
	}
     });
		
     $(document).keyup(function(event) 
     {
	deleteInterval(bewegeBildInterval);
        if(event.shiftKey){shiftDown=false;}
     });
}

function movePanorama(hans,georg,fritz)
{  
    if(shiftDown==true){movePicture(hans, georg,fritz);shiftDown=false;}
    else{movePicture(hans, georg,fritz);deleteInterval(bewegeBildInterval);}
}	
function movePicture(richtung, hund,panoramaNummer)
{
    bewegendesPanorama=panoramaNummer;
    direction = richtung;
    achse = hund;
    if (init == false) 
    {
	bewegeBildInterval = setInterval("move()", 30);
	init = true;
    }
}

function move() 
{
   if (achse == "horizontal") 
   {
	var newX = $(bewegendesPanorama).scrollLeft()+ (5 * direction);
	$(bewegendesPanorama).scrollLeft(newX);
   }
   else if (achse == "vertical") 
   {
	var newY = $(bewegendesPanorama).scrollTop() + (5 * direction);
	$(bewegendesPanorama).scrollTop(newY);
   }
	
   if(	$(bewegendesPanorama).scrollLeft()>currWidth/4*2)
   {
	$(bewegendesPanorama).scrollLeft(currWidth/4);					
   }
	
   if(	$(bewegendesPanorama).scrollLeft()==0)
   {
	$(bewegendesPanorama).scrollLeft(currWidth/4);					
   }
}

function deleteInterval(intervalToDelete) 
{
   clearInterval(intervalToDelete);
   init = false;
}


var panorama_head_id;
var panorama_head_timer;
var init_automove=false;
function autoMovePanorama(panorama_id)
{
   if(init_automove==false)
   {
     panorama_head_timer= window.setInterval("updatePanoramaHeader()", 50);
     panorama_head_id=panorama_id;
     init_automove=true;
   }
}
$(panorama_head_id).mousedown(deleteInterval(panorama_head_timer));
$(panorama_head_id).mousedown(deleteInterval(bewegeBildInterval ));

function updatePanoramaHeader()
{
    movePicture(-0.1, 'horizontal',panorama_head_id);
}