$(function() {
   var tmp;
	 var tmp2;
	 var cDiv="#thumbs1";
	 var lastObjC='a.loadset1'; 
   var thumbs=0;
function followMe(obj){
     $('#slider').animate({"left": $(obj).position().left,"top": $(obj).position().top ,"width": $(obj).width(),"height": $(obj).height()}, 200);
}	 

$(document).ready(function () {
$('a.loadset1').addClass('active'); 

$('#slider').css("display","none");
  
  $('a.loadset1').mouseenter(function() {
        followMe(this);
        
  });
 $('#control').mouseleave(function() {
        followMe(lastObjC);
  }); 
     
$('a.loadset2').mouseenter(function() {
        followMe(this);
  });
  $('a.loadset3').mouseenter(function() {
        followMe(this);
  });
  $('a.loadset4').mouseenter(function() {
        followMe(this);
  });
  $('a.loadset5').mouseenter(function() {
        followMe(this);
  });
  $('a.loadset6').mouseenter(function() {
        followMe(this);
  });
  $('a.loadset7').mouseenter(function() {
        followMe(this);
  });
  $('a.loadset8').mouseenter(function() {
        followMe(this);
  });
  $('a.loadset9').mouseenter(function() {
        followMe(this);
  });
  $('a.loadset10').mouseenter(function() {
        followMe(this);
  });
  $('a.loadsetKontakt').mouseenter(function() {
        followMe(this);
  });
  
 $('#btn_thumbs').mousedown(function() {
   
   if(thumbs==1){
    $("#div_thumbs").css("display", "none");
    thumbs=0;
    }
    else{
    $("#div_thumbs").css("display", "block");
    thumbs=1;
    }
  }).mouseenter(function() {
      followMe(lastObjC);  
  });
  
function elementResize() {
        var browserWidth = $(window).width();
              $('#slider').css("display","none");
        if ((browserWidth) < '1367'){
           $('#nav').addClass('schmal');
           $('#nav').removeClass('breit');
            $('#div_thumbs').addClass('thumbs_s');
           $('#div_thumbs').removeClass('thumbs_l');
        } else {
           $('#nav').addClass('breit');
           $('#nav').removeClass('schmal');
             $('#div_thumbs').addClass('thumbs_l');
           $('#div_thumbs').removeClass('thumbs_s');
        }
    }
    elementResize();
    cDiv= '#thumbs1';
   var scrolling = false;
$('#thumbs_li').mouseenter(function() {
      tmp=$(cDiv).width();
      tmp2=$('#thumbs_inner').width();
      if(tmp > tmp2){   
        scrolling = true;
        startScrollingLeft($("#scroll"), "+=100px");
      }
  }).mouseleave(function() {
   
     scrolling = false;


  });
    $('#thumbs_re').mouseenter(function() {
   
      tmp=$(cDiv).width();
      tmp2=$('#thumbs_inner').width();
      if(tmp > tmp2){
        scrolling = true;
        startScrollingRight($("#scroll"), "-=100px");
        }
      }).mouseleave(function() {
  scrolling = false;
});
function startScrollingLeft(obj, param)
{
if (!scrolling) 
{ obj.stop(); } 
else { obj.animate({"left": param}, "fast", 
function(){ if (scrolling) {
 var pos= $('#scroll').position();
var xlinks = pos.left;
if(xlinks<0){
 startScrollingLeft(obj, param); 
 }
 } }); 
}   
}
function startScrollingRight(obj, param)
{
if (!scrolling) 
{ obj.stop(); } 
else { obj.animate({"left": param}, "fast", 
function(){ if (scrolling) {
 var pos= $('#scroll').position();
var xlinks = pos.left;
if(xlinks>-1*$('#thumbs_inner').width()){
 startScrollingRight(obj, param); 
  }
  } }); 
}   
}
$(window).bind("resize", function(){
    elementResize();
    });
});
   for (var i = 1; i <= 10; i++)
          makeThumbLinks(i);
	// hide options
  function makeThumbLinks(i){
   $('a.loadset'+i).click(function(){
	lastObjC=this; 
  $("#kontakt").css('display','none');
  $("#arrow_li").css('display','block');
	$("#arrow_re").css('display','block');
	$("#scroll").css('left','0px');
	for(var tmp =1;  tmp <= 10; tmp++){
	if(tmp==i){
  $('a.loadset'+i).addClass('active'); 
  $('#thumbs'+i).superbgimage({ reload: true }).show().removeClass('hidden');
	}
  else{
  $('a.loadsetKontakt').removeClass('active');
  $('a.loadset'+tmp).removeClass('active');
  $('#thumbs'+tmp).hide().addClass('hidden');
	}
  }
  cDiv= '#thumbs'+i;  
	my_slideshowActive = false;
	$('#showtitle').hide();
	return false;
	});
  }
	// hide set 2
	 $('a.loadsetKontakt').click(function(){
	lastObjC=this; 
	$("#kontakt").css('display','block');
 $("#arrow_li").css('display','block');
	$("#arrow_re").css('display','block');
	$("#scroll").css('left','0px');
  $('a.loadsetKontakt').addClass('active'); 
  $('#thumbsKontakt').superbgimage({ reload: true }).show().removeClass('hidden');
  cDiv= '#thumbsKontakt';  
	
	for(var tmp =1;  tmp <= 10; tmp++){
  $('a.loadset'+tmp).removeClass('active');
  $('#thumbs'+tmp).hide().addClass('hidden');
  }
 	my_slideshowActive = false;
	$('#showtitle').hide();
	return false;
	});

  $("#thumbs2").hide().addClass('hidden');
	$("#thumbs3").hide().addClass('hidden');
	$("#thumbs4").hide().addClass('hidden');
	$("#thumbs5").hide().addClass('hidden');
	$("#thumbs6").hide().addClass('hidden');
	$("#thumbs7").hide().addClass('hidden');
	$("#thumbs8").hide().addClass('hidden');
	$("#thumbs9").hide().addClass('hidden');
	$("#thumbs10").hide().addClass('hidden');
	$("#thumbsKontakt").hide().addClass('hidden');
	// fade overlay with controls, fade container to display titles
	$('#overlay').fadeTo('slow', 0.5);
	

});