Проблем с ajax

[skinybg]

Здравейте имам проблем с това - Демо

index.php

	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
	<link rel="stylesheet" type="text/css" href="stil.css" />
	<script src="inc/jquery.js" type="text/javascript"></script>
	<script src="inc/ajaxload.js" type="text/javascript"></script>
					<div id="proekti">
						<div id="pic">
						<?php
							include"inc/config.php";
							$sql = mysql_query("SELECT * FROM `projects` WHERE `id` = '1'") or die (mysql_error());
							$row = mysql_fetch_array($sql);
							echo "<img src='".$row[img]."' width='350px' height='150px' alt='' />";
						?>
						</div>
						<a href="#<?php echo $id-1; ?>" id="arrowleft"> </a><a href="#<?php echo $id+1; ?>" id="arrowright"> </a>
					</div>

stil.css

a ,a:visited, a:hover{text-decoration: none; color: black;}

#proekti{border: 1px solid gray; padding: 5px; width: 350px; margin: 0 auto; height: 184px;}

#pic{ width: 350px;}

#arrowleft{float: left; margin-left: 50px; width: 150px; width: 28px; height: 34px; background: url(img/arrowr.png) no-repeat;}

#arrowright{float: left; margin-left: 200px; width: 28px; height: 34px; background: url(img/arrowl.png) no-repeat;}

ajaxload.js

	$('#arrowleft').click(function (){
		var url = window.location.href
		var parts = url.split("#")
		var get = parts[1]-1
		$('#pic').load("inc/projects-effect.php?id="+get, function(){
		$(this).hide().slideDown("slow");
		});
	});
	$('#arrowright').click(function (){
		var url = window.location.href
		var parts = url.split("#")
		var get = parts[1]+1
		$('#pic').load("inc/projects-effect.php?id="+get, function(){
		$(this).hide().slideDown("slow");
		});
	});

В базата данни съм записал 4картинки
desing1,design2,design3,design4
и искам при натискането на дясната стрелка да отива на следващата картинка
а при натискането на лявата да връща с една картинките но не иска :S