/* Masonry */
$(function(){
  $('#maincontent').masonry({
	columnWidth: 117, 
	itemSelector: '.box' 
	});
});
 

/* Animations */
$(function() {
  $('.box').hide();
  /* Side Navigation fade in loop */
  function outer(){
	  var a = -2;
	  function inner(){
		  if(a===$('.box').length){return;}
		  a++;
		  $('.box').eq(a).fadeIn(100,function(){fader();});
	  }
  return inner;
  }
  var fader = outer();
  fader();
});
$(function() {
  $('.box').hide();
  /* Side Navigation fade in loop */
  function outer(){
	  var a = 12;
	  function inner(){
		  if(a===$('.box').length){return;}
		  a++;
		  $('.box').eq(a).fadeIn(100,function(){fader();});
	  }
  return inner;
  }
  var fader = outer();
  fader();
});
 
 
/* Hover Action */
$(document).ready(function(){
  $('.hit').hover(function(){
	$(this).css("cursor","pointer");  
	$(this).find('img').addClass("hide");
  },function(){
	$(this).find('img').removeClass("hide");
  });
});
 
 
/* OnClick Action */
$(document).ready(function() {
    $('.hit').click(function() {

        var videoId = $(this).find("a").attr("id");
        $('.hider').css("height", 289);
        $('.box').animate({ opacity: '0.25', filter: 'alpha(opacity = 25)' }, 300);
        $('.videobox').css("display", "block");
        $('.videobox').fadeTo("normal", 1);
        $('.videobox').append("<p></p>");
        ///alert('/_layouts/ccacokecareer/Video.aspx?' + videoId);
        $('.videobox').find('p').load('/_layouts/ccacokecareer/Video.aspx?VideoId=' + videoId);
        $('.videotitle').css("height", 141);
        $('.videotitle').append("<p>CLOSE</p>");
    });
});

/* OnClick Action */  
$(document).ready(function(){
  $('.hider').click(function(){
	$('.videobox').fadeTo("normal", 0);
	$('.videobox').find('p').replaceWith(""); 
	$('.box').animate({opacity: '1', filter: 'alpha(opacity = 100)'},300,function(){$('.videobox').css("display","none");});
	$('.hider').css("height","0"); 
	$('.videotitle').css("height",0); 
	$('.videotitle').find('p').replaceWith(""); 
  });
});