$(document).ready(function() {
    
	
	
$('.ios #navi li a').click(function(){
		url = $(this).attr('href');
		window.location = url;
		return false;
	});
	
	

$(".infotext_wrapper").draggable();

    
    $( ".infotext_wrapper" ).bind( "dragstart", function(event, ui) {
        $('.help_button').fadeOut(); 
    });

    $( ".infotext_wrapper" ).bind( "dragstop", function(event, ui) {
        $('.help_button').fadeIn(); 

    
    });
    
    
/*////BROWSER CLASS BODY////*/				
    
$.each($.browser, function(i, val) {
if ($.browser.mozilla) {
  $('body').addClass("mozilla");
  }
  
if ($.browser.webkit) {
  $('body').addClass("webkit");
  }
  
});
 

    
    



$('.infotext').fadeIn();
toggle=-1;

$('.help_button').click(function() {
    $('.infotext').toggle(400);

    toggle=toggle*-1;
    
    if (toggle==1){
    $('.round_button').addClass("btn_plus");
    $('.round_button').removeClass("btn_minus");
    }
    
    if (toggle==-1){
    $('.round_button').addClass("btn_minus");
    $('.round_button').removeClass("btn_plus"); 
    }
      return false;
  });
 
    $('.help_button').mouseover(function() {
    $('.round_button').addClass("hover"); 
  });
  
    $('.help_button').mouseleave(function() {
    $('.round_button').removeClass("hover"); 
  });
  
  
  
  
     $('.btn_plus_navi').mouseover(function() {
    $('.btn_plus_navi').addClass("hover"); 
  });
  
    $('.btn_plus_navi').mouseleave(function() {
    $('.btn_plus_navi').removeClass("hover"); 
  });
  
       $('.btn_minus_navi').mouseover(function() {
    $('.btn_minus_navi').addClass("hover"); 
  });
  
    $('.btn_minus_navi').mouseleave(function() {
    $('.btn_minus_navi').removeClass("hover"); 
  });
  
  
     $('.btn_minus_kontakt').mouseover(function() {
    $('.btn_minus_kontakt').addClass("hover"); 
  });
  
    $('.btn_minus_kontakt').mouseleave(function() {
    $('.btn_minus_kontakt').removeClass("hover"); 
  });




$('.btn_minus_navi').click(function() {
    $('#navi').fadeOut(400);
    $('.btn_minus_navi').fadeOut();
    $('.btn_plus_navi').fadeIn();	
});

$('.btn_plus_navi').click(function() {
    $('#navi').fadeIn(400);
    $('.btn_plus_navi').fadeOut();
    $('.btn_minus_navi').fadeIn();
});



$('.btn_minus_kontakt').click(function() {
    $('#kontakt_wrapper').fadeOut(400);
});



buttonmargin=($('#navi').height())-48;

    
$(".btn_plus_navi").css({
          marginTop: buttonmargin});
$(".btn_minus_navi").css({
          marginTop: buttonmargin});		  
          

$('.kontakt').live('click', function(){  
$('#kontakt_wrapper').fadeIn();
  var content = 'kontakt.html'
  $.get(content, { }, function(data) {
     $('#kontakt').html(data);
      return false;
  });	
});


$('.impressum').live('click', function(){  
$('#kontakt_wrapper').fadeIn();
  var content = 'impressum.html'
  $.get(content, { }, function(data) {
     $('#kontakt').html(data);
      return false;
  });	
});



$('.links').live('click', function(){  
$('#kontakt_wrapper').fadeIn();
  var content = 'links.html'
  $.get(content, { }, function(data) {
     $('#kontakt').html(data);
      return false;
  });	
});




$("#navpoint3").html('<p class="kontakt">Kontakt</p>');
$("#navpoint4").html('<p class="impressum">Impressum</p>');
$("#navpoint5").html('<p class="links">Links</p>');

       	
});





$(function() {

    // Options for SuperBGImage
    $.fn.superbgimage.options = {
        id: 'superbgimage', // id for the containter
        z_index: 0, // z-index for the container
        inlineMode: 0, // 0-resize to browser size, 1-do not resize to browser-size
        showimage: 1, // number of first image to display
        vertical_center: 1, // 0-align top, 1-center vertical
        transition: 1, // 0-none, 1-fade, 2-slide down, 3-slide left, 4-slide top, 5-slide right, 6-blind horizontal, 7-blind vertical, 90-slide right/left, 91-slide top/down
        transitionout: 1, // 0-no transition for previous image, 1-transition for previous image
        randomtransition: 0, // 0-none, 1-use random transition (0-7)
        showtitle: 0, // 0-none, 1-show title
        slideshow: 0, // 0-none, 1-autostart slideshow
        slide_interval: 5000, // interval for the slideshow
        randomimage: 0, // 0-none, 1-random image
        speed: 'slow', // animation speed
        preload: 1, // 0-none, 1-preload images
        onShow: superbgimage_show, // function-callback show image
        onClick: superbgimage_click, // function-callback click image
        onHide: superbgimage_hide, // function-callback hide image
        onMouseenter: superbgimage_mouseenter, // function-callback mouseenter
        onMouseleave: superbgimage_mouseleave, // function-callback mouseleave
        onMousemove: superbgimage_mousemove // function-callback mousemove
    };

    // initialize SuperBGImage
    $('#thumbs1').superbgimage();

});

// function callback on hiding image
function superbgimage_hide(img) {
    $('#showtitle').fadeOut();
}

// function callback on showing image
// get title and display it
function superbgimage_show(img) {
    $('#superbgimage').css('background', 'none');
    $('#superbgimage').append($('#showtitle'));
    $('#showtitle p.imagecount').html('image ' + img + ' of ' + $.superbg_imgIndex);
    if ($('#thumbs1').css('display') == 'block') {
        $('#showtitle p.title').html($('#thumbs1 a' + "[rel='" + img + "']").attr('title'));
    } else {
        $('#showtitle p.title').html($('#thumbs2 a' + "[rel='" + img + "']").attr('title'));
    }
    $('#showtitle').fadeIn('fast');
}

// function callback on clicking image, show next slide
function superbgimage_click(img) {
    $('#thumbs').nextSlide();
}

my_slideshowActive = false;

// function callback onmouseenter, stop slideshow, show pause-indicator
function superbgimage_mouseenter(img) {
    if ($.superbg_slideshowActive) {
        my_slideshowActive = true;
        if ($('#pause').length == 0) { 
            $('body').prepend('<div id="pause"><img src="pause.png" \/><\/div>');
        }
        $('#pause').css('position', 'absolute').css('z-index', 3).fadeIn();
        return $('#thumbs').stopSlideShow();
    }
}

// function callback onmouseleave, start slideshow, hide pause-indicator
function superbgimage_mouseleave(img) {
    if (my_slideshowActive && ($('#pause').length > 0) && ($('#pause').css('display') == 'block'))  { 
        $('#pause').fadeOut();
        return $('#thumbs').startSlideShow();
    }	
}

// function callback onmousemove, show and move pause-indicator
function superbgimage_mousemove(img, e) {
    if (my_slideshowActive && ($('#pause').length > 0)) { 
        $("#pause").css("top",(e.pageY + 20) + "px").css("left",(e.pageX + 20) + "px").fadeIn();
    }
}