jQuery(document).ready(function(){
var p = jQuery("#test");
var h = jQuery("#holder");
var pos = p.css("left");
pos = parseInt(pos.replace("px", ""));
if(Math.abs(pos-350)>p.width()-h.width()){
jQuery("#klikleft").css('display', 'none');
}
if(pos==0){
 jQuery("#klikright").css('display', 'none');
 }
 jQuery(".openImage").click(function (event) {
jQuery("#fotoContainer").html("");
var image = '<img src="/photoRoot/'+event.target.name+'" border="0" alt="'+event.target.alt+'" />';
 jQuery("#fotoContainer").append(image);
 return false;
 });

 jQuery('#klikleft').click(function(){
	 var p = jQuery("#test");
	 var h = jQuery("#holder");
	 var pos = p.css("left");
	 pos = parseInt(pos.replace("px", ""));
	 if(Math.abs(pos-350)>p.width()-h.width()){
		 jQuery("#klikleft").css('display', 'none');
	 }
	 if(Math.abs(pos)>p.width()-h.width()){
		 jQuery("#klikleft").css('display', 'none');
	 }else{
		 jQuery("#klikright").css('display', 'block');
		 p.animate({ left: pos - 350}, 500 );
	 }
	 return false;
 });
 
 jQuery('#klikright').click(function(){
	 var p = jQuery("#test");
	 var h = jQuery("#holder");
	 var pos = p.css("left");
	 pos = parseInt(pos.replace("px", ""));
	 if(pos==0){
		 jQuery("#klikright").css('display', 'none');
	 }else{
		 jQuery("#klikleft").css('display', 'block');
		 p.animate({ left: pos + 350}, 500 );
		 if(pos==-350){
			 jQuery("#klikright").css('display', 'none');
		 }
	 }
	 return false;
  });
});