$(document).ready(function(){
   // jQuery-Beispiele hier einfügen


$('#starter_img').click(function () {  
        $(this).hide();  
        $('#starter').hide();  
        $('#starter_img').hide(); 
		$('#allpost').show();
		$('body,html').animate({
		scrollTop: 0
		},
		400);

});           

// Masonry Filterfunktion
var
  speed = 250,  // animation speed
  $wall = $('#allpost').find('.wrap')
;

$wall.masonry({
  columnWidth: 20, 
  itemSelector: '.box:not(.invis)',
  animate: true,
  animationOptions: {
    duration: speed,
    queue: false
  }
});

$('#filtering-nav a').click(function(){
  var colorClass = '.' + $(this).attr('class');
	// scroll to top
		$('body,html').animate({
		scrollTop: 0
		},
		400);

  if(colorClass=='.all') {
    // show all hidden boxes
    $wall.children('.invis')
      .toggleClass('invis').fadeIn(speed);
  } else {  
    // hide visible boxes 
    $wall.children().not(colorClass).not('.invis')
      .toggleClass('invis').fadeOut(speed);
    // show hidden boxes
    $wall.children(colorClass+'.invis')
      .toggleClass('invis').fadeIn(speed);
  }
  $wall.masonry();

  return false;
});

 // Mouseover bei Posts
		$(".box").mouseover(function() {
			var r = 1 + 6 * (Math.random());
			r = Math.round(r);
			var color = "#fff";
			switch (r) {
				case 1: color = "#EEEEEE";
				break;
				case 2: color = "#EEEEEE";
				break;
				case 3: color = "#EEEEEE";
				break;
				case 4: color = "#EEEEEE";
				break;
				case 5: color = "#EEEEEE";
				break;
				case 6: color = "#EEEEEE";
				break;
				case 7: color = "#EEEEEE";
				break;
			}
			$(this).css('background-color', color);
			$(this).attr("color", color);
		})
		
		$(".box").mouseout(function() {
			$(this).css('background-color', '#fff');
		})

$('#allpost').hide()

}); 
 
 //POPUP

var timeout	= 100;
var closetimer	= 0;
var ddmenuitem	= 0;

function mopen(id)
{	
	mcancelclosetime();
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
}
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}
document.onclick = mclose; 





$(document).ready(function() {    
    $('a[name=modal]').click(function(e) {  
        e.preventDefault();  
        var id = $(this).attr('href'); 
		$('body,html').animate({
		scrollTop: 0
		},
		400);
		$('#navigation').hide();
		$('#allpost').hide();

        var maskHeight = $(document).height();  
        var maskWidth = $(window).width();  

        $('#mask').css({'width':maskWidth,'height':maskHeight});  
        $('#mask').fadeIn(100);      
        $('#mask').fadeTo("slow",1);
        var winH = $(window).height();  
        var winW = $(window).width();
        $(id).css('top',  winH/2-$(id).height()/2);  
        $(id).css('left', winW/2-$(id).width()/2);  

        $(id).fadeIn(100);   
     
	 
	 
    });
    $('.window .close').click(function (e) { 
        e.preventDefault();  
        $('#navigation').show();
		$('#allpost').show();
		$('#mask, .window').hide(); 
		$('body,html').animate({
		scrollTop: 0
		},
		0);
    });
    $('#mask').click(function () {  
        $(this).hide();  
		$('#navigation').show();
		$('#allpost').show();
		$('.window').hide();
		$('body,html').animate({
		scrollTop: 0
		},
		0);
    }); 
	 $('#boxes .window').click(function () {  
        $(this).hide();  
		$('#navigation').show();
		$('#allpost').show();
		$('#mask, .window').hide();
		$('body,html').animate({
		scrollTop: 0
		},
		0);
    }); 
      
});


function MM_effectAppearFade(targetElement, duration, from, to, toggle)
{
	Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
}

function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}