// JavaScript Document

$(document).ready(function () {

$('.rightArrow').click(function() {
left = parseInt($('.colorchart').css('left'));
if (left > -700) {
left = left-300;
$('.colorchart').animate({left:left});
}
});
$('.leftArrow').click(function() {
left = parseInt($('.colorchart').css('left'));
if (left < 0) {
left = left+300;
$('.colorchart').animate({left:left});
}
});

$('.colorchart li').click(function() {
col = $(this).attr('class');
col = col.substring(1, col.length);
col = "images/pic"+col+".png";
$('img.image').attr("src", col);

});

});