var marginLeft_current = 0;
var standard_move = 200;
var frame_width = 800;
//var overflow = total_width - frame_width;
$(document).ready(function() {
	//alert(total_width);

	$("#left-a").click( function() {
		var move;
		var dif = (-1) * (marginLeft_current + standard_move);
		if(dif < 0) move =  standard_move + dif; else move = standard_move;
		marginLeft_current = marginLeft_current + move;
		$("#photos").animate(
			{ marginLeft: marginLeft_current },  //css
			1000									//speed
		);
	});

	$("#right-a").click( function() { 
		var move;
		var dif = total_width - frame_width + marginLeft_current;
		if(dif < standard_move) move =  dif; else move = standard_move;
		marginLeft_current = marginLeft_current - move;
		$("#photos").animate(
			{ marginLeft: marginLeft_current },  //css
			1000									//speed
		);
	});
	
	$("#contact-d").hover(function() {
		$(this).css("background-position", "0 -241px");
		},function(){
     	$(this).css("background-position", "0 0");
	});	
	
	$("#contact-a").hover(function() {
		$(this).css("background-position", "0 -241px");
		},function(){
     	$(this).css("background-position", "0 0");
	});
	
	$("#contact-v").hover(function() {
		$(this).css("background-position", "0 -241px");
		},function(){
     	$(this).css("background-position", "0 0");
	});
	
	$("#contact-k").hover(function() {
		$(this).css("background-position", "0 -241px");
		},function(){
     	$(this).css("background-position", "0 0");
	});
	
	
	//$('#pane1').jScrollHorizontalPane({showArrows:true});
	$('.scroll-pane').jScrollHorizontalPane({
		showArrows:true,
		scrollbarHeight:4,
		arrowSize:37,
		scrollbarMargin:20
	
	});
		

});