[jQuery] Problem ze zwróceniem wartości "margin-left" Opcje

[webriddles]

Witam mam taki problem, mianowicie, chce zrobić prosty slider na stronkę. Problem w tym, że chce zatrzymać wywoływanie przejść if'em, który by sprawdzał, czy margin-left nie jest mniejszy od szerokości okna, albo większy od zera. Oto mój kod.

[XML] pobierz, plaintext 
$("#main").css({'width': ($(window).width()*3), 'height': $(window).height()});
		$(".window").css({'width': $(window).width(), 'height': $(window).height()});
 
		var width = $(window).width();
		var mainWidth = $("#main").width();
		var left = $("#main").css("left");
 
 
		$("#right").click(
		function(){
 
				$("#main").animate({ 
					left: "-="+width,
				}, 3000 );
 
			alert(left);
		});
 
 
		$("#left").click(
		function(){
			if(left>0){
				$("#main").animate({ 
					marginLeft: "+="+width,
				}, 3000 );
			}
		});
[XML] pobierz, plaintext 

Wydaje mi się iż jest to spowodowane tym, że margin-left jest automatycznie zmieniany już po załadowaniu się pliku. Czy ktoś ma jakieś rozwiązanie tego problemu? Z góry dziękuję

Powód edycji: [batman]: poprawiłem ortografię