$(document).ready(function() {  

				// this initialises the demo scollpanes on the page.
				// $("img.imgthumb").lazyload({ effect: 'fadeIn', speed: 'slow', threshold : -50  });//
		$('#buttons').easyListSplitter({ 
			colNumber: 3, // Insert here the number of columns you want. Consider that the plugin will create the number of cols requested only if there's enough items in the list.
			direction: 'vertical'
		});
		$('.imgthumb').each(function() {
            $(this).hover(function() {
                $(this).stop().animate({ opacity: 0.3 }, 200);
            },
           function() {
               $(this).stop().animate({ opacity: 1.0 }, 200);
           });
        });
    });
  
//<![CDATA[
$(function(){
	$("#grid-content").vgrid({
		easeing: "easeOutQuint",
		time: 1500,
		delay: 1000,
		fadeIn: {
			time: 800,
			delay: 200
		}
	});
 
	var hsort_flg = false;
	$("#hsort").click(function(e){
		hsort_flg = !hsort_flg;
		$("#grid-content").vgsort(function(a, b){
			var _a = $(a).find('h3').text();
			var _b = $(b).find('h3').text();
			var _c = hsort_flg ? 1 : -1 ;
			return (_a < _b) ? _c * -1 : _c ;
		}, "easeInOutExpo", 500, 0);
		return false;
	});
    
	$("#vsort").click(function(e){
		hsort_flg = !hsort_flg;
		$("#grid-content").vgsort(function(a, b){
			var _a = $(a).find('.num').text();
			var _b = $(b).find('.num').text();
			var _c = hsort_flg ? 1 : -1 ;
			return (_a < _b) ? _c * -1 : _c ;
		}, "easeInOutExpo", 500, 40);
		return false;
	});
	
	$("#rsort").click(function(e){
		$("#grid-content").vgsort(function(a, b){
			return Math.random() > 0.2 ? 2 : -1 ;
		}, "easeInOutExpo", 500, 20);
		return false;
	});
	});
//]]>