$.fn.preloader = function(options){
	var self = this;
	this.self = self;
	var settings = $.extend({
		current: self.find('.cur'),
		percents: self.find('.percents'),
		load: self.find('.load'),
		container: $('#map'),
		image: $('#map .map'),
		complete: function(){
			alert('Complete ;-)');
		}
	}, options);
	
	for (var i in settings) self[i] = settings[i];
	
	function setVal(val) {
		self.value = val;
		var per = Math.round(val);
		self.current.stop(true,true);
		self.current.animate({width: per + '%'}, 1000);
		//self.current.css({width:per+'%'});
		self.percents.text(Math.round(per) + '%');
	}
	
	function go(i){
		if (i > 20) {
			self.complete();
			return;
		}
		var img = $('<img src="/static/themes/belogorie/images/map/map_'+i+'.jpg"/>');
		self.image.append(img);
		img.load(function(){
			go(i+1);
			setVal(i*5);
		});
	}
	
	setTimeout(function(){
		go(1);
	}, 1000);
}

function go(){
	$('#preloader').preloader({
		complete: function(){
			var self = this.self;
			self.fadeOut(2000);
			$('#icons .a').fadeOut(2000);
			$('#map').mapNavigator({mode:'simple'});
			$('#plane').remove();
			var coords = { 
				motel: {left: 670, top: 320},
				spa: {left: 1020, top: 220},
				gym: {left: 1300, top: 300},
				restaurant: {left: 1020, top: 430},
				baths: {left: 1390, top: 360},
				fitnesCentr: {left: 450, top: 150},
				pavilions: {left: 1220, top: 85},
				glade: {left: 1450, top: 190},
				volleyball: {left: 580, top: 840},
				summerPlayground: {left: 890, top: 690},
				childrenPlayground: {left: 900, top: 170}
			}
			for (i in coords) $('#'+i).css(coords[i], 2000);
			$('#map .a').fadeIn(2000);
			$('#nav').fadeIn(2000);
			$('.itl, .itr, .il, .ir, .ib').css({opacity: 0.6});
			$('#header').css({opacity: 0.5}).hover(function(){
				$(this).stop(true, false);
				$(this).animate({opacity: 1});
			}, function(){
				$(this).stop(true, false);
				$(this).animate({opacity: 0.5});
			});
				
		}
	});
}

$(window).load(function(){
	if ($.browser.msie&&($.browser.version == '6.0')) {
		var ie6 = '<div id="ie6"><h1>Внимание!</h1><p>Вы пользуетесь устаревшей версией браузера, в связи с чем отображение этого и других сайтов может быть в разной степени некорректным.</p><p>Мы настоятельно рекомендуем вам обновиться на любой из приведённых ниже браузеров &mdash; это сделает посещение сайтов гораздо более комфортным и интересным, так как вы сможете использовать весь функционал, предоставляемый современными интернет-технологиями.</p><p align="center" style="margin: 10px 0px">';
		ie6 += '<a href="http://www.microsoft.com/rus/windows/internet-explorer/" target="_blank" title="Internet Explorer 8"><img src="/static/themes/belogorie/images/browsers/ie.png" class="png" alt="Internet Explorer 8"/><br/>Internet Explorer 8</a>'; 
		ie6 += '<a href="http://www.opera.com/" target="_blank" title="Opera Browser"><img src="/static/themes/belogorie/images/browsers/opera.png" class="png" alt="Opera Browser"/><br/>Opera</a>'; 
		ie6 += '<a href="http://www.mozilla-europe.org/ru/" target="_blank" title="Firefox"><img src="/static/themes/belogorie/images/browsers/FireFox.png" class="png" alt="Firefox"/><br/>Firefox</a>'; 
		ie6 += '<a href="http://www.google.com/chrome/" target="_blank" title="Google Chrome"><img src="/static/themes/belogorie/images/browsers/chrome.png" class="png" alt="Google Chrome"/><br/>Google Chrome</a>'; 
		ie6 += '<a href="http://appldnld.apple.com/Safari5/061-7138.20100607.Y7U87/SafariSetup.exe" target="_blank" title="Safari"><img src="/static/themes/belogorie/images/browsers/safari.png" class="png" alt="Safari"/><br/>Safari</a>'; 
		ie6 += '</p><p align="center"><input type="button" value="Продолжить всё равно"/></p></div>';
		ie6 = $('body').append(ie6);
		ie6.find('input').click(function(){
			$("#ie6").hide();
		});
	}
	go();
});
