$(document).ready(function(){
	
	//menu
	$('ul.menu li').hover(function(){
		$('ul', this).show();
	}, function(){
		$('ul', this).hide();
	});
	
	//photo
	$('.photoSmall').each(function(){
		var img = $(this).attr('data');
		
		var th = new Image();
		//th.src = 'i/' + img + 's.jpg';
		th.src = '/upload_picture/dev_pic/LittleThumb/' + img + '.jpg';
		
		if ($(this).hasClass('selected')) {
			$(this).css('background-image', 'url(/upload_picture/dev_pic/LittleThumb/' + img + '.jpg)');
			var img = $(this).attr('data');
			$('#photoViewer img').attr('src', '/upload_picture/dev_pic/MiddleThumb/' + img + '.jpg');
		} else {
			$(this).css('background-image', 'url(/upload_picture/dev_pic/GreyThumb/' + img + '.jpg)');
		}
		
		$(this).hover(function(){
			$(this).css('background-image', 'url(/upload_picture/dev_pic/LittleThumb/' + img + '.jpg)');
		}, function(){
			if ($(this).hasClass('selected')) {
				$(this).css('background-image', 'url(/upload_picture/dev_pic/LittleThumb/' + img + '.jpg)');
			} else {
				$(this).css('background-image', 'url(/upload_picture/dev_pic/GreyThumb/' + img + '.jpg)');
			}
		}).click(function(){
			$('#photoViewer div').hide();
			
			$('div', this.parentNode).each(function(){
			
				$(this).removeClass('selected').css('background-image', 'url(/upload_picture/dev_pic/GreyThumb/' + $(this).attr('data') + '.jpg)');
			});
			var img = $(this).attr('data');
			
			$(this).addClass('selected').css('background-image', 'url(/upload_picture/dev_pic/LittleThumb/' + img + '.jpg)');
			
			$('#photoViewer img').animate({
				opacity: 0
			}, 1000);			
			
			$('html, body').animate({scrollTop: 322}, 'slow');
			
			setTimeout(function(){
				var tmp = new Image();
				tmp.onload = function(){
					$('#photoViewer img').attr('src', '/upload_picture/dev_pic/MiddleThumb/' + img + '.jpg').animate({
						opacity: 1
					}, 1000);
					$('#photoViewer div').show().css({opacity: 0}).animate({opacity: 1}, 500);
				}
				tmp.src = '/upload_picture/dev_pic/MiddleThumb/' + img + '.jpg';
			}, 1000);
		});
	});
	
	$('#photoViewer div').css({opacity: 0});
	
	$('#photoViewer').hover(function(){
		$('#photoViewer div').stop().animate({
			opacity: 1
		}, 500);
	}, function(){
		$('#photoViewer div').stop().animate({
			opacity: 0
		}, 500);
	});
	
	$('#photoViewer #rightArrow').click(function(){
		var items = $('.photoSmall');
		for (var i = 0; i < items.length; i++){
			if ($(items[i]).hasClass('selected')) {
				if (i < items.length - 1) {
					$(items[i + 1]).click();
					break;					
				} else {
					$(items[0]).click();
					break;
				}
			}
		}
	});
	
	$('#photoViewer #leftArrow').click(function(){
		var items = $('.photoSmall');		
		for (var i = 0; i < items.length; i++){
			if ($(items[i]).hasClass('selected')) {
				if (i < items.length - 1) {
					$(items[i + 1]).click();
					break;					
				} else {
					$(items[0]).click();
					break;
				}
			}
		}
	});
	
	$('body').append('<div id="modalBg"></div>');
	$('#modalBg').css({opacity: 0});
	$('body').append('<div id="photoView"><div class="close" title="Закрыть"></div><div class="image"></div></div>');
	$('#photoView').css({opacity: 0});
	
	$('#photoViewer #magnify').click(function(){
		$('#modalBg').show().css({
			width: $(document.body).width(),
			height: $(document.body).height()			
		}).animate({opacity: 0.5}, 500);
		$('#photoView .close').hide();
		
		var winWidth = $(window).width();
	    var scrollLeft = $(window).scrollLeft();
	    var winHeight = $(window).height();
	    var scrollTop = $(window).scrollTop();
		
		$('#photoView').show().css({
			top: scrollTop + parseInt(winHeight / 2) - 100 + 'px',
			left: parseInt(winWidth / 2) - 200 + 'px',
			width: '400px',
			height: '200px',
			'background-image': 'url(loader_black.gif)'
		}).stop().animate({
			opacity: 0.2
		}, 500);
		
		
		var imgSrc = $('#photoViewer img').attr('src').replace(/\/MiddleThumb/i,'' );

		var tmp = new Image();
		tmp.onload = function(){
			$('#photoView .image').css({
				background: 'url(' + imgSrc + ') no-repeat center top',
				width: tmp.width + 'px',
				height: tmp.height + 'px',
				opacity: 0
			});
				
			$('#photoView').stop().animate({
				opacity: 1,
				left: parseInt((winWidth - tmp.width - 20) / 2) + 'px',
				top: scrollTop + parseInt((winHeight - tmp.height - 20) / 2) + 'px',
				width: tmp.width + 20 + 'px',
				height: tmp.height + 20 + 'px',
				'background-position-y': parseInt((tmp.height - 20) / 2) - 10 + 'px'
			}, 1000);
			setTimeout(function(){
				$('#photoView .image').animate({
					opacity: 1
				}, 500);
				$('#photoView .close').show();
			}, 1000);
		}
		tmp.src = imgSrc;		
	});
	
	$('#photoView .close').click(function(){
		$('#photoView').css({
				'background-image': 'none'
		});
		$('#photoView .image').stop().animate({
			opacity: 0
		}, 800);
		
		setTimeout(function(){
			$('#photoView .image').css({
				background: '#000',
				opacity: 1
			});
			$('#photoView').stop().animate({
				opacity: 0,
				left: parseInt($(window).width() / 2) + 'px',
				top: $(window).scrollTop() + parseInt($(window).height() / 2) + 'px',
				width: '0px',
				height: '0px'
			}, 800);
			$('#photoView .close').hide();
		}, 800);
		
		setTimeout(function(){
			$('#modalBg').animate({
				opacity: 0
			}, 400);
		}, 1600);
		
		setTimeout(function(){
			$('#photoView').hide();
			$('#modalBg').hide();
		}, 2000);
	});
	
	//bonus
	$('.lBody .bonusPhoto').each(function(i){
		$(this).css({
			'background-image': 'url(' + $('img', this).attr('path')+ ')',
			'left': i * 105 + 'px'
		});
		$(this).data('timer', 0);	
		$(this).append('<div class="photoTitleBg"></div><div class="photoTitle">' + $('img', this).attr('title') + '</div>');
	});
	
	$('.lBody .bonusPhoto').bind('mouseenter', function(){
		if ($(this).data('timer') != 0) return true;
		var self = this;
		$(this).data('timer', setTimeout(function(){
			$(self).data('timer', 0);
		}, 300));
		$(this).stop().animate({
			'top': '40px'
		}, 100).animate({'top': '20px'}, 200);
	});

	$('#askForm').submit(function() { 
		var url = '/ajax/postMail/';
		
		$.post(url, {phone:$('#phone').val()}, function(d){
			alert ('Спасибо, мы вам перезвоним'); 
			}
		);			

		return false;
	});
		

});