/// <reference path="jquery.intellisense.js"/>  

$(document).ready(function(){

//  $('.view-project .dsimage').wrap('<div class="shadow-container"><div class="shadow1"><div class="shadow2"><div class="shadow3"><div class="container"></div></div></div></div></div>');
//  $('.view-project .dsimage').each(function(){
//    var $img = $(this);
//    $img.parents('.shadow-container').css({
//      width:parseInt($img.width(),10)+2,
//      margin:'auto'
//    });
//  });

  $('.view-project .webcam').each(function(){
    var $parent = $(this).parent();
    var $img = $parent.find('img');
    var ml = $img.offset().left - $parent.offset().left + 2;
    //$(this).css('margin-left',ml + 'px');
  });

  $('.view-project .project-image').click(launchProjectModal);
  $('.view-project .project-more').click(launchProjectModal);
  
  function launchProjectModal(){
    $(this).parents('.view-project').find('.project-image img').animate({
      opacity:.5
    },0);
    
    var $parent = $(this).parents('.view-project');
    var $img = $(this).parents('.view-project').find('.project-image img');
    var $load = $parent.find('.project-load');
    $load.css({
      display:'block',
      zIndex:parseInt($img.css('z-index'),10)+1,
      width:$parent.width(),
      height:$img.height(),
      marginTop:-$img.height()
    });
    var ml = $load.offset().left - $parent.offset().left;
    $load.css('margin-left',-ml + 'px');
    
    var id = $parent.attr('id');
    var title = $(this).parent().siblings('.project-title').text();
    $('#featured-project').text(title);
    
    $.npModal({
      ajax:'../markets/slideshow.aspx?id=' + id,
      isModal:true,
      enableDrag:false,
      width:'720px',
      height:'550px',
      closeCallback:function (){
        $('.project-load').hide();
        $('.view-project img').animate({
          opacity:1
        },0);
        $('#modalTarget').hide(0);
      }
    });
  }
});