$(function(e){
	//	Remove hidden class and hide using jquery
	$('.hidden').hide().removeClass('hidden');
	
	//	Cufon replacement
	Cufon.replace('.banner h2', { fontFamily: 'Museo 500'});
	Cufon.replace('.content h2', { fontFamily: 'MicrogrammaDBolExt'});
	Cufon.replace('.inner dl dt', { fontFamily: 'Museo 500'});
	Cufon.replace('p a', { fontFamily: 'Museo 500'});
	
	//	Cycle banner images
	var _images=$('.banner-rotation img');
	var _last=null;
	var _count=0;
	var _cycle_speed=5000;
	var _fade_speed=500;
	
	function do_image(){
		if(_last){
			$(_last).fadeOut(_fade_speed,function(e){
				
			});
		}
		$(_images[_count]).fadeIn(_fade_speed,function(e){
			_last=_images[_count];
			_count++
			if(_count==_images.get().length) _count=0;

			setTimeout(do_image,_cycle_speed);
		});
			
	}
	do_image();
	

	//	Do image viewer
	var _gallery=$('dl.image-gallery dd');
	var _thumbs=$('dl.image-thumbnails dd');
	var _sets=[];
	var _row_count=1;	//	Set to one by default to aid array creation
	var _current_context={};
	var _last_context=null;
	var _fade_speed=250;
	
	function show_set(context,init){
		//	Show the selected images	
		$(context.images[0]).fadeIn(_fade_speed);
		$(context.images[1]).fadeIn(_fade_speed);
		
		if(!init){
			$(context.thumbs[0]).fadeTo(_fade_speed,1);
			$(context.thumbs[1]).fadeTo(_fade_speed,1);
		}else{
			$(context.thumbs[0]).fadeTo(0,1);
			$(context.thumbs[1]).fadeTo(0,1);			
		}
		//	Hide the last images
		if(_last_context!=null && _last_context!=context){
			$(_last_context.images[0]).fadeOut(_fade_speed);
			$(_last_context.images[1]).fadeOut(_fade_speed);
			
			$(_last_context.thumbs[0]).fadeTo(_fade_speed,0.5);
			$(_last_context.thumbs[1]).fadeTo(_fade_speed,0.5);
		}
		
		//	Set the current context
		_last_context=context;
	}
	
	//	For each thumbnail
	$.each(_thumbs,function(i,n){
		var _context=null;
		
		_row_count++;
				
		if(_row_count==2){
			_context={
				images:[],
				thumbs:[],
			};
			
			_current_context=_context;
			if(_last_context==null) _last_context=_context;
			_row_count=0;
		}else{
			_context=_current_context;
		}

		_context.images.push(_gallery[i]);
		_context.thumbs.push(_thumbs[i]);
		
		//	Fade the thumb
		$(_thumbs[i]).fadeTo(0,0.5);
		
		//	Bind events
		$(_thumbs[i]).bind('click',function(e){
			show_set(_context);
		});
	});
	
	show_set(_last_context);
});