$(function(){

    if ( $("#mehr").length > 0 ) {
        $("#mehr").colorbox({
            width: "650px",
            height: "600px",
            iframe: true 
            });
	}
    
	if ( $("#thumbs").length > 0 ) {
		loadGallery();
	}
	
	if ( $("#shopthumbs").length > 0 ) {
		$("a[rel='lightbox']").colorbox();
	}
	
	if($('#content').hasClass('map')){
		initialize();
	}
	
	$("#preis-navi").tabs("div.tab");
	
	$(".info").hover(
	  function () {
	    $(this).find('span').show();
	  }, 
	  function () {
	   $(this).find('span').hide();
	  }
	);
	
	$("img.bw").hover(
		function() {
			$(this).stop().animate({"opacity": "0"}, "slow");
			$(this).parents('li').find('h2').css('color','#B5152B');
		},
		function() {
			$(this).stop().animate({"opacity": "1"}, "slow");
			$(this).parents('li').find('h2').css('color','#585858');
		});
		
	$("input:checkbox").click(function() {
		var parentli = $(this).parents('li');
		if(parentli.hasClass('selectedphoto')){
			parentli.removeClass('selectedphoto');
		} else {
		parentli.addClass('selectedphoto');
	}
	});

//	$('#dynclick a').live('click', function() {
//		currentHref = $(this).attr('href');
//		requestPage(currentHref);
//		return false;
//	});



});

function requestPage(href) {
	$.ajax({
		type: "POST",
		url: href,
		success: function(data) {
			$('#dynclick').fadeOut();
			$('#gallery-navi').fadeIn();
			$(data).insertAfter('#dynclick');
			$('#gallery').fadeIn();
			loadGallery();
		}
	});
}

function loadGallery(){
	var gallery = $('#thumbs').galleriffic({
		delay:                     3000, // in milliseconds
		numThumbs:                 15, // The number of thumbnails to show page
		preloadAhead:              40, // Set to -1 to preload all images
		enableTopPager:            false,
		enableBottomPager:         true,
		maxPagesToShow:            7,  // The maximum number of pages to display in either the top or bottom pager
		imageContainerSel:         '#slideshow',
		controlsContainerSel:      '#controls',
		captionContainerSel:       '#caption',
		loadingContainerSel:       '#loading',
		renderSSControls:          false, // Specifies whether the slideshow's Play and Pause links should be rendered
		renderNavControls:         true, // Specifies whether the slideshow's Next and Previous links should be rendered
		playLinkText:              'Play',
		pauseLinkText:             'Pause',
		prevLinkText:              'Vorheriges Bild',
		nextLinkText:              'Nächstes Bild',
		nextPageLinkText:          'Weiter &rsaquo;',
		prevPageLinkText:          '&lsaquo; Zurück',
		enableHistory:             false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
		enableKeyboardNavigation:  true, // Specifies whether keyboard navigation is enabled
		autoStart:                 false, // Specifies whether the slideshow should be playing or paused when the page first loads
		syncTransitions:           false, // Specifies whether the out and in transitions occur simultaneously or distinctly
		defaultTransitionDuration: 1000, // If using the default transitions, specifies the duration of the transitions
		onSlideChange:             undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
		onTransitionOut:           undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... }
		onTransitionIn:            undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... }
		onPageTransitionOut:       undefined, // accepts a delegate like such: function(callback) { ... }
		onPageTransitionIn:        undefined, // accepts a delegate like such: function() { ... }
		onImageAdded:              undefined, // accepts a delegate like such: function(imageData, $li) { ... }
		onImageRemoved:            undefined  // accepts a delegate like such: function(imageData, $li) { ... }
	});
    
    $('a.thumb.video').click(function(){
       // alert('lala')
        });
}

function initialize() {
  var latlng = new google.maps.LatLng(53.2516708250419, 10.411219596862793);
  var myOptions = {
    zoom: 15,
    center: latlng,
     mapTypeControlOptions: {
      style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
  },

    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  var marker = new google.maps.Marker({
  position: latlng,
  map: map,
  clickable: true
 });
}
