function get_GET_params() {
   var GET = new Array();
   if(location.search.length > 0) {
      var get_param_str = location.search.substring(1, location.search.length);
      var get_params = get_param_str.split("&");
      for(i = 0; i < get_params.length; i++) {
         var key_value = get_params[i].split("=");
         if(key_value.length == 2) {
            var key = key_value[0];
            var value = key_value[1];
            GET[key] = value;
         }
      }
   }
   return(GET);
}

function get_GET_param(key) {
   var get_params = get_GET_params();
   if(get_params[key])
      return(get_params[key]);
   else
      return false;
}
jQuery(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 930;
  var slides = jQuery('.slide');
  var numberOfSlides = slides.length;
  var refid;
  var refh0='1015px'; /* 3 Minibilder, 3 Leistungen, 6 Infotextzeilen -- Minibild: 171px // Leistung: 31px // Infotextzeile: 15px */
  var refh1='1015px';
  var refh2='560px';
  var refh3='1015px';

  document.getElementById("navi_top").innerHTML = '<div class="navi_dot" id="ref0" style="background-image:url(img/navi_dot_hover.png);"></div><div class="navi_dot" id="ref1"></div><div class="navi_dot" id="ref2"></div>';

  // Remove scrollbar in JS
  jQuery('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  jQuery('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  jQuery('#slideshow')
    .prepend('<div class="control" id="leftControl"></div>')
    .append('<div class="control" id="rightControl"></div>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  jQuery('.control')
    .bind('click', function(){
    // Determine new position
	document.getElementById('ref'+(currentPosition)).style.backgroundImage = "url(img/navi_dot.png)";
	currentPosition = (jQuery(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
	document.getElementById('ref'+(currentPosition)).style.backgroundImage = "url(img/navi_dot_hover.png)";
	document.getElementById('slidesContainer').style.height = eval('refh'+currentPosition);
	// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    jQuery('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

    //refid
  refid = get_GET_param("id");
  switch (refid)
	{
	case '2' :
	currentPosition = 1;
	document.getElementById('ref1').style.backgroundImage = "url(img/navi_dot_hover.png)";
	document.getElementById('ref0').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('ref2').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('slidesContainer').style.height = refh1;
	manageControls(currentPosition);
    // Move slideInner using margin-left
    jQuery('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
    break;
	case '3' :
	currentPosition = 2;
	document.getElementById('ref1').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('ref0').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('ref2').style.backgroundImage = "url(img/navi_dot_hover.png)";
	document.getElementById('slidesContainer').style.height = refh2;
	manageControls(currentPosition);
    // Move slideInner using margin-left
    jQuery('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
    break;
	case '4' :
	currentPosition = 3;
	document.getElementById('ref1').style.backgroundImage = "url(img/navi_dot_hover.png)";
	document.getElementById('ref0').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('ref2').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('slidesContainer').style.height = refh3;
	manageControls(currentPosition);
    // Move slideInner using margin-left
    jQuery('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
    break;
	default:
    //nichts
	document.getElementById('slidesContainer').style.height = refh0;
	}
  //refidende

  jQuery('.navi_dot')
    .bind('click', function(){
    // Determine new position
	//currentPosition = (jQuery(this).attr('id')=='ref2') ? currentPosition+1 : currentPosition-1;

	switch (jQuery(this).attr('id'))
	{
	case 'ref0' :
	currentPosition = 0;
	document.getElementById('ref1').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('ref0').style.backgroundImage = "url(img/navi_dot_hover.png)";
	document.getElementById('ref2').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('slidesContainer').style.height = refh0;
    break;
	case 'ref1' :
	currentPosition = 1;
	document.getElementById('ref1').style.backgroundImage = "url(img/navi_dot_hover.png)";
	document.getElementById('ref0').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('ref2').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('slidesContainer').style.height = refh1;
    break;
	case 'ref2' :
	currentPosition = 2;
	document.getElementById('ref1').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('ref0').style.backgroundImage = "url(img/navi_dot.png)";
	document.getElementById('ref2').style.backgroundImage = "url(img/navi_dot_hover.png)";
	document.getElementById('slidesContainer').style.height = refh2;
    break;
	default:
    alert('Falsche Zahl!');
	}
	// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    jQuery('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
	if(position==0){ jQuery('#leftControl').hide() } else{ jQuery('#leftControl').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ jQuery('#rightControl').hide() } else{ jQuery('#rightControl').show() }
  }
});