$(document).ready(function(){

	$('#shercobike').hide();
	$('#tmbike').hide();
	
	var imagesholder = [];
	$('#centereddiv').find('.clickable').each(function(){		
		thename = $(this).attr('name');
		thesrc = $(this).attr('href');
		var imgholder = new Image();		
		imgholder.src = thesrc;
		imagesholder[thename] = imgholder;
	});

	$('#shercomc').click(function(){
		if($('#tmbike').css('display') === 'block'){
			$('#tmbike').fadeOut(500, function(){
				$('#shercobike').fadeIn(500);
			});
		}
		else{ $('#shercobike').fadeIn(500);	}		
	});
	
	$('#tmmc').click(function(){
		if($('#shercobike').css('display') === 'block'){
			$('#shercobike').fadeOut(500, function(){
				$('#tmbike').fadeIn(500);
			});
		}
		else{ $('#tmbike').fadeIn(500);	}
	});
	
	$('.clickable').click(function(){
		myhref = $(this).attr('href');
		currentsrc = $('#showbox').children().attr('src');
		if( myhref === currentsrc){
			return false;
			}
	
		var picholder = myhref;
		name = $(this).attr('name');

		$('#showbox').animate({
			opacity: 0
			}, 250, function(){
				$('#showbox').html(imagesholder[name]);
				$('#showbox').animate({
					opacity: 1
					},250);
			});
		return false;
	});	
});