/////////////////////////////////////////////
	// SliderPanelTop Initialisation
	/////////////////////////////////////////////

$(document).ready(function(){
	$(".btn-slide").click(function(){
		$("#connect").slideToggle("slow");
		/* $(".slide").slideToggle("slow"); */
		/* $(".slide").addClass("test"); */
/* 		$(".slide").slideUp(); */
		$("slide").toggleClass("position"); return false;
		
	});
});


    /////////////////////////////////////////////
    // Getting latest tweets
    /////////////////////////////////////////////

function showTweets(elem, username, number)
{
	var html = '<ul>';



var tweetFeed = 'http://twitter.com/status/user_timeline/' + username + '.json?count=' + number + '&callback=?'
	$.getJSON(tweetFeed, function(d)
	{


		$.each(d, function(i,item)
		{
			html+='<li>'+item.text+'</li>';
		})
		html+="</ul>";
		
		
		elem.children().fadeOut('fast',function() {
			
			elem.append(html);
		})
	})
}
	$(function() {
		$('#error').remove();
		$('#preload').show();
		showTweets($('#tweets'), 'NicolasWidart', 4)
		
	});



/* Tooltip INIT */
$(document).ready(function(){

	/* Adding a colortip to any tag with a title attribute: */

	$('[data-tooltip]').colorTip({color:'darkblue'});

});



    /////////////////////////////////////////////
    // Portfolio Sorting
    /////////////////////////////////////////////

    (function($) {

        $.fn.sorted = function(newOptions) {
            var options = {
              reversed: false,
              by: function(a) { return a.text(); }
            };

            $.extend(options, newOptions);

            $data = $(this);
            array = $data.get();

            return $(array);
    
        };

    })(jQuery);

    jQuery(function() {

        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 sort = function($buttons) {
            var $selected = $buttons.parent().filter('[class*="selected"]');
            return $selected.find('a').attr('data-value');
        };

        // get the first collection
        var $portfolio_items = jQuery('.portfolio-items');

        // clone applications to get a second collection
        var $data = $portfolio_items.clone();

        var $filter_selection = jQuery('#portfolio-filter')

        $filter_selection.each(function(i) {

            var $selection = jQuery(this);
            var $buttons = $selection.find('a');

            $buttons.bind('click', function(e) {
        
                var $button = jQuery(this);
                var $button_container = $button.parent();
                var button_properties = read_button($button_container.attr('class').split(' '));
                var selected = button_properties.selected;

                if (!selected) {

                    $buttons.parent().removeClass();
                    $button_container.addClass('selected');

                    var sorting = sort($filter_selection.eq(0).find('a'));

                    if (sorting == 'all') {
                        var $filtered_data = $data.find('li');
                    } else {
                        var $filtered_data = $data.find('li.' + sorting);
                    }

                    var $sorted_data = $filtered_data.sorted({
                        by: function(v) {
                            return $(v).find('strong').text().toLowerCase();
                        }
                    });

                    $portfolio_items.quicksand($sorted_data, {
                      duration: 700,
                      adjustHeight: 'dynamic',
                      easing: 'easeInQuad'
                    });
        
                }
            
                e.preventDefault();

            });
        });

    });


    /////////////////////////////////////////////
    // Image hovers
    /////////////////////////////////////////////

    $('.hover-image img,').live({
        mouseenter: function() { 
           $(this).stop().fadeTo(300, 0.3);
        },
        mouseleave: function() {
           $(this).stop().fadeTo(400, 1);
        }
    });