//  Bungalo.is - 2010
//  Slider javascript file by mogue

// NOTE: RESERVE THE slider CLASS FOR THIS PLUGIN

$(document).bind("ready", function (){
	//--------------
	// Slider
	//--------------

	var BUTTON_FADE_MS = 500;
	var SCROLL_STEP_MS = 500;

	function slide() {
		var target = $(this).siblings(".cliping").children(".sliderContent");
		var slider = $(this).parent();
		var direction = $(this).hasClass("prev");

		var scroll_size = slider.attr("scroll");
		var steps = slider.attr("steps");
		var step = slider.data("step") || 0;
		if(step >= 0 && step <= steps) {
			var indicator = (direction)?"+=":"-=";
			$(this).siblings(".cliping").children(".sliderContent").animate({ "margin-left":indicator + scroll_size },SCROLL_STEP_MS);
			step = (direction)? step-1: step+1;
			if(step == 0 || step == steps) $(this).hide(); //.fadeOut(BUTTON_FADE_MS);
		}
		
		$(this).parent().data("step", step);

		var invert = (direction)?"next":"prev";
		$(this).siblings(".button."+invert).show();
	}

	$(".slider .button.next").bind("click", slide);
	$(".slider .button.prev").bind("click", slide);

	$(".slider").bind("mouseover", function () {
		var steps = $(this).attr("steps");
		var step = $(this).data("step") || 0;

		if(step < steps) $(this).children(".button.next").stop().clearQueue().show();
		if(step > 0) $(this).children(".button.prev").stop().clearQueue().show();
		$(this).children(".button").css({ "opacity":0.86 })
	});
	$(".slider").bind("mouseout", function () {
		$(this).children(".button").fadeOut(BUTTON_FADE_MS);
	});

	$(".slider .button").hide();
});