$(document).ready(function() {

	$('.preview_image').css({'overflow': 'hidden', 'height': '180px'}).append("<a href=\"#\" class=\"btnLeft\"><img class=\"imgArrowLeft\" src=\"images/arrow_left_off-trans.png\" alt=\"left arrow\" /></a><a href=\"#\" class=\"btnRight\"><img class=\"imgArrowRight\" src=\"images/arrow_right-trans.png\" alt=\"right arrow\" /></a>");

	$('.portfolio_image').css({'overflow': 'hidden', 'height': '180px'}).append("<a href=\"#\" class=\"btnLeft\"><img class=\"imgArrowLeft\" src=\"images/arrow_left_off-trans.png\" alt=\"left arrow\" /></a><a href=\"#\" class=\"btnRight\"><img class=\"imgArrowRight\" src=\"images/arrow_right-trans.png\" alt=\"right arrow\" /></a>");

	$('a.btnRight').click(function() {
		var imgWidth = parseInt($(this).siblings('.imgPortfolio').attr('width'));
		var imgLeft = parseInt($(this).siblings('.imgPortfolio').css('left'));
		if ((imgLeft % 400) == 0) {
			if (imgWidth > (-imgLeft + 400)) {
				$(this).children('img').attr('src', 'images/arrow_right_off-trans.png');
				$(this).siblings('.imgPortfolio').animate({left: imgLeft - 400 + 'px'}, 'fast', 'swing');			
				$(this).siblings('.btnLeft').children('img').attr('src', 'images/arrow_left-trans.png');
				if (imgWidth > (-imgLeft + 800)) {
					$(this).children('img').attr('src', 'images/arrow_right-trans.png');
				}
			}
		}
		return false;
	});
	
	$('a.btnLeft').click(function() {
		var imgWidth = parseInt($(this).siblings('.imgPortfolio').attr('width'));
		var imgLeft = parseInt($(this).siblings('.imgPortfolio').css('left'));
		if ((imgLeft % 400) == 0) {
			if (imgLeft < 0) {
				$(this).children('img').attr('src', 'images/arrow_left_off-trans.png');
				$(this).siblings('.imgPortfolio').animate({left: imgLeft + 400 + 'px'}, 'fast', 'swing');
				$(this).siblings('.btnRight').children('img').attr('src', 'images/arrow_right-trans.png');
				if (imgLeft < -400) {
					$(this).children('img').attr('src', 'images/arrow_left-trans.png');
				}
			}
		}
		return false;				
	});
	
});