//CodeJoust Project Page JS
$(document).ready(function() {
   		$('div.filter').html('<ul id="filter"> '
		+'<li>Sort by Technology:</li>' 
                + '<li class="current"><a href="#">All</a></li>'
		+'<li><a href="#"><acronym title="HypertextPreProcessor Code">PHP</acronym></a></li>'
		+'<li><a href="#"><acronym title="Asyncronous Javascript and XML - Loads data in background">AJAX</acronym></a></li>'
		+'<li><a href="#"><acronym title="jQuery Javascript - Visual Effects and Interactive Webpages">jQuery</acronym></a></li>'
		+'<li><a href="#">Wordpress</a></li>'
		+'<li><a href="#"><acronym title="Content Managament System">CMS</acronym></a></li>'
		+'<li><a href="#">Design</a></li>'
		+'<li><a href="#">Implementation</a></li>'
                +'<li><a href="#">SilverStripe</a></li>'
                +'<li><a href="#">FrogCMS</a></li></ul>'
		+'<br />');
		$('body.projects div.projectList div.filter ul li:not(:last-child)').append(' | ');
		
		 $("a.fancyBox").fancybox({
		'zoomSpeedIn':	520, 
		'zoomSpeedOut':	520, 
		'overlayShow':	true,
		'frameWidth':  1000,
		'frameHeight': 800
	});
        $('ul#filter a').click(function() {  
            $(this).css('outline','none');  
            $('ul#filter .current').removeClass('current');  
            $(this).parent().addClass('current');  
            var filterVal = $(this).text().toLowerCase();//.replace(' ','-');        
            if(filterVal == 'all') {  
               $('ul#projectsList li.hidden').fadeIn('slow').removeClass('hidden');  
           } else {  
               $('ul#projectsList li').each(function() {  
                   if(!$(this).hasClass(filterVal)) {  
                       $(this).fadeOut('normal').addClass('hidden');  
                   } else {  
                       $(this).fadeIn('slow').removeClass('hidden');  
                   }  
               });  
           }        
           return false;  
      });

	  $('body.projects ul#projectsList li img').hover(
	  function() {
	  	$(this).stop().fadeTo('slow', 1);
	  },
	  function() {
	  	$(this).stop().fadeTo('slow', 0.85);
	  }
	  );
 
		  
 });