$(function() {
	setScroll();
	orderCallback();

	$('#sendOrder').live('submit', function() {
		if($("#form_Name").val() != "" && $("#form_Name").val() != "Ваше имя" && $("#form_Telephone").val() != "" && $("#form_Telephone").val() != "Телефон: XXXXXXXXXXX"){
			formData = $('#sendOrder').serialize();
			$.post("/netcat/add.php", formData);
			$(document).click();
		} else {
			alert('Проверьте заполненность полей "Ваше имя" и "Телефон".');
		}
		return false;
	});

});

function inputFocus(e, msg) {
	if (e.value == msg) e.value = '';
	$(e).addClass('inp-active');
}

function inputBlur(e, msg) {
	if (e.value == '') {
		e.value = msg;
		$(e).removeClass('inp-active');
	}
}

function setScroll() {
	var scrollPane = $('.scroll-pane');
	var scrollContent = $('.scroll-content');
	var allImages = $('.scroll-content').find('li');
	var i = 0;
	var btns = $('.gallery .btn-prev, .gallery .btn-next');
	var contentSize = scrollContent.find('li').length;
	var btnsRepeatClicking = 0;
	
	allImages.each(function() {
		i += ($(this).width() + parseInt($(this).css('margin-right')));
	});
	
	scrollContent.css('width', i);
	if (scrollContent.width() > 749 && scrollContent.width() < 874) {
		scrollContent.css('width', 873);
	}
	
	if (scrollContent.width() > scrollPane.width()) {
		var scrollbar = $('.scroll-bar').slider({
			slide:function(e, ui) {
				if (scrollContent.width() > scrollPane.width()) {
					scrollContent.css(
						'margin-left', Math.round(ui.value / 100 * (scrollPane.width() - scrollContent.width())) + 'px'
					)
				}
				else {
					scrollContent.css('margin-left', 0);
				}
			}
		});
	
		var handleHelper = scrollbar.find('.ui-slider-handle')
			.mousedown(function(){
				scrollbar.width( handleHelper.width() );
			})
			.mouseup(function(){
				scrollbar.width( '100%' );
			})
			.append('<i class="ui-slider-handle-in"><i></i></i>')
			.wrap('<div class="ui-handle-helper-parent"></div>').parent();
		
		scrollPane.css('overflow', 'hidden');
	
		function sizeScrollbar() {
			var remainder = scrollContent.width() - scrollPane.width();
			var proportion = remainder / scrollContent.width();
			var handleSize = scrollPane.width() - (proportion * scrollPane.width());
			scrollbar.find('.ui-slider-handle').css({
				width: handleSize,
				'margin-left': -handleSize/2
			});
			handleHelper.width('').width(scrollbar.width() - handleSize);
		}
	
		function resetValue() {
			var remainder = scrollPane.width() - scrollContent.width();
			var leftVal = scrollContent.css('margin-left') == 'auto' ? 0 : parseInt(scrollContent.css('margin-left'));
			var percentage = Math.round(leftVal / remainder * 100);
			scrollbar.slider('value', percentage);
		}
	
		setTimeout(sizeScrollbar, 10);//safari wants a timeout
    
		btns
		.bind('mousedown', function(event) {
			if ($(this).hasClass('btn-prev')) {
				btnsRepeatClicking = setInterval(function() {
					scrollbar.slider('value', scrollbar.slider('value') - contentSize);
					scrollContent.css('margin-left', Math.round(scrollbar.slider('value') / 100 * (scrollPane.width() - scrollContent.width())) + 'px');
				}, 50)
			} else if ($(this).hasClass('btn-next')) {
				btnsRepeatClicking = setInterval(function() {
					scrollbar.slider('value', scrollbar.slider('value') + contentSize);
					scrollContent.css('margin-left', Math.round(scrollbar.slider('value') / 100 * (scrollPane.width() - scrollContent.width())) + 'px');
				}, 50)
			}
		})
		.bind('mouseup mousemove', function() {
			clearInterval(btnsRepeatClicking);
		})
		.bind('click', function(event) {
			event.stopPropagation();
			event.preventDefault();
		})
	} else {
		btns.css('visibility', 'hidden');
	}
	
	var galleryBig = $('.gallery-big_image img');
	
	$('.gallery .scroll-content a').click(function(event) {
		galleryBig.attr('src', $(this).attr('rel'));
		
		$('#cur_data').html($(this).parent().find('div.data').html());
		
		event.stopPropagation();
		event.preventDefault();
	});
	
	$('#cur_data').html($('.gallery .scroll-content li:first').find('div.data').html());
	
	galleryBig.attr('src', $('.gallery .scroll-content li:first a').attr('rel'));
}

function orderCallback() {
	var ocb = $('.order-callback');
	var full = $('.order-callback-full');

	ocb.click(function() {
		if (full.is(':visible')) {
			full.fadeOut(200);
		} else {
			full.show(0).css({
				'left': function() {
					if (ocb.closest('.header').length) {
						return ocb.position().left + parseInt(ocb.css('marginLeft'))
					} else {
						return ocb.offset().left
					}
				},
				'top': ocb.offset().top + ocb.height()
			});
		}
		return false;
	});

	full.click(function(e) {
		e.stopPropagation();
	});

	$(document).click(function() {
		full.fadeOut(200);
	});
}