$(document).ready( function() 
{
	var src = $('#photos').attr('src');
	$('[rel^="/assets/i/h/"]').mouseover(function(){
		$('#photos').attr('src', $(this).attr('rel'));
		return false;
	});
	$('a[rel^="/assets/i/h/"]').mouseout(function(){
		$('#photos').attr('src', src);
		return false;
	});

	$('.gallery .thumbs a[href$=".jpg"]').click(function() {
		update_zoom($(this).attr('href'));
		$(this).css('border-color', 'red');
		$(this).siblings().css('border-color', 'white');
		return false;
	});

	
	var img1_src = $('.gallery .thumbs > a:first-child').attr('href');
	$('.gallery .thumbs').before('<img src="' + img1_src + '" alt="" id="zoom" />');
	update_zoom(img1_src);

	$('.gallery .thumbs > a:first-child').css('border-color', 'red');

	function update_zoom(src) {
		$('#zoom').attr('src', src);
	}

});