var cityperlist=24;

var citycoverwidth=830;
var viewcityheight=cityperlist*18;
var dix=0;
$(document).ready(function(){
	var cw=screen.availWidth; var ch=screen.availHeight;
	var v=document.getElementsByTagName((document.compatMode&&document.compatMode=="CSS1Compat")?"HTML":"BODY")[0];
	lch=220; lcw=(v.offsetWidth-62)/2;
	tikmap=0; tiktik=false;
	
	$('body').append('<div id="ajaxloader"><img src="http://www.barahla.net/files/loader.gif"></div>');
	$('body').append('<div id="citycover"></div>');
	$('body').append('<div id="preloader"></div>');

	ppos='fixed'; pheight=pwidth='100%';
	if ( $.browser.msie ) {	ppos='absolute'; pheight=(document.getElementById('preloader').offsetTop>ch)? document.getElementById('preloader').offsetTop:ch; pheight+='px';pwidth=v.offsetWidth-22;}
	
	$('#preloader').css({display: 'none',position: ppos,left: '0px',top: '0px',width: pwidth,height: pheight,background: '#000',opacity: '0.4',zIndex: '96'});
	$('#ajaxloader').css({display: 'none',position: ppos,left: lcw+'px',top: lch+'px',width: '64px',height: '64px',zIndex: '112'});
	
	//$('#viewcity').css({height: viewcityheight+'px'});
	//height: (viewcityheight+30)+'px'
	$('#citycover').css({position: 'absolute',top: '30px',left: '200px',zIndex: '256'}).hide();
	
	$('#city_adv').css({opacity: '0.95'});
	$('#city_adv').mouseover(function(){$('#city_adv').css({opacity:'1'});}).mouseout(function(){$('#city_adv').css({opacity:'0.95'});});
	$('#city_adv').click(function(){
	tiktik=false;
	preloaderheight();
	$('#preloader').fadeIn(800);
	$('#ajaxloader').fadeIn(200);
		
		adr=window.location.href.substring(0,window.location.href.indexOf('barahla.net'));
		apm=window.location.href; while ( apm.indexOf('&')!=-1 ) {apm=apm.replace('&','(_amp_)'); }
	$('#citycover').load(adr+'barahla.net/ajax/citymap.php?g='+cityperlist+'&l='+apm, function() {

	$('#viewcity').prepend('<div id="cityclose"></div>');
	$('#cityclose').css({
		float: 'right',
		background: 'url(http://barahla.net/files/mapclose.png) top left no-repeat',
		width: '22px',
		height: '22px',
		position: 'relative',
		margin: '5px 5px 0px -27px',
		zIndex: '1024',
		opacity: '0.7'
	});
	$('#cityclose').mousemove(function(){$(this).css({opacity:'1'});}).mouseout(function(){$(this).css({opacity:'0.7'});});
	$('#cityclose').click(maphide);
	
	dx=(v.offsetWidth-citycoverwidth)/2;
		$('#citycover').css({
			left: dx+'px'
		});	
	
		$(v).bind('keydown', function (event) {
		if ( event.keyCode==27 ) {
			if (event.preventDefault) {event.preventDefault();}
			event.returnValue = false;
			tiktik=true;
			maphide();
			}
		});
		
	postdata();
	 });
	});

	
	$(window).scroll(preloaderheight);
	$(window).resize(function(){
	var v=document.getElementsByTagName((document.compatMode&&document.compatMode=="CSS1Compat")?"HTML":"BODY")[0];	
	preloaderheight();
	lcw=(v.offsetWidth-62)/2; dx=(v.offsetWidth-citycoverwidth)/2;
		$('#ajaxloader').css({left: lcw+'px'});
		$('#citycover').css({left: dx+'px'});
	});
	
});
function maphide () {
	var v=document.getElementsByTagName((document.compatMode&&document.compatMode=="CSS1Compat")?"HTML":"BODY")[0];	
	$('#ajaxloader').fadeOut(100); $('#preloader').fadeOut(400); $('#citycover').fadeOut(200);
	$(v).unbind('keydown'); clearTimeout(tikmap);
}
function postdata() {
	if (tiktik) {tiktik=false;maphide();return;}
	$('#ajaxloader').fadeOut();$('#citycover').fadeIn(400);
	tikmap=setTimeout('mapslide()',50);

}
function preloaderheight() {
	if ( $.browser.msie ) {
		d=self.pageYOffset||(document.documentElement&&document.documentElement.scrollTop)||(document.body&&document.body.scrollTop);
		//$('#citycover').css({top: d+30+'px'}); 
		$('#ajaxloader').css({top: d+lch+'px'});
	 }
}
function mapslide() {
	dix++;
}