$(document).ready( function() {
	changeTextToBGI('.description .black-header', '24', '393939');
	changeTextToBGI('.namenprice .name', 14, 'ffffff', 'right', 'klavika-medium', 184);
	changeTextToBGI('.namenprice .price', 14, 'ffffff', 'right', 'klavika', 184);
	changeTextToBGI('.slideLine .black-header-fill div', 16, 'ffffff');
	changeTextToBGI('.gift-voucher-specs .box .header h2', 24, 'ffffff', 'wordwrap-center');

	$('.item').bind('mouseover', function(event) {
		event.preventDefault();
		$(this).find('.namenprice').css({ 'display': 'block' });
	});
	$('.item').bind('mousemove', function(event) {
		event.preventDefault();
		$(this).find('.namenprice').css({
			'top': (event.clientY + 20) + 'px',
			'left': (event.clientX + 10) + 'px'
		});
	});
	$('.item').bind('mouseout', function(event) {
		event.preventDefault();
		$(this).find('.namenprice').css({ 'display': 'none' });
	});

	sliderInitialize([
		[
			'#slide-selector-wrapper-packaging',
			'#slide-selector-input-packaging',
			[
				['#slide-selector-packaging-prev', -1],
				['#slide-selector-packaging-next', 1]
			]
		],
		[
			'#slide-selector-wrapper-amount',
			'#slide-selector-input-amount',
			[
				['#slide-selector-amount-prev', -1],
				['#slide-selector-amount-next', 1]
			]
		]
	]);
});

function sliderInitialize(data) {
	$.grep(data, function(e1) {
		$(e1[0]).css({
			width: ($(e1[0]).width() * $(e1[0]).find('.slide-selector').length) + 'px',
			top: '0'
		});
		$(e1[0]).find('*').css({ 'float': 'left' });
		$(e1[0]).css({ 'left': '-' + ((Math.abs($(e1[1]).val()) - 1) * $(e1[0]).find('.slide-selector:first').width()) + 'px' });

		$.grep(e1[2], function(e2) {
			$(e2[0]).removeClass('disable');
			enableOnClick(e2, e1[2], e1[1], e1[0]);
		});
		ableButton(e1[2], e1[1], e1[0]);
	});
}


function disableOnClick(button) {
	$(button[0]).unbind();
	$(button[0]).bind('click', function(event) {
		event.preventDefault();
	});
}

function enableOnClick(button, buttonList, inputField, valueDiv) {
	$(button[0]).unbind();
	$(button[0]).bind('click', function(event) {
		event.preventDefault();
		$(valueDiv).animate({ 'left': (button[1] < 0 ? '+' : '-') + '=' + (Math.abs(button[1]) * $(valueDiv).find('.slide-selector:first').width()) + 'px' }, 400);
		$(inputField).val(Number($(inputField).val()) + button[1]);
		ableButton(buttonList, inputField, valueDiv);
	});
}

function ableButton(buttonList, inputField, valueDiv) {
	$.grep(buttonList, function(e) {
		if ((Number($(inputField).val()) <= 1 && e[1] < 0) ||
				(Number($(inputField).val()) >= $(valueDiv).find('.slide-selector').length && e[1] > 0)) {
			if ($(e[0]).attr('class').match(/-disable$/) === null) {
				var oldClass = $(e[0]).attr('class');
				$(e[0]).removeClass(oldClass);
				$(e[0]).addClass(oldClass + '-disable');
			}
			disableOnClick(e);
		} else {
			var oldClass = $(e[0]).attr('class');
			$(e[0]).removeClass(oldClass);
			$(e[0]).addClass(oldClass.split(/-disable/)[0]);
			enableOnClick(e, buttonList, inputField, valueDiv);
		}
	});
}