$(document).ready(function() {
    
    // fancybox Merkzettel 
    $("a.note").fancybox({
        frameHeight: 580,
        frameWidth: 500
    });
    
    // fancybox weitclick
    $("a.shop").fancybox({
        frameHeight: 600,
        frameWidth: 565
    });
    
    // fancybox für Bilder
    $("#mainimage").fancybox();
    $(".smallimage").fancybox();
    
    // fancybox Mail
    $("#cartmail").fancybox({
        frameHeight: 140,
        frameWidth: 600
    });

	// Image Slider Modul
	$('.imageTop').fadeIn('slow');
	$('.imageBottom1').fadeIn('slow');
	$('.imageBottom2').fadeIn('slow');
    
//	initTatzen(1);
});

//Funktion zur Darstellung des Merkzettel-Links in Sidebar
function cartUpdate(items)
{
    if(items)
    {
        parent.$('#MzCount').text(items);
        parent.$('#MzSidebar').show();
    }
    else
    {
        parent.$('#MzSidebar').hide();
    }
}

function picSlideDefault()
{
	jQuery(".slideshow").each(function(){
	{
		var box = jQuery(this).children("div.slidebox");
		var slideOffset = jQuery(box).children('img:eq(0)').width(); // Breite des Bildes
		jQuery(box).animate( { marginLeft: -slideOffset+'px'}, 500,function()
		{
			var clone1 = jQuery(box).children('img:eq(0)');
			jQuery(clone1).remove();
			jQuery(clone1).appendTo(jQuery(box));
			jQuery(box).css('margin-left','0px')
			});
 		}
	});
}

tatzencounter = 0;
tatzentimer = '';

// Tatzen
function initTatzen(timer)
{	
	timer = timer? timer:(Math.floor((Math.random() * 10) + 5))*1000;
	//console.log(timer);
	setTimeout( 'startTatzen()', timer);
}

function startTatzen()
{
	tatzencounter = 0;
	var baseposition = jQuery('#mm-logo').offset();
	jQuery('.moveme').removeClass('moveme');
	jQuery('#tatze-ol').css('top',(baseposition.top+10)).css('left',(baseposition.left-100)).addClass('moveme').fadeIn(500);
	setTimeout(function(){
		jQuery('#tatze-or').css('top',(baseposition.top-80)).css('left',(baseposition.left-100)).fadeIn(500);
		tatzentimer = setInterval( moveTatzen, 300);
	},300);
}



function moveTatzen()
{	
	jQuery('.moveme').each(function(){
		if(jQuery(this).is(":visible"))
		{
			var element = jQuery(this);
			var offset = element.offset();
			if(offset.left > 300)
			{
				element.fadeOut(500,function(){
					jQuery(this).css('top',(offset.top-40)).css('left',(offset.left-100)).fadeIn(500);
				});
			}
			else
			{
				jQuery(this).fadeOut(500);
			}
		jQuery('.tr, .tl').toggleClass('moveme');
		}
		else
		{
			clearInterval(tatzentimer);
			initTatzen();
		}
	}); 
}