var sliderTrueWidth = 0;
var scrollingArea = 0;
var sliderStartPosition = 0
var sliderStopPosition = 0

Gallery = {

	initialize: function(){
		$(".class-image .attribute-image").each(function(){
			$(this).bind("click", Gallery.onClickHandler);
			
		});
		var firstImage = $(".content-view-full .class-gallery .content-view-children .content-view-galleryline .class-image .attribute-image").get(0);
		$("#large-image").css({
			"background": "transparent url("+$(firstImage).attr("path")+") no-repeat center center"
		});
		sliderTrueWidth = $(".content-view-full .class-gallery .content-view-children .content-view-galleryline").length * 80;
		$(".content-view-full .class-gallery .children-mask .content-view-children").css({
			"width": sliderTrueWidth+"px"
		});
		
		scrollingArea = sliderTrueWidth - $(".content-view-full .class-gallery .children-mask").width();
		var maskOffset = $('.content-view-full .class-gallery .children-mask').offset();
		sliderStopPosition = 0 - scrollingArea;
		
		$("#right_button").click(Gallery.scrollRight);
		$("#left_button").click(Gallery.scrollLeft);
		
		
	},
	onClickHandler: function(){
		$("#large-image-holder").addClass("loading");
		$("#large-image").css({"background": "none"});
		$("#large-image").css({
			"background": "transparent url("+$(this).attr("path")+") no-repeat center center"
		});
	},
	scrollLeft: function(){
		currentPos = Number($(".content-view-full .class-gallery .content-view-children").css("left").replace("px", ""));
		var newPosition = currentPos+80;
		if (newPosition >0 ) newPosition = 0;
		$(".content-view-full .class-gallery .content-view-children").animate({"left": newPosition+"px" })
	},
	scrollRight: function(){
		currentPos = Number($(".content-view-full .class-gallery .content-view-children").css("left").replace("px", ""));
		var newPosition = currentPos-80;
		if (newPosition < sliderStopPosition) newPosition = sliderStopPosition;
		$(".content-view-full .class-gallery .content-view-children").animate({"left": newPosition+"px" })
		
	
	}

}

$(Gallery.initialize);