function save_slider() {
	Cookie.set("carousel-width", $('hcarousel-content').getStyle('width'));
	Cookie.set("carousel-offset", $('hcarousel-content').getStyle('left'));
	Cookie.set("handle-offset", $('handle').getStyle('left'));
}

function load_slider() {
	var widthC = Cookie.get("carousel-width", 0);
	if (widthC == $('hcarousel-content').getStyle('width')){
		var offsetC = Cookie.get("carousel-offset", 0);
		$('hcarousel-content').setStyle({
			left : offsetC,
			position : 'relative'
		});

		var offsetH = Cookie.get("handle-offset", 0);
		$('handle').setStyle({
			left : offsetH
		});
	}
}
// Big Slider - Begin
function run_categoryImageSlider() {
	imagePreloader = new SCREENBOW.preloadLoad({
		treshold : 0
	});
	slider_max = -790;

	$$('.bigSlide').each(function(el) {
		slider_max += el.getWidth();
	});

	handle_width = 790 / (slider_max + 790) * 790;

	if (handle_width > 588) {
		$('handle').setStyle({
			width : '588px'
		});
	} else {
		$('handle').setStyle({
			width : handle_width + 'px'
		});
	}

	$('hcarousel-content').setStyle({
		width : slider_max + 790 + 'px'
	});
	bigSlider = new Control.Slider($('bigSlider').down('.handle'),
			$('bigSlider'), {
				range : $R(0, slider_max),
				increment : 10,
				sliderValue : 0,
				onSlide : function(value) {
					if (move_effect) {
						$('hcarousel-content').setStyle({
							left : value * (-1) + 'px',
							position : 'relative'
						});
						save_slider();
						move_effect = 1;
					}
				},
				onChange : function(value) {
					if (move_effect) {
						$('hcarousel-content').setStyle({
							left : value * (-1) + 'px',
							position : 'relative'
						});
						save_slider();
						move_effect = 1;
					} else {
						var pos = Position.page($('hcarousel-content'));
						var pad = Position.page($("hcarousel-wrapper"));

						var pos1 = pos[0] - pad[0];
						var val = value + pos1;
						new Effect.Move($('hcarousel-content'), {
							x : val * (-1),
							y : 0,
							mode : 'relative',
							duration : 1,
							beforeStart : function() {
								bigSlider.setDisabled();
							},
							afterFinish : function() {
								bigSlider.setEnabled();
								$('hcarousel-content').setStyle({
									left : value * (-1) + 'px',
									position : 'relative'
								});
								save_slider();
							}
						});
						move_effect = 1;
					}
				}
			});

	if (handle_width > 790) {
		bigSlider.setDisabled();
	}

	Event.observe($('hcarousel-content'), "mousewheel", wheel, false);
	Event.observe($('hcarousel-content'), "DOMMouseScroll", wheel, false); // Firefox

	load_slider();
}

function bigSliderHome() {
	var el_width = 0;
	var el_pos = 0;
	if (bigSlider.disabled == false) {
		$$('.bigSlide img').each(function(image) {

			this.element = image;
			this.position = Position.page(this.element);
			this.pad = Position.page($("hcarousel-wrapper"));
			this.viewportWidth = $("hcarousel-wrapper").getWidth();

			this.position[0] = this.position[0] - this.pad[0];

			if ((this.position[0]) < 0) {
				el_width = this.element.getWidth();
				el_pos = this.position[0];
			}
		});
		if ((el_pos + el_width) != 0) {
			move_effect = 0;
			bigSlider.setValueBy(el_pos);
		} else {
			move_effect = 0;
			bigSlider.setValueBy(el_width * (-1));
		}
	}
}

function bigSliderEnd() {
	var i = 0;
	if (bigSlider.disabled == false) {
		$$('.bigSlide img')
				.each(
						function(image) {

							this.element = image;
							this.position = Position.page(this.element);
							this.pad = Position.page($("hcarousel-wrapper"));
							this.viewportWidth = $("hcarousel-wrapper")
									.getWidth();

							this.position[0] = this.position[0] - this.pad[0];
							if ((this.position[0] + this.element.getWidth()) >= (this.viewportWidth)) {
								if (i == 0) {
									if (this.position[0] < 790) {
										move_effect = 0;
										bigSlider.setValueBy(this.element
												.getWidth()
												- (790 - this.position[0]));
									} else {
										move_effect = 0;
										bigSlider.setValueBy(this.element
												.getWidth());
									}
								}
								i++;
							}
						});
	}
}
// Big Slider - End

// Small Slider - Begin
function run_categoryProductSlider() {
	imagePreloader = new SCREENBOW.preloadLoad({
		treshold : 0,
		wrap : "scarousel-wrapper",
		slider : "smallSlider"
	});
	slider_max = -803;

	$$('.bigSlide').each(function(el) {
		slider_max += el.getWidth();
	});

	handle_width = 803 / (slider_max + 803) * 803;

	if (handle_width > 773) {
		$('handle').setStyle({
			width : '777px'
		});
	} else {
		$('handle').setStyle({
			width : handle_width + 'px'
		});
	}

	$('scarousel-content').setStyle({
		width : slider_max + 803 + 'px'
	});
	bigSlider = new Control.Slider($('smallSlider').down('.handle'),
			$('smallSlider'), {
				range : $R(0, slider_max),
				increment : 10,
				sliderValue : 0,
				onSlide : function(value) {
					if (move_effect) {
						$('scarousel-content').setStyle({
							left : value * (-1) + 'px',
							position : 'relative'
						});
						move_effect = 1;
					}
				},
				onChange : function(value) {
					if (move_effect) {
						$('scarousel-content').setStyle({
							left : value * (-1) + 'px',
							position : 'relative'
						});
						move_effect = 1;
					} else {
						var pos = Position.page($('scarousel-content'));
						var pad = Position.page($("scarousel-wrapper"));

						var pos1 = pos[0] - pad[0];
						var val = value + pos1;
						new Effect.Move($('scarousel-content'), {
							x : val * (-1),
							y : 0,
							mode : 'relative',
							duration : 1,
							beforeStart : function() {
								bigSlider.setDisabled();
							},
							afterFinish : function() {
								bigSlider.setEnabled();
								$('scarousel-content').setStyle({
									left : value * (-1) + 'px',
									position : 'relative'
								});
							}
						});
						move_effect = 1;
					}
				}
			});

	if (handle_width > 773) {
		bigSlider.setDisabled();
	}

	Event.observe($('scarousel-content'), "mousewheel", wheel, false);
	Event.observe($('scarousel-content'), "DOMMouseScroll", wheel, false); // Firefox

}

function smallSliderHome() {
	var el_width = 0;
	var el_pos = 0;
	if (bigSlider.disabled == false) {
		$$('.bigSlide img').each(function(image) {

			this.element = image;
			this.position = Position.page(this.element);
			this.pad = Position.page($("scarousel-wrapper"));
			this.viewportWidth = $("scarousel-wrapper").getWidth();

			this.position[0] = this.position[0] - this.pad[0];

			if ((this.position[0]) < 0) {
				el_width = this.element.getWidth();
				el_pos = this.position[0];
			}
		});
		if ((el_pos + el_width) != 0) {
			move_effect = 0;
			bigSlider.setValueBy(el_pos);
		} else {
			move_effect = 0;
			bigSlider.setValueBy(el_width * (-1));
		}
	}
}

function smallSliderEnd() {
	var i = 0;
	if (bigSlider.disabled == false) {
		$$('.bigSlide img')
				.each(
						function(image) {

							this.element = image;
							this.position = Position.page(this.element);
							this.pad = Position.page($("scarousel-wrapper"));
							this.viewportWidth = $("scarousel-wrapper")
									.getWidth();

							this.position[0] = this.position[0] - this.pad[0];
							if ((this.position[0] + this.element.getWidth()) >= (this.viewportWidth)) {
								if (i == 0) {
									if (this.position[0] < 803) {
										move_effect = 0;
										bigSlider.setValueBy(this.element
												.getWidth()
												- (803 - this.position[0]));
									} else {
										move_effect = 0;
										bigSlider.setValueBy(this.element
												.getWidth());
									}
								}
								i++;
							}
						});
	}
}
// Small Slider - End