/* ================================================================ 
Wlasnosc kodu Agencja Interaktywna Design7 Marcin Kapturski
Wyrazam zgode na uzycie tego kodu dla wlasnych projekt�w ale wymagane
jest zachowanie tej informacji.
=================================================================== */
$(document).ready(function(){
current = 1;
button = 1;
images = 4;
width = 546;
$('#p1').animate({"left": "0px"}, 400, "swing");
$("#buttons div").click(function() {
	button=current;
	clickButton = $(this).attr('id');
	current = parseInt(clickButton.slice(1));
	if (current > button) {animateLeft(current,button)}
	if (current < button) {animateRight(current,button)}
});
function animateLeft(current,button) {
	$('#p'+current).css("left",width +"px");
	$('#p'+current).animate({"left": "0px"}, 400, "swing");
	$('#p'+button).animate({"left": -width+"px"}, 400, "swing");
	setbutton()
}
function animateRight(current,button) {
	$('#p'+current).css("left",-width+"px");
	$('#p'+current).animate({"left": "0px"}, 400, "swing");
	$('#p'+button).animate({"left": width+"px"}, 400, "swing");
	setbutton()
}
function setbutton () {
	$('#b'+button).css("backgroundPosition", "left top");
	$('#b'+current).css("backgroundPosition", "left bottom");
}
});