/**
 * @author Jamie
 */

function slideTo(e,animate){
	e = $(e);
	var x = e.attr('id').replace(/^.*coord/g,'').split('x')[0];
	var y = e.attr('id').replace(/^.*coord/g,'').split('x')[1];
	
	if(e.parents('ul').next('.screenshots')){
		var image = e.parents('ul').next('.screenshots').find('img').first();
		if(animate){
			image.animate({
				top: (0 - y) + "px",
				left: (0 - x) + "px"
			}, 250, 'easeInOutSine');
		} else {
			image.css({
				top: (0 - y) + "px",
				left: (0 - x) + "px"
			});
		}
	}
}

$(document).ready(function(){
	var shadowDiv = '<div class="shadow"></div>';
	$('.actionMenu .active').each(function(ind,e){
		$(e).next().append(shadowDiv).addClass('shadow');
		slideTo(e, false);
	});
	$('.actionMenu').each(function(ind,menu){
		menu = $(menu);
		menu.find('li').click(function(event){
			var e = $(this);
			
			menu.find('li').removeClass('shadow').removeClass('active');
			menu.find('div.shadow').remove();
			
			e.addClass('active');
			if(e.next()){
				e.next().addClass('shadow').append(shadowDiv);
			} else {
				e.after(shadowDiv);
			}
			slideTo(e, true);
		});
	});
});