$(window).load(function(){
	$wall = $('#demo');
	
	$wall.masonry({
		singleMode: true,
		columnWidth: 175,
		// only apply masonry layout to visible elements
		itemSelector: '.box:not(.invis)',
		animate: true
	});
	
	
});

$(document).ready(function() {

	
	$('#postJax').hide();
	$('#postJax').center({transition:300});
	
	
	function changeBackground()
	{
		var bgArray = ["universe.jpg", 
						"universe.gif", 
						"universe2.gif",
						"universe3.gif",
						"universe4.gif",
						"universe5.gif",
						"universe6.gif",
						"universe7.gif",
						"universe8.gif",
						"universe10.gif",
						"universe11.gif",
						];
		$bgtile = bgArray[Math.floor(Math.random()*bgArray.length)];
		$("body").css("background", "url('http://idelacruz.com/wp-content/themes/kaleidoscope/images/" + $bgtile + "')");
	}
	
	function scrollPage()
	{
		  $(this).scrollTo(0);
	}
	
	
	$('.getPostByAjax').click(function(){
		
		scrollPage();
		changeBackground();
		$('.loader-ajax').remove();
		$('.black').remove();	
		$chromeback = $("<div class='black' title='close window'><div class='loader-ajax'><img src='http://idelacruz.com/wp-content/themes/kaleidoscope/images/ajax-loader.gif' /></div></div>");
		$chromeback.fadeTo('fast',0.8);	
		$chromeback.css({
			width : $(document).width(),
			height : $(document).height(),
			"background-color": "#000000",
			"cursor":"pointer"
		});		
		$chromeback.appendTo('body');
		
		$('#postJax').center({transition:300});
		$id = $(this).attr('rel');
		$href = $(this).attr('href');
		$title = $(this).attr('title');
			
		
			$("#postJax").fadeOut(function(){
				
				$('#postJax').load($href, function(){
				
					$(this).append("<div class='closeJax'>Close</div>");
											
					$chromeback.click(function(){
						$("#postJax").fadeOut(function(){
							$(".black").fadeOut('slow',function(){
								$('.black').remove();
							});
								$(this).css({
									"position":"fixed"
							});
						});
		
					});
					
					$(".closeJax").click(function(){
						$("#postJax").fadeOut(function(){
							$(".black").fadeOut('slow',function(){
								$('.black').remove();
							});
								$(this).css({
									"position":"fixed"
							});
						});
		
					});
					$('#postJax').center({transition:300});
					
					$("#postJax").fadeIn(function(){
						
						$('.loader-ajax').remove();

				});
			});
		});
		
		
		return false;
	});
	

	var speed = 1000;   // animation speed
	$wall = $('#demo');
	
	$wall.masonry({
		singleMode: true,
		columnWidth: 175,
		// only apply masonry layout to visible elements
		itemSelector: '.box:not(.invis)',
		animate: true
	});
	
	$('#filtering-nav a').click(function(){
		var colorClass = '.' + $(this).attr('class');
		
		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;
	});
	
	/*
	
	$(".navigation a").click(function(e){
		e.preventDefault();
		$link = $(this).attr('href');	
	
		$chromeback = $("<div class='black' title='close window'><div class='loader-ajax'><img src='http://idelacruz.com/wp-content/themes/kaleidoscope/images/ajax-loader.gif' /></div></div>");
		$chromeback.fadeTo('fast',0.8);	
		$chromeback.css({
			width : $(document).width(),
			height : $(document).height(),
			"background-color": "#000000",
			"cursor":"pointer"
		});		
		$chromeback.appendTo('body');
			
		$('body').load($link,function(){ 
						
			$wall.infinitescroll({
  				navSelector  : '#page_nav',  // selector for the paged navigation 
  				nextSelector : '#page_nav a',  // selector for the NEXT link (to page 2)
  				itemSelector : '.box',     // selector for all items you'll retrieve
  				loadingImg : 'img/loader.gif',
 				 donetext  : 'No more pages to load.',
 				 debug: false,
 				 errorCallback: function() { 
  				  // fade out the error message after 2 seconds
  				  $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');   
 				 }
  				},
  				// call masonry as a callback
 			 	function( newElements ) { 
   				 $(this).masonry({ appendedContent: $( $(this) ) }); 
  				}
			);			
		
			//$wall.masonry( { appendedContent: $(this) })		
    		//$(this).appendTo('#demo');    // once they're loaded, append them to our content area
		});
	
		//return false;
		
	});
	
	*/
	

	
	
	changeBackground();
	
	
});