var open_dialog = false
$(document).ready(function(){
	if (!open_dialog){
		$('.calerdar').click(function(){ // открыть календарь
			open_dialog = true
			var month = null
			var year = null
			var array_calendars = []
			var month_of_year = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь']
			$(document.body).append('<div id="white" style="position:absolute;top:0;left:0;width:100%;background-color:#000;z-index:90;height:'+$(document).height()+'px"></div>')
			$('#white').fadeTo(0, 0.3)
			$('#white').click(function(){
	    	$('.popup, #white').remove()
	    	open_dialog = false
			})
			var content = '<div class="popup calend"><div class="pl bot"></div><div class="pl right"><a href="javascript:void(0)" class="none close"><img src="/i/close.gif" width="11" height="11"  alt="x" /></a></div><div class="pl right-bot"></div><div class="pl content"><div class="inner" id="popup_inner"></div></div></div></div>'
			$(document.body).append(content)
			content = '<div class="title"><a href="javascript:void(0)" class="none lr t_left"><img src="/i/left.gif" width="10" height="19" alt="←" /></a><div class="month">' + 'Октябрь' + ', ' + '2011' + '</div><a href="javascript:void(0)" class="none lr t_right"><img src="/i/right.gif" width="10" height="19" alt="→" /></a></div>'+
	    '<table class="top"><tr><td>Пн</td><td>Вт</td><td>Ср</td><td>Чт</td><td>Пт</td><td class="hol">Сб</td><td class="hol">Вс</td></tr></table><div id="popup_calendar"></div>'
			$('#popup_inner').html(content)
	    $('.popup .close').click(function(){
	    	$('.popup, #white').remove()
	    	open_dialog = false
	    })
	
			$.post('/other_files/calendar.php', {}, function(data){
				$('#popup_calendar').html(data.content)
				month = parseInt(data.month)
				year = data.year
				array_calendars[month + '_' + year] = $('#popup_calendar').html()
				$('#popup_inner .month').html(month_of_year[month - 1] + ', ' + year)
			}, 'json')
	
			var lock = false
		  $('.t_left').click(function(){
		    if (!lock){
			    lock = true
			    if (month > 1){
				    month -= 1
			    }
			    else{
				    month = 12
				    year -= 1
			    }
			    $('#popup_inner .month').html(month_of_year[month - 1] + ', ' + year)
			    var t = false
			    for (name in array_calendars){
				    if (name == (month + '_' + year)){
					    t = true
					    break
				    }
			    }
			    if (t){
						$('#popup_calendar').append(array_calendars[month + '_' + year])
						$('#popup_calendar table:last').css('margin-left', '-673px')
						$('#popup_calendar table:first').animate({'marginLeft': '683px'}, 400, function(){$(this).remove()})
						$('#popup_calendar table:last').animate({'marginLeft': '5px'}, 400, function(){lock = false})
			    }
			    else{
				    $.post('/other_files/calendar.php', {month: month, year: year}, function(data){
							array_calendars[month + '_' + year] = data.content
					    $('#popup_calendar').append(data.content)
							$('#popup_calendar table:last').css('margin-left', '-673px')
							$('#popup_calendar table:first').animate({'marginLeft': '683px'}, 400, function(){$(this).remove()})
							$('#popup_calendar table:last').animate({'marginLeft': '5px'}, 400, function(){lock = false})
						}, 'json')
			    }
		    }
		  })
	
		  $('.t_right').click(function(){
		    if (!lock){
			    lock = true
			    if (month < 12){
				    month += 1
			    }
			    else{
				    month = 1
				    year += 1
			    }
			    $('#popup_inner .month').html(month_of_year[month - 1] + ', ' + year)
			    var t = false
			    for (name in array_calendars){
				    if (name == (month + '_' + year)){
					    t = true
					    break
				    }
			    }
			    if (t){
						$('#popup_calendar').append(array_calendars[month + '_' + year])
						$('#popup_calendar table:last').css('margin-left', '683px')
						$('#popup_calendar table:first').animate({'marginLeft': '-673px'}, 400, function(){$(this).remove()})
						$('#popup_calendar table:last').animate({'marginLeft': '5px'}, 400, function(){lock = false})
			    }
			    else{
				    $.post('/other_files/calendar.php', {month: month, year: year}, function(data){
							array_calendars[month + '_' + year] = data.content
							$('#popup_calendar').append(data.content)
							$('#popup_calendar table:last').css('margin-left', '683px')
							$('#popup_calendar table:first').animate({'marginLeft': '-673px'}, 400, function(){$(this).remove()})
							$('#popup_calendar table:last').animate({'marginLeft': '5px'}, 400, function(){lock = false})
						}, 'json')
			    }
		    }
		  })
		})
		$('a.ymaps').click(function(){ // открыть карту места отдыха
			open_dialog = true
			var str_point = $(this).parent().find('input.ymaps_coords').val()
			$(document.body).append('<div id="white" style="position:absolute;top:0;left:0;width:100%;background-color:#000;z-index:90;height:'+$(document).height()+'px"></div>')
			$('#white').fadeTo(0, 0.3)
			$('#white').click(function(){
				$('.popup, #white').remove()
				open_dialog = false
			})
			var content = '<div class="popup calend"><div class="pl bot"></div><div class="pl right"><a href="javascript:void(0)" class="none close"><img src="/i/close.gif" width="11" height="11"  alt="x" /></a></div><div class="pl right-bot"></div><div class="pl content"><div class="inner" id="popup_inner"></div></div></div></div>'
			$(document.body).append(content)
			content = '<div style="width:655px; height: 425px; margin-top: 15px; margin-left: 15px" id="ymaps_div"></div>'
			$('#popup_inner').html(content)
			$('.popup .close').click(function(){
				$('.popup, #white').remove()
				open_dialog = false
			})
			var map = new YMaps.Map(YMaps.jQuery("#ymaps_div")[0])
			map.setCenter(new YMaps.GeoPoint.fromString(str_point), 16)
			map.addOverlay(new YMaps.Placemark(new YMaps.GeoPoint.fromString(str_point)))
		})
	}
})

function mouse_xy(e)
{
	var x = 0, y = 0;

	if (!e) e = window.event;

	if (e.pageX || e.pageY)
	{
		x = e.pageX;
		y = e.pageY;
	}
	else if (e.clientX || e.clientY)
	{
		x = e.clientX + 
			(document.documentElement.scrollLeft || document.body.scrollLeft) - 
			document.documentElement.clientLeft;
		y = e.clientY + 
			(document.documentElement.scrollTop || document.body.scrollTop) - 
			document.documentElement.clientTop;
	}

	return {"x":x, "y":y};
}

$(document).ready(function(){
	$('#overpages').append('<div class="left_shadow"></div><div class="right_shadow"></div>')
	var desc = null
	var this_left = null
	$('#scrollbar').css({'opacity': 0})
	$('.show_pages').hover(function(){
		$('#scrollbar').animate({'opacity': 1}, 200)
	}, function(){
		$('#scrollbar').animate({'opacity': 0}, 200)
	})

	function init_scroll(){
		var pages_width = $('#pages').width()
		var inpages_width = $('#pages .inpages').width()
		var this_page = $('#pages input.this_page').val()
		
		var pages_scroll = $('#pages span.thispage').offset().left - parseInt(pages_width) + 70
		if (pages_scroll >0)
			$('#pages').scrollLeft(pages_scroll)
		if (pages_width < inpages_width) {
			if ($('#scrollbar .slider').size() == 0) {
				$('#scrollbar').append('<div class="left_arrow"></div><div class="right_arrow"></div><div class="back_line"></div><div class="slider"><div class="left_slider"></div><div class="right_slider"></div></div>')
				desc = inpages_width / (pages_width - 50)
				var width_slider = parseInt(pages_width / desc) - 26
				$('#scrollbar .slider').css('width', width_slider + 'px')
				var this_mouse_x = null
				$('#scrollbar .slider').mousedown(function(event){
//					var event = event || window.event
					this_mouse_x = mouse_xy(event).x
					this_left = parseInt($(this).css('left'))
				})
				$(document).mousemove(function(event){
					if (this_left != null) {
						var now_left = this_left + (mouse_xy(event).x - this_mouse_x)
						var slider_width = $('#scrollbar .slider').width()
						var scroll_bar_width = $('#scrollbar').width()
						var max_left = scroll_bar_width - slider_width - 14
						if (now_left < 0) {
							now_left = 0
						}
						if (now_left > max_left) {
							now_left = max_left
						}
						var scroll_left = parseInt(now_left * desc)
						$('#pages').scrollLeft(scroll_left)
						$('#scrollbar .slider').css('left', now_left + 'px')
					}
				})
				$(document).mouseup(function(event){
					this_mouse_x = null
					this_left = null
				})
			}
			else {
				desc = inpages_width / (pages_width - 50)
				var width_slider = parseInt(pages_width / desc) - 26
				$('#scrollbar .slider').css('width', width_slider + 'px')
				$('#scrollbar .slider').css('left', parseInt($('#pages').scrollLeft() / desc) + 'px')
			}
		}
		else {
			$('#scrollbar').html('')
		}
		set_scroll()
	}
	function set_scroll(){
		var pages_scroll = $('#pages').scrollLeft()
		var pages_width = $('#pages').width()
		var inpages_width = $('#pages .inpages').width()
		if (pages_scroll > 10) {
			$('#overpages .left_shadow').addClass('show')
		}
		else {
			$('#overpages .left_shadow').removeClass('show')
		}
		if ((pages_scroll + pages_width + 15) > (inpages_width)) {
			$('#overpages .right_shadow').removeClass('show')
		}
		else {
			$('#overpages .right_shadow').addClass('show')
		}
		$('#scrollbar .slider').css('left', parseInt($('#pages').scrollLeft() / desc) + 'px')
	}

	init_scroll()

	$(window).resize(function(){
		init_scroll()
	})
	$('#pages').scroll(function(){
		set_scroll()
	})
})