function CSThumbnailHolder(){
	var img = $st('#CSThumbnailHolder').find('img');
	
	if(img.size()>1){
		$st('#CSThumbnailHolder').addClass('js-enabled');
		$st('#CSThumbnailHolder').css({position:'absolute'});
	}else{
		return false;
	}
	
	$st('#CSThumbnailHolder').draggable({ 
		containment: '#main', 
		handle: 'div.handler', 
		cursor: 'move',
		revert: 'valid'
	})
	$st('.panelCaseStudyHeader').droppable({
		tolerance: 'touch',
		over: function(event, ui) { 
		}
				
	});
	
	var loaderPath = "assets/images/loader/greyloader.gif"
	var curImage;
	var oldImage;
	var intervalID = 1000;
	var numLoaded = 0;
	var curIndex = 0;
	
	function loadCheck(){
		numLoaded++;
		if(numLoaded == img.size())
		{
			setTimer();
		}
	}
	
	function setTimer(){
		clearInterval(intervalID);
		intervalID = setInterval(changeImage, 5000);
	}

	function changeImage(){
		if(curIndex < (img.size()-1)){
			curIndex++;
		}else{
			curIndex = 0;
		}
		tweenImage();
	}

	function tweenImage(){
		
		oldImage = curImage;
		oldImage.css("z-index",1);
		
		curImage = $st('#bgImg img').eq(curIndex);
		curImage.css("z-index",2);
		
		img.removeClass('active');
		
		img.eq(curIndex).addClass('active')
		
		img.eq($st('#bgImg img').index(oldImage)).fadeTo(500,0.5);
		img.eq(curIndex).fadeTo(500,1);
		
		curImage.fadeTo("slow", 1, function(){
			oldImage.fadeTo(0,0);
		})
		
		

	}
	
	
	$st('#bgImg img').remove();
	//hide the large images until they've finished loading
	$st('#bgImg').css('visibility', 'hidden');
	var status = new Array();
	img.each(function(i){
		var tbImg = $st(this);
		var tbImgHolder = $st(this).parent();
		
		tbImgHolder.append('<img src="'+loaderPath+'" class="loader" src="loader" />')
		
		var arr = $st(this).attr('src').split("=");
		arr = arr[1].split("&");
		var src = arr[0].toString()
		$st('#bgImg').append('<img class="js-enabled" src="'+src+'" style="z-index:'+1+';" />');
		status[i] = "loading";
		$st(this).fadeTo(0,0.2);
		//alert(i + ':'+img.length);
		$st('#bgImg img').eq(i).bind("load", function(){
			status[i] = "loaded";
			loadCheck();
			tbImgHolder.find('img.loader').fadeTo(500, 0, function(){$st(this).remove()});
			$st(this).fadeTo(0,0);
			$st(this).show();
			img.eq(i).fadeTo(500,0.5);
			if(i == curIndex) {
				curImage = $st(this);
				img.eq(i).addClass('active');
				curImage.css("z-index",2);
				img.eq(i).fadeTo("fast", 1);
				curImage.fadeTo("fast", 1)
			}
			if(i == img.length -1 ) {
				$st('#bgImg').css('visibility', 'visible');
			}
		})
	})
	
	img.parent().click(function(){return false;});
	
	img.click(function(){
		var index = $st('#CSThumbnailHolder .thumbs img').index(this);
		if( (status[index] != "loading") && (!$st(this).hasClass('active')) ){
			curIndex = index;
			tweenImage();
			setTimer();;
		}else{
			
		}
		
		return false;
	})

	img.hover(
		function(){
			$st(this).stop();
			$st(this).fadeTo(500,1);
		},
		function(){
			if(!$st(this).hasClass('active')){
				$st(this).stop();			
				$st(this).fadeTo(500,0.7);
			}
		}
	)
	
	$st('.internationalPanel li').click(function(){
		location.href = $st(this).find("a").attr("href");
	})
}