Not connected : Access denied for user 'root'@'localhost' (using password: YES)Not connected : Access denied for user 'root'@'localhost' (using password: YES)<style>
.list
{
	/*width:478px;*/
	width:1000px;
	height:auto;
	float:left;	
}
.arch
{
	width:1000px;
	height:310px;
	float:left;	
	overflow:hidden;
	padding:5px;
	margin-bottom:20px;
	margin-top:20px;
}
.box
{
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
h1
{
	font-size:24px;
	font-weight:normal;
}
.bip
{
	display:none;
	position:absolute;
	width:100px;
	height:auto;
	background-color:white;
	border:1px solid #F9A51B;
	border-radius:4px;
	padding:5px;
	font-size:10px;
	font-family:Tahoma;
	float:left;
	z-index:6;
}
.bipi
{
	display:none;
	position:absolute;
	width:10px;
	height:10px;
	background-color:#fce4b6;
	border:1px solid #fce4b6;
	border-radius:5px;
	z-index:4;
}
p
{
	font-size:11px;
	font-family:Arial;
	margin-bottom:10px;
}
.table
{
	border-bottom:1px solid #cccccc;
	height:40px;
	width:100%;
	float:left;
}
td
{

	margin:2px;
	padding:5px;
	padding-top:1px;
	padding-bottom:1px;
	border:0px solid #cccccc;
	font-size:12px;
	font-family:Arial;
}

</style>
<script type="text/javascript" src="/map/jquery.js"></script>
<script type="text/javascript" src="/map/clock.js"></script>
<script>
// bugger
function myErrHandler(message, url, line)
{
   //alert ('Error: '+message+' at '+url+' on line '+line);
   //$('#err').prepend('BUG INFORMATOR - Error: '+message+' at '+url+' on line '+line+'<br>');
   $('.bip').css({'display' : 'none'});
	$('.bipi').css({'display' : 'none'});
	//setTimeout('start()',3000);
   return true;
}
window.onerror = myErrHandler;


function getblur()
{
	$('#barcode').focus();
}
// update database timer array
var round = new Array('5000','8000','10000','0','16000','20000','18000','13000','25000','23000','11000','21000');
$(function(){
	// start function
	$('#barcode').focus();
	// setTimeout('getblur()', 1000);
	setTimeout('start()',3000);	
});
//setTimeout('getblur()', 300);
// function for pause script
$.fn.wait = function(time, type) {
        time = time || 15000;
        type = type || "fx";
        return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(self).dequeue();
            }, time);
        });
    };
function start()
{
	setTimeout('getblur()', 1000);
	// get random round from array
	var a = Math.floor(Math.random()*round.length);
	if(round[a]==0)
	{
		// if round = 0 all blocks hide
		$('.bip').css({'display' : 'none'});
		$('.bipi').css({'display' : 'none'});
		// pause script 15 sec
		setTimeout('start()',15000);
	}
	else
	{
		// create query
	$.ajax({
		type: "POST",
		url: "/map/map.php",
		data: 'act=go',
		success: function(data) 
		{
			//alert(data);
			var splash = JSON.parse(data);
			// hide all blocks
			$('.bip').css({'display' : 'none'});
			$('.bipi').css({'display' : 'none'});
			
			var b = splash.length;
			
			$('.bip').each(function(ind){
				if(b!=0)
				{
					if(ind==0) {
						// show first
						$('#bip_'+ind).fadeIn(700)
						$('#bip_'+ind).css(getCoordsSplash(splash[ind]['city_id']));
						$('#bip_'+ind).html('<strong>'+splash[ind]['shop_name']+'</strong><br><span style="color:gray">'+splash[ind]['product_name']+'</span><br><strong>'+splash[ind]['price']+' руб.</strong>')
						.wait(1000)
			           	$('#bip_'+ind).fadeOut(300);
			           	
			           	$('#bipi_'+ind).css(getCoordsBip(splash[ind]['city_id']));
						$('#bipi_'+ind).show();
					}else {
						// show other with timeout 1 sec* count 1-8
						var timer = setTimeout(function()
						{
							$('#bip_'+ind).fadeIn(700)
							$('#bip_'+ind).css(getCoordsSplash(splash[ind]['city_id']));
							$('#bip_'+ind).html('<strong>'+splash[ind]['shop_name']+'</strong><br><span style="color:gray">'+splash[ind]['product_name']+'</span><br><strong>'+splash[ind]['price']+' руб.</strong>')
							.wait(1000)
				           	$('#bip_'+ind).fadeOut(300);
				           
				           	$('#bipi_'+ind).css(getCoordsBip(splash[ind]['city_id']));
							$('#bipi_'+ind).show();
						}, 1000*ind);	
					}
					b--;
				}
			});
			// hide all blocks
			var h = setTimeout(function(){$('.bipi').css({'display' : 'none'});},7000);
			// add content
			for(q=0;q<splash.length;q++)
			{
               	$(".stable2").prepend('<tr><td>'+splash[q]['city_name']+'</td><td>'+splash[q]['shop_name']+'</td><td>'+splash[q]['product_name']+'</td><td>'+splash[q]['price']+'</td></tr>');
			}
		}
	});
	// load funct with timeout random
	setTimeout('start()',round[a]);
	}
} 
// coords spash maps
function getCoordsSplash(id)
{
	if(id==13) 	{ var cssObj = {'top' : 220 , 'margin-left' : -40}; return cssObj;}
	if(id==25) 	{ var cssObj = {'top' : 110 , 'margin-left' : -30}; return cssObj;}
	if(id==39) 	{ var cssObj = {'top' : 375 , 'margin-left' : 560}; return cssObj;}
	if(id==42) 	{ var cssObj = {'top' : 70 , 'margin-left' : 190}; return cssObj;}
	if(id==8) 	{ var cssObj = {'top' : 420 , 'margin-left' : 400}; return cssObj;}
	if(id==3) 	{ var cssObj = {'top' : 383 , 'margin-left' : 690}; return cssObj;}
	if(id==36) 	{ var cssObj = {'top' : 355 , 'margin-left' : -85}; return cssObj;}
	if(id==45) 	{ var cssObj = {'top' : 380 , 'margin-left' : 485}; return cssObj;}
	if(id==22) 	{ var cssObj = {'top' : 250 , 'margin-left' : -80}; return cssObj;}
	if(id==31) 	{ var cssObj = {'top' : 320 , 'margin-left' : 690}; return cssObj;}
	if(id==4) 	{ var cssObj = {'top' : 350 , 'margin-left' : -40}; return cssObj;}
	if(id==26) 	{ var cssObj = {'top' : 360 , 'margin-left' : 70}; return cssObj;}
	if(id==12) 	{ var cssObj = {'top' : 285 , 'margin-left' : -50}; return cssObj;}
	if(id==11) 	{ var cssObj = {'top' : 230 , 'margin-left' : 420}; return cssObj;}
	if(id==9) 	{ var cssObj = {'top' : 340 , 'margin-left' : 120}; return cssObj;}
	if(id==24) 	{ var cssObj = {'top' : 330 , 'margin-left' : 160}; return cssObj;}
	if(id==10) 	{ var cssObj = {'top' : 380 , 'margin-left' : -90}; return cssObj;}
	if(id==29) 	{ var cssObj = {'top' : 325 , 'margin-left' : 135}; return cssObj;}
	if(id==20) 	{ var cssObj = {'top' : 350 , 'margin-left' : 95}; return cssObj;}
	if(id==33) 	{ var cssObj = {'top' : 180 , 'margin-left' : 115}; return cssObj;}
	if(id==2) 	{ var cssObj = {'top' : 400 , 'margin-left' : 335}; return cssObj;}
	if(id==15) 	{ var cssObj = {'top' : 290 , 'margin-left' : 150}; return cssObj;}
	if(id==6) 	{ var cssObj = {'top' : 355 , 'margin-left' : 150}; return cssObj;}
	if(id==17) 	{ var cssObj = {'top' : 400 , 'margin-left' : 280}; return cssObj;}
	if(id==43) 	{ var cssObj = {'top' : 225 , 'margin-left' : 105}; return cssObj;}				
}
function getCoordsBip(id)
{
	if(id==13) 	{ var cssObj = {'top' : 260 , 'margin-left' : 80, 'display' : 'block'}; return cssObj;}
	if(id==25) 	{ var cssObj = {'top' : 210 , 'margin-left' : 90, 'display' : 'block'}; return cssObj;}
	if(id==39) 	{ var cssObj = {'top' : 355 , 'margin-left' : 610, 'display' : 'block'}; return cssObj;}
	if(id==42) 	{ var cssObj = {'top' : 160 , 'margin-left' : 175, 'display' : 'block'}; return cssObj;}
	if(id==8) 	{ var cssObj = {'top' : 400 , 'margin-left' : 480, 'display' : 'block'}; return cssObj;}
	if(id==3) 	{ var cssObj = {'top' : 403 , 'margin-left' : 675, 'display' : 'block'}; return cssObj;}
	if(id==36) 	{ var cssObj = {'top' : 365 , 'margin-left' : 35, 'display' : 'block'}; return cssObj;}
	if(id==45) 	{ var cssObj = {'top' : 400 , 'margin-left' : 465, 'display' : 'block'}; return cssObj;}
	if(id==22) 	{ var cssObj = {'top' : 340 , 'margin-left' : 45, 'display' : 'block'}; return cssObj;}
	if(id==31) 	{ var cssObj = {'top' : 350 , 'margin-left' : 670, 'display' : 'block'}; return cssObj;}
	if(id==4) 	{ var cssObj = {'top' : 350 , 'margin-left' : 75, 'display' : 'block'}; return cssObj;}
	if(id==26) 	{ var cssObj = {'top' : 340 , 'margin-left' : 100, 'display' : 'block'}; return cssObj;}
	if(id==12) 	{ var cssObj = {'top' : 295 , 'margin-left' : 70, 'display' : 'block'}; return cssObj;}
	if(id==11) 	{ var cssObj = {'top' : 300 , 'margin-left' : 400, 'display' : 'block'}; return cssObj;}
	if(id==9) 	{ var cssObj = {'top' : 300 , 'margin-left' : 140, 'display' : 'block'}; return cssObj;}
	if(id==24) 	{ var cssObj = {'top' : 330 , 'margin-left' : 140, 'display' : 'block'}; return cssObj;}
	if(id==10) 	{ var cssObj = {'top' : 370 , 'margin-left' : 30, 'display' : 'block'}; return cssObj;}
	if(id==29) 	{ var cssObj = {'top' : 325 , 'margin-left' : 115, 'display' : 'block'}; return cssObj;}
	if(id==20) 	{ var cssObj = {'top' : 330 , 'margin-left' : 95, 'display' : 'block'}; return cssObj;}
	if(id==33) 	{ var cssObj = {'top' : 260 , 'margin-left' : 100, 'display' : 'block'}; return cssObj;}
	if(id==2) 	{ var cssObj = {'top' : 400 , 'margin-left' : 320, 'display' : 'block'}; return cssObj;}
	if(id==15) 	{ var cssObj = {'top' : 295 , 'margin-left' : 130, 'display' : 'block'}; return cssObj;}
	if(id==6) 	{ var cssObj = {'top' : 335 , 'margin-left' : 200, 'display' : 'block'}; return cssObj;}
	if(id==17) 	{ var cssObj = {'top' : 380 , 'margin-left' : 320, 'display' : 'block'}; return cssObj;}
	if(id==43) 	{ var cssObj = {'top' : 295 , 'margin-left' : 220, 'display' : 'block'}; return cssObj;}				
}
</script>

<div class="box">
<div class="bip" id="bip_0"></div>
<div class="bip" id="bip_1"></div>
<div class="bip" id="bip_2"></div>
<div class="bip" id="bip_3"></div>
<div class="bip" id="bip_4"></div>
<div class="bip" id="bip_5"></div>
<div class="bip" id="bip_6"></div>
<div class="bip" id="bip_7"></div>
<div class="bip" id="bip_8"></div>

<div class="bipi" id="bipi_0"><embed src="/map/bip.swf" width="10" height="10" quality="high"></embed></div>
<div class="bipi" id="bipi_1"><embed src="/map/bip.swf" width="10" height="10" quality="high"></embed></div>
<div class="bipi" id="bipi_2"><embed src="/map/bip.swf" width="10" height="10" quality="high"></embed></div>
<div class="bipi" id="bipi_3"><embed src="/map/bip.swf" width="10" height="10" quality="high"></embed></div>
<div class="bipi" id="bipi_4"><embed src="/map/bip.swf" width="10" height="10" quality="high"></embed></div>
<div class="bipi" id="bipi_5"><embed src="/map/bip.swf" width="10" height="10" quality="high"></embed></div>
<div class="bipi" id="bipi_6"><embed src="/map/bip.swf" width="10" height="10" quality="high"></embed></div>
<div class="bipi" id="bipi_7"><embed src="/map/bip.swf" width="10" height="10" quality="high"></embed></div>
<div class="bipi" id="bipi_8"><embed src="/map/bip.swf" width="10" height="10" quality="high"></embed></div>
<div id="err"></div>
<div class="list">

<div style="width:790px;margin-right:10px;float:left;z-index:1;">
<img src="/map/logo.gif" style="position:absolute;z-index:9">
<img src="/map/1.png" width="790" height="456" >

</div>
<div style="width:200px; height:456px;float:left;" id="inf">
<p style="margin-top:20px;"><span style="position:absolute;margin-left:26px;margin-top:-15px;font-weight:bold">Moscow</span><canvas id="canvas" height="100" width="100"></canvas></p>
<p style="margin-top:20px;"><span style="position:absolute;margin-left:15px;margin-top:-15px;font-weight:bold">Ekaterinburg</span><canvas id="canvas2" height="100" width="100"></canvas></p>
<p style="margin-top:20px;"><span style="position:absolute;margin-left:20px;margin-top:-15px;font-weight:bold">Novosibirsk</span><canvas id="canvas1" height="100" width="100"></canvas></p>
<p style="margin-top:20px;"><span style="position:absolute;margin-left:20px;margin-top:-15px;font-weight:bold">Vladivostok</span><canvas id="canvas3" height="100" width="100"></canvas></p>
</div>
</div>
<div class="arch">
<table border="0" width="100%">
		<tr>
			<td width="10%" style="background-color:#F9A51B;">Город</td><td width="10%" style="background-color:#F9A51B;">Магазин</td><td width="70%" style="background-color:#F9A51B;">Товар</td><td width="10%" style="background-color:#F9A51B;">Цена</td>
		</tr>
		<tbody class="stable2"></tbody>
	</table>
</div>

</div>