var OPTIONS = 
[
	{
		Size:
		{
			image:{w:965,h:495},
			grid:{w:5,h:5},
			margin: -1
		},
		SlideChange:
		{
				Next:
				{
					duration: 500,
					paths:
					[
						['random']
					],
					transistions:
					[
						['shuffle',{time:500,ease:'easeInOutQuad'}],
						['blockSwitch',{delay:550}],
						['move',{delay:550,time:700,ease:'easeOutCirc'}]
					]
				},
				Previous:
				{
					duration: 500,
					paths:
					[
						['random']
					],
					transistions:
					[
						['shuffle',{time:500,ease:'easeInOutQuad'}],
						['blockSwitch',{delay:550}],
						['move',{delay:550,time:700,ease:'easeOutCirc'}]
					]
				}
			}
		}
	];
	jQuery(document).ready(function($)
	{
		var clones = [];
		for(var o in OPTIONS)
			clones.push($('#img_list').clone());
		$('#img_list').remove();
		$('.description').each(function(idx,el)
		{
			clones[idx].attr('id','img_list_'+idx);
			$(el).after(clones[idx]);
			
			clones[idx].MiterBox(OPTIONS[idx]);
				switch(idx)
			{
				case 0:
					$('.imgblock',clones[idx]).toggleClass("shadow");
				break;
					case 1:
					clones[idx].toggleClass("no-borders");
					clones[idx].trigger('next');
				break;
					case 2:
					clones[idx].toggleClass("no-borders");
					clones[idx].trigger('previous');
				break;					
			}
		});
	});	

