jQuery(document).ready(function() {
	$("a.fancybox").fancybox({
		'transitionIn' : 'none',
		'transitionOut' : 'none',
		'titlePosition' : 'over',
		'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
	});
	
	$('img').each(function() {
	        if ($(this).attr('title')) {
	                if ($(this).attr('style')) {
	                        $(this).wrap('<div class="captionwrapper" style="'+ $(this).attr('style') + '"></div>').after('<div  class="caption">' + $(this).attr('title') + '</div>');
	                } else {
	                        $(this).wrap('<div class="captionwrapper"></div>').after('<div  class="caption">' + $(this).attr('title') + '</div>');
	                }
                    $(this).removeAttr('style');
                }
        });
			  
//	$("a#productslide").toggle(function(){
//		$("div#products").animate({ height: 'hide', opacity: 'hide' }, 'slow');
//	},function(){
//		$("div#products").animate({ height: 'show', opacity: 'show' }, 'slow');
//	}) 

	
	$("a#productslide").toggle(function(){
		$("div#products").animate({ height: 'show', opacity: 'show' }, 'fast');
	},function(){

		$("div#products").animate({ height: 'hide', opacity: 'hide' }, 'fast');
	})
});

$(function() {

    $("#gallery_134").jCarouselLite({
    	visible: 4,
    	scroll: 1,
    	circular: false,
        btnNext: ".next134",
        btnPrev: ".prev134"

    });
    $("#gallery_172").jCarouselLite({
    	visible: 2,
    	scroll: 1,
    	circular: false,
        //btnNext: ".next135",
        //btnPrev: ".prev135"
    });
    $("#gallery_174").jCarouselLite({
    	visible: 4,
    	scroll: 1,
    	circular: false,
        //btnNext: ".next174",
        //btnPrev: ".prev174"
    });
    
    $("#gallery_136").jCarouselLite({
    	visible: 4,
    	scroll: 1,
    	circular: false,
        btnNext: ".next136",
        btnPrev: ".prev136"
    });
    
    $("#gallery_137").jCarouselLite({
    	visible: 4,
    	scroll: 1,
    	circular: false,
        btnNext: ".next137",
        btnPrev: ".prev137"
    });
    $("div#products").hide();
    
        $('#kategorien')
		        .after('<ul id="featurednav">')
		        .cycle({
			        fx:     'fade',
			        speed:  'fast',
			        timeout: 0,
			        pager:  '#featurednav',
            		pagerAnchorBuilder: function(idx, slide) {
            			return '<li><a href="#">' + $(slide).find('h2').text() + '</a></li>';
            		}
            	});

    
        $('.thumbnail').each(function () {
            // options
            var distance = 10;
            var time = 250;
            var hideDelay = 1000;

            var hideDelayTimer = null;

            // tracker
            var beingShown = false;
            var shown = false;
            
            var trigger = $('.galimg', this);
            var popup = $('.popup', this).css('opacity', 1);

            // set the mouseover and mouseout on both element
            $([trigger.get(0), popup.get(0)]).mouseover(function () {
              // stops the hide event if we move from the trigger to the popup element
              if (hideDelayTimer) clearTimeout(hideDelayTimer);

              // don't trigger the animation again if we're being shown, or already visible
              if (beingShown || shown) {
                return;
              } else {
                beingShown = true;

                // reset position of popup box
                popup.css({
                  top: 10,
                  bottom: 0,
                  left: 0,
                  display: 'block' // brings the popup back in to view
                })

                // (we're using chaining on the popup) now animate it's opacity and position
                .animate({
                  top: '-=' + distance + 'px',
                  opacity: 1
                }, time, 'swing', function() {
                  // once the animation is complete, set the tracker variables
                  beingShown = false;
                  shown = true;
                });
              }
            }).mouseout(function () {
              // reset the timer if we get fired again - avoids double animations
              if (hideDelayTimer) clearTimeout(hideDelayTimer);
              
              // store the timer so that it can be cleared in the mouseover if required
              hideDelayTimer = setTimeout(function () {
                hideDelayTimer = null;
                popup.animate({
                  top: '-=' + distance + 'px',
                  opacity: 0
                }, time, 'swing', function () {
                  // once the animate is complete, set the tracker variables
                  shown = false;
                  // hide the popup entirely after the effect (opacity alone doesn't do the job)
                  popup.css('display', 'none');
                });
              }, hideDelay);
            });
          });

});