$(document).ready(function() {
    	var container = $('div#showitem');
    	
      	$('div.item a').bind('click',function(){
      	 var item = $(this).parent('div');
      	 container.children().slideUp('medium',function() {$(this).remove();});
      	 var clone = item.clone();
      	 var shadow = clone.clone();
      	 shadow.children('img').attr('title','images/suicidelarge.jpg');
      	 shadow.hide().css({opacity: 0}).appendTo(container).slideDown('medium');
      	 var top = item.offset().top + shadow.height();
         clone.css({position: 'absolute'}).appendTo($('body')).offset({top: top, left: item.offset().left}).animate({top: container.offset().top, left: container.offset().left}, 600, function () {shadow.animate({opacity: 1}, 2000);clone.animate({opacity: 0},600,function(){ clone.remove();});});       	 
      	 return false;
      	});	
      	
      	$('div#roundabout123').bind('click',function() {
        
              		var oldItem = $(this);
      		var newItem = $(this).parent().clone();
      		container.children().slideUp('slow',function(){$(this).remove();});
      		//newItem.hide();
      		newItem.css({'position': 'absolute','zIndex' :'999'});
      		newItem.offset(oldItem.offset());
      		newItem.appendTo($('body'));
      		container.animate({height: (newItem.height())}, 1000);
      		$(newItem).animate({
            top: container.offset().top,
            left: container.offset().left
          }, 3000, function() {
            newItem.appendTo(container);
            newItem.slideDown();
          });	      	
	      	return false;	
          });
      	
      	$('div#roundabout ul li a').bind('click',function() {
      	   if ($(this).parent().hasClass('roundabout-in-focus')) {
            var newItemName = $(this).children('img').attr('alt');
        		var newItem = $("h2:contains("+newItemName+")").parent().clone();
        		container.children().slideUp('slow',function(){$(this).remove();});
        		newItem.hide();
  	      	newItem.appendTo(container);
  	      	$('html,body').animate({scrollTop: (container.offset().top - 10)}, 1000);
  	      	newItem.slideDown();
  	      	return false;	
           }
          });
       	
      	$('div#roundabout ul').roundabout({
			   shape: 'rollerCoaster',
			   duration: 800,
			   btnNext: '#next',
			   btnPrev: '#previous'
		    });
   });