var big_cluster = function(element)
	{
		Spry.Effect.Cluster.call(this, {toggle: false});

		this.name = 'big_cluster';
		var resize_hor = new Spry.Effect.Size(element, {width:10, height: 10, units:'px'}, {width:500, height: 10, units:'px'},{duration: 500, toggle: false});
		this.addNextEffect(resize_hor);

		var resize_ver = new Spry.Effect.Size(element, {width:500, height: 10, units:'px'}, {width:500, height: 500, units:'px'},{duration: 500, toggle: false});
		this.addNextEffect(resize_ver);

	}
	
	big_cluster.prototype = new Spry.Effect.Cluster();
	big_cluster.prototype.constructor = big_cluster;
	
	var small_cluster = function(element)
	{

		Spry.Effect.Cluster.call(this, {toggle: false});

		this.name = 'small_cluster';
		var resize_hor = new Spry.Effect.Size(element, {width:500, height: 500, units:'px'}, {width:500, height: 10, units:'px'},{duration: 500, toggle: false});
		this.addNextEffect(resize_hor);

		var resize_ver = new Spry.Effect.Size(element, {width:500, height: 10, units:'px'}, {width:10, height: 10, units:'px'},{duration: 500, toggle: false});
		this.addNextEffect(resize_ver);
	}
	
	small_cluster.prototype = new Spry.Effect.Cluster();
	small_cluster.prototype.constructor = small_cluster;

	var cluster = new big_cluster("first_cluster");
	var cluster_filter = new big_cluster("filter_cluster");

	var cluster2 = 	new small_cluster("first_cluster");
	var cluster2_filter = 	new small_cluster("filter_cluster");

	function showpict(){
	cluster.start();
	cluster_filter.start();	
	}
	
	function hidepict(){
	cluster2.start();
	cluster2_filter.start();	
	}