$(document).ready(function(){
				var i=100;
				if ($.browser.msie) {$("body").addClass("ie");}
				$('.box').wrapInner('<div class="content"><div class="scrollwrap"><div class="scroll-pane"></div></div></div>').prepend('<div class="shadow"></div><div class="shadowfocus"></div>');
				$('.content').prepend('<div class="dots"><div class="icon"></div></div>');
				$('.scroll-pane').jScrollPane({scrollbarMargin:40, scrollbarWidth: 20, dragMaxHeight: 250, dragMinHeight: 50});
				$('.jScrollPaneTrack').css({opacity: 0});
				$(".box").draggable({
				containment: 'document',
				stack: {group: $(".box"), min: 20},
				drag: function(event, ui) {
				$(this).siblings().css({'z-index':'1'});
				},
				start: function(event, ui) {
				$(this).find('.content').addClass('dragging');
				},
				stop: function(event, ui) {
				$(this).find('.content').removeClass('dragging');
				}
				});

				$(".content").hover(
				function() {
				var t=$(this);
				if(t.hasClass('dragging')){
				} else{
				$(this).find('.scrollwrap').stop().animate({'opacity': '1'}, {queue:false,duration:100});
				$(this).parent().css({'z-index': i});
				$(this).find(".jScrollPaneTrack").stop().animate({'opacity': '1'}, {queue:false,duration:100});
				}},
				function() {
				var t=$(this);
				if(t.hasClass('dragging')){
				} else{
				$(this).find('.scrollwrap').stop().animate({'opacity': '.5'}, {queue:false,duration:100});
				$(this).find('.jScrollPaneTrack').stop().animate({'opacity': '0'}, {queue:false,duration:100});
				i=i+10;
				}});
				
				$('.box .item:nth-child(1)').addClass('first');
				$('#two .scrollwrap').animate({'opacity': '1'}, {queue:false,duration:100});
				
				$("a#vision").fancybox({
				'titlePosition'	: 'over'
			});
});