$(document).ready(function() {
 
	var  root = $("#iwantwizard").scrollable({size: 1, clickable: false});
	
	$('.option').hover(  
        function () {
			$('#changetext').text($(this).attr("alt"));
			//$(this).stop().animate({height: "+=50", width: "+=50"}, {duration: 1000, easing: 'easeOutElastic'}); 
			$(this).css({height: '110px', width: '110px', marginTop: '0', marginLeft: '0', top: '0', left: '0'});
			$(this).stop().animate({
				marginTop: '-=5px', /* The next 4 lines will vertically align this image */ 
				marginLeft: '-=5px',
				top: '-=5px',
				left: '-=5px',
				width: '+=20', /* Set new width */
				height: '+=20' /* Set new height */
			}, {duration: 1000, easing: 'easeOutElastic'}); 
			
		},  
        function () {
			$('#changetext').text("");
			$(this).stop().animate({
				marginTop: '+=5px', /* The next 4 lines will vertically align this image */ 
				marginLeft: '+=5px',
				top: '+=5px',
				left: '+=5px',
				width: '-=20', /* Set new width */
				height: '-=20' /* Set new height */}, {duration: 1000, easing: 'easeOutElastic'}); 
		}  
    ); 

 });
 
 function ShowDetails(id) {
	
	$('.details').hide();
	switch (id){
		case 1:
			$('.1').show();
			break;
		case 2:
			$('.2').show();
			break;
		case 3:
			$('.3').show();
			break;
		case 4:
			$('.4').show();
			break;
		case 5:
			$('.5').show();
			break;
		case 6:
			$('.6').show();
			break;
	}
	
 };