$(document).ready(function(){
//document is ready
	


/*
	ADDED BY WOUTER 
	$(function(){
		$(".tooltip").tipTip();
	});
	*/
	
	
var originalHeight;

$(".project-image-wrapper").click(

	function(event) {
		
		/* event.preventDefault(); */
		
		if(originalHeight == null){ 
			originalHeight = $('.project-image-wrapper').css('height');
		}
		
		if($('.project-image-wrapper').css('height') > originalHeight){
			//close now
			$(".project-image-wrapper").animate( { height: originalHeight}, 500 );
			
		}else{
			//open now
			$(".project-image-wrapper").animate( { height: $('.project-image-wrapper img').css('height')}, 500 );
		}
	
	}
	
);


//portfolio filter
$(function() {
	
	var $onlineItemsClone = $('.all-projects').clone().removeClass('all-projects').addClass('online-items-clone').css('display','none').insertAfter($('.all-projects'));
	var $offlineItemsClone = $('.all-projects').clone().removeClass('all-projects').addClass('offline-items-clone').css('display','none').insertAfter($('.all-projects'));
	
	$('.online-items-clone .project-is-offline').remove();
	$('.offline-items-clone .project-is-online').remove();
	
	//$('.online-items-clone li').removeClass('right');
	//$('.offline-items-clone li').removeClass('right');
	
	var i;

	//apply right class where needed
	i = 0;
	$('.online-items-clone li').each(function(){
		if(i % 2 == 0){
			$(this).removeClass('right');
		}else{
			$(this).addClass('right');
		}
		i++;
	});
	
	i = 0;
	$('.offline-items-clone li').each(function(){
		if(i % 2 == 0){
			$(this).removeClass('right');
		}else{
			$(this).addClass('right');
		}
		i++;
	});
	
	
	
	
	// all items
	var allItems = "";
	$('.all-projects').each(function(){
		allItems += $(this).html();
	});
	allItems = "<ul>" + allItems + "</ul>";
	
	
	//online items
	var onlineItems = "";
	$('.online-items-clone').each(function(){
		onlineItems += $(this).html();
	});
	onlineItems = "<ul>" + onlineItems + "</ul>";
	
	
	//offline items
	var offlineItems = "";
	$('.offline-items-clone').each(function(){
		offlineItems += $(this).html();
	});
	offlineItems = "<ul>" + offlineItems + "</ul>";
	
	// cleanup
	$('.online-items-clone').remove();
	$('.offline-items-clone').remove();
	
	
	
	// set height for smooth animation
	$('.all-projects').append('<li class="clear"></li>');
	
	var allHeight = $('.all-projects').height();
	$('.all-projects').css('display','block');
	$('.all-projects').css('height',allHeight);
	
	$('.all-projects li.clear').remove();
	
	
	var $duration = 750;
	
	$('a.show-online-projects').click(function(e) {
		$('.all-projects').quicksand( $(onlineItems).find('li'),{duration: $duration, adjustHeight: 'dynamic'} );
		e.preventDefault();
    });
	
	$('a.show-offline-projects').click(function(e) {
		$('.all-projects').quicksand( $(offlineItems).find('li'),{duration: $duration, adjustHeight: 'dynamic'} );
		e.preventDefault();
    });
	
	$('a.show-all-projects').click(function(e) {
		$('.all-projects').quicksand( $(allItems).find('li'),{duration: $duration, adjustHeight: 'dynamic'} );
		e.preventDefault();
    });
	
	
	//filter controls
	var read_button = function(class_names) {
    var r = {
      selected: false,
      type: 0
    };
    for (var i=0; i < class_names.length; i++) {
      if (class_names[i].indexOf('selected-') == 0) {
        r.selected = true;
      }
      if (class_names[i].indexOf('segment-') == 0) {
        r.segment = class_names[i].split('-')[1];
      }
    };
    return r;
  };
	
	
  var $controls = $('ul.portfolio-filter ul');
  
  $controls.each(function(i) {
    
    var $control = $(this);
    var $buttons = $control.find('a');
    
    $buttons.bind('click', function(e) {
      
      var $button = $(this);
      var $button_container = $button.parent();
      var button_properties = read_button($button_container.attr('class').split(' '));      
      var selected = button_properties.selected;
      var button_segment = button_properties.segment;

      if (!selected) {

        $buttons.parent().removeClass('selected-0').removeClass('selected-1').removeClass('selected-2');
        $button_container.addClass('selected-' + button_segment);
        
		/*
        var sorting_type = determine_sort($controls.eq(1).find('a'));
        var sorting_kind = determine_kind($controls.eq(0).find('a'));
        
        if (sorting_kind == 'all') {
          var $filtered_data = $data.find('li');
        } else {
          var $filtered_data = $data.find('li.' + sorting_kind);
        }
        
        if (sorting_type == 'size') {
          var $sorted_data = $filtered_data.sorted({
            by: function(v) {
              return parseFloat($(v).find('span').text());
            }
          });
        } else {
          var $sorted_data = $filtered_data.sorted({
            by: function(v) {
              return $(v).find('strong').text().toLowerCase();
            }
          });
        }
        
        $list.quicksand($sorted_data, $preferences);
        */
      }
      
      //e.preventDefault();
    });
    
  }); 
	
	
  });
  


//end document ready
});