$(document).ready(function() {
	
	var nmbr = 0;
	var currentnmbr = 0;
	
	var imgArray = new Array('assets/templates/intercanvas/images/photos/homepage/home-generic.jpg',
							 'assets/templates/intercanvas/images/photos/homepage/canvas-photo.jpg',
							 'assets/templates/intercanvas/images/photos/homepage/acrylic-photo.jpg',
							 'assets/templates/intercanvas/images/photos/homepage/metroblock-photo.jpg',
							 'assets/templates/intercanvas/images/photos/homepage/photo-frames.jpg',
							 'assets/templates/intercanvas/images/photos/homepage/photo-editing.jpg');
	
	//$('#frame-photo').before('<div id="loading"><div></div></div>');
	
	var size = $('.frame-description-inner div').size();
	var width = size*440;
	$('.frame-description-inner').css({'width': width+'px'});
	$('.frame-description-inner div').css({'display' : 'block'});
	
	$('#products li a').each(function() {
		$(this).attr('nmbr', nmbr);
		nmbr++;
	});
		
	function changeImage(c) {
			$('#frame-photo').attr('src', imgArray[c]);
	}
	
	$('#products li a').hover(function() {
		$('#products li a').removeClass('current');
		$(this).addClass('current');
		currentnmbr = parseInt($(this).attr('nmbr'));
		changeImage(currentnmbr+1);
		var t = -1*((currentnmbr+1)*440);
		$('.frame-description-inner').css({'left':t+'px'}, 400);	
		
		var price = $('.frame-description').eq($(this).attr('nmbr')).children('span').text();
		
		var formattedprice = price.replace(".", "</span>.");
		
		$('.price').html('&pound;<span>'+formattedprice);
		
		
	});
});