jQuery(document).ready(function() {
    
	var para = $( "#portfolio-list li" );
	var para1 = $( "#portfolio-list li:first" );
	var selected=para1;
  
    para.not(para1).dequeue().animate({opacity: "0.4"}, 0);
	
	jQuery("#portfolio-list").delegate("li", "mouseover mouseout click", function(e) {
		if (e.type == 'mouseover') {
		//jQuery("#portfolio-list li").not(this).dequeue().animate({opacity: "0.4"}, 300);
		//$(this).dequeue().animate({opacity: "1"}, 300);
    	} 
		else
		if (e.type == 'click') {
		//jQuery("#portfolio-list li").not(this).dequeue().animate({opacity: "0.3"}, 300);
	//	jQuery("#portfolio-list li").this.dequeue().animate({opacity: "1"}, 300);		
		selected=this;
			jQuery("#portfolio-list li").not(selected).dequeue().animate({opacity: "0.4"}, 300); 
			$(selected).dequeue().animate({opacity: "1"}, 300); 		
    	} 		
		else {
			//jQuery("#portfolio-list li").not(selected).dequeue().animate({opacity: "0.4"}, 300); 
			//$(selected).dequeue().animate({opacity: "1"}, 300); 
   		}
	});
});