// JavaScript Document
    //jQuery.noConflict();
$(document).ready(function($){

	//animatedcollapse.addDiv('cat-studio', 'speed=400');
	animatedcollapse.addDiv('cat-studio', 'fade=10,speed=400,group=srv,hide=1');
	//additional addDiv() call...
	//additional addDiv() call...
	animatedcollapse.init();

	//jQuery('.mcol').makeacolumnlists({cols: 3, colWidth: 305, equalHeight: 'ul', startN: 1});
	//jQuery('.mcol2').makeacolumnlists({cols: 3, colWidth: 293, equalHeight: 'ul', startN: 1});
	

	//move the image in pixel
	var move = -15;
	//zoom percentage, 1.2 =120%
	var zoom = 1.2;
	//On mouse over those thumbnail
	$('.item').hover(function() {
		//Set the width and height according to the zoom percentage
		width = $('.item').width() * zoom;
		height = $('.item').height() * zoom;
		//Move and zoom the image
		$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});
		//Display the caption
		$(this).find('div.caption').stop(false,true).fadeIn(200);
	},
	function() {
		//Reset the image
		$(this).find('img').stop(false,true).animate({'width':$('.item').width(), 'height':$('.item').height(), 'top':'0', 'left':'0'}, {duration:100});	
		//Hide the caption
		$(this).find('div.caption').stop(false,true).fadeOut(200);
	});
});