var randTimer = null;
var firstTime = true;

var addr = null;

function initd()
{
    setupSizes();
    showMessage();
}

function resized()
{
    for( var i in ballsObjects )
	ballsObjects[i].updateParentPos();
    i = 1;
    while( o = findObject( 'bs'+i ) )
	{
	o.style.left = '-500px';
	o.style.top = '-500px';
	i++;
	}
    setupSizes();
    setupLine();
}

function randomBall()
{
	if( randTimer )
		clearTimeout( randTimer );
	if( Math.random() > 0.8 )
	    {
	    updateLine();
	    randTimer = setTimeout( 'randomBall()', 4000 );
	    return;
	    }
	show();
	t = Math.floor(2000*(Math.random()+2));
	randTimer = setTimeout( 'randomBall()', t );	
}

fadeOpacity.addRule('4',0,1,20);

function bubbleOn( id )
{
	var os = findObject( 'st'+id );
	var ob = findObject( 'bs'+id );
	var obc = findObject( 'bs'+id+'b' );
	if( !os || !ob || !obc )
		return;

        var oph = findObject( 'lph' );
	if( !oph )
	    return;
	sw = oph.offsetWidth;
	if( sw<970 )
	    sw = 970;	

	w = os.offsetWidth+32;
	h = os.offsetHeight+56;
	l = os.offsetLeft;
	t = os.offsetTop;

	var io = findObject( 'ost'+id );
	if( io )
		{
		io.style.left = (l-11)+'px';
		io.style.top = (t-30)+'px';
		//fadeOpacity( 'ost'+id, 's' );
		showElem('ost'+id);
		}

//	alert( (l-40+w) + ' ' + sw );
//	if( l+40 + w > sw )
//	    w = sw-40-l;
//	w = 100;

	ob.style.left = (l-40)+'px';
	ob.style.top = (t-50)+'px';
	ob.style.height = (h+30)+'px';
	obc.style.height = (h-30)+'px';
	
	
	obc.style.width = w+'px';
	if( id != 5 )
	    ob.style.width = (w+40)+'px';
	else
	    ob.style.width = (sw-l+40)+'px';
	    
	os.style.zIndex = 60;
	ob.style.zIndex = 55;

	//fadeOpacity( 'bs'+id, '4' );
	showElem('bs'+id);
	if( id != 5 )
		//fadeOpacity( 'bc'+id, 'h2' );
		showElem('bc'+id);
    var movie = getFlashObject('points');
    if( movie )
        movie.sendFromJS_Hide(id);
}

function bubbleOff( id )
{
    var o1 = findObject( 'st'+id );
    var o2 = findObject( 'bs'+id );
    if( o1 && o2 )
	{
	o1.style.zIndex = 50;
	o2.style.zIndex = 30;
	}
    //fadeOpacity.back('bs'+id,'');
    hideElem('bs'+id);
    //fadeOpacity.back('ost'+id,'');
    if( id != 5 )
	hideElem('ost'+id);
//	//fadeOpacity( 'bc'+id, '1' );
//	hideElem('bc'+id);

//	setTimeout( "turnPoints("+id+");", 500 );
    turnPoints( id );
}

function turnPoints(id)
{
//    var lColor = 0xe5c6b9;
    var movie = getFlashObject('points');
    if( movie )
	movie.sendFromJS_Show(id);
}

function showMap( idx )
{
    ta();
    processMouseEvent = true;    
    var op = findObject( 'c_photo' );
    var oa = findObject( 'c_address' );
    var om = findObject( 'c_map' );
    if( !op || !oa || !om )
    	return;

    if( addr[idx].photo )
	op.innerHTML = '<img src=img/' + addr[idx].photo + ' width=240 height=180 border=0>';
    else
	op.innerHTML = '';

    oa.innerHTML = currCity + ', ' + addr[idx].txt;
    if( addr[idx].img )
	om.innerHTML = '<img src='+addr[idx].img + ' width=540 height=460 border=0>';
    else
	om.innerHTML = '<img src=/img/zero.gif width=540 height=460 border=0>';
    api.load();
    setTimeout( 'setBG()', 200 );
}

var addressShown = false;
var processMouseEvent = false;
function ta()
{
    if( addressClosed )
	{
	addressClosed = false;
	return;
	}
    addressClosed = false;
    toggleElement('addrlist');
    addressShown = !addressShown;
    processMouseEvent = true;
}

function setBG()
{
    var o = findObject( 'mmm' );
    var m = findObject( 'mapsh' );
    var s = findObject( 'handler' );    
    if( o )
	{
//	alert( 1 );
//div.overlay {
//	background:url(/img/mapbg.png) no-repeat;
// filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/mapbg.png', sizingMethod='crop'); 
// background-image: none;
//	width:970px;
//	height:540px;		
//	display:none;
//	padding: 0px;
//}	
	s.style.zIndex = 9999;
	showElem( 'handler' );
	m.style.zIndex = 9999;
	showElem( 'mapsh' );
	m.style.top = o.offsetTop+'px';
	m.style.left = o.offsetLeft+'px';
	o.style.zIndex = 10000;
//	o.style.backgroundImage = 'url(/img/mapbg.png)'; //className = 'overlay';
//	o.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/mapbg.png', sizingMethod='crop')";
	}
}

function prepareAddress()
{
    s = '';
    for( i=0; i<addr.length; i++ )
	{
	lpr = addr[i].img != '' ? '<a class=llnk href="'+addr[i].url+'" onclick="showMap('+i+'); return false;">' : '';
	lsf = addr[i].img != '' ? '</a>' : '';	
	s += '<div class=ai>' + lpr + addr[i].txt + lsf + '</div>';
	}
    var o = findObject( 'addrlist' );
    var ph = findObject( 'addrph' );
    var st2 = findObject( 'st2' );
    var of = findObject( 'devsel' );
    if( !o || !ph || !st2 || !of )
	return;
    o.innerHTML = s;
    o.style.top = (st2.offsetTop+ph.offsetTop+ph.offsetHeight)+'px';
    o.style.left = (st2.offsetLeft+ph.offsetLeft-10)+'px';
    o.style.width = (ph.offsetWidth+10)+'px';
    of.innerHTML = '<a class=llnk href=/net onclick="ta(); return false;">' +
	'Ближайшие к вам отделения<br>в ' + currCityRD +
	'</a>';
}

var mainMessage = 'Если вам срочно необходим кредит, bмы готовы предоставить вам sналичные bна sвыгодных для вас sусловиях pВся процедура займет bне более s5 sминут';
var words = null;
var currLetter = 0;
var messTimer = null;
function showMessage()
{
    if( !firstTime )
	{
	showStep2();
	return;
	}
	var o = findObject( 'mess' );
	if( !o )
		return;
	s = '';

	words = mainMessage.split(' ');
	for( i=0; i<words.length; i++ )
		{
		if( words[i].substr(0,1) == 'b' )
			{
			s += '<br>';
			words[i] = words[i].substr(1);
			}
		if( words[i].substr(0,1) == 'p' )
			{
			s += '<br>&nbsp;<br>';
			words[i] = words[i].substr(1);
			}
		if( words[i].substr(0,1) == 's' )
			s += '<span id=ms'+i+' class="inv h"><span class=ninv>' + words[i].substr(1) + '</span></span> ';
		else
			s += '<span id=ms'+i+' class=inv><span class=ninv>' + words[i] + '</span></span> ';
		}
	hideElem( 'mess' );
	o.innerHTML = s;
	showElem( 'mess' );
	fadeOpacity( 'mess', '1' );
	currLetter = 0;
	messTimer = setTimeout( 'showLetters()', 100 );
}

function showLetters()
{
	if( messTimer )
		clearTimeout( messTimer );
	fadeOpacity('ms'+currLetter,'1');
	currLetter++;
	if( currLetter<words.length )
		messTimer = setTimeout( 'showLetters()', 100 );
	else
		messTimer = setTimeout( 'showStep2()', 3000 );
}

var currDivs = 0;
function showStep2()
{
	fadeOpacity('mess','h');
	messTimer = setTimeout( 'showDivs()', 100 );
}

var ballsd = Array( 
	{ n: 'one', u: 'passport' }, { n: 'two', u: 'compass' },
	{ n: 'three', u: 'calc' }, { n: 'four', u: 'clocks' },
	{ n: 'five', u: 'zero' }
	);
function showDivs()
{
	if( messTimer )
		clearTimeout( messTimer );
	var o = findObject( 'st'+currDivs );
	if( currDivs == 1 )
	    {
	    for(i=1; i<=5; i++ )
		{
		var o1 = findObject('st'+i );
		if( o1 )
		    o1.style.display = 'block';
		if( i == 5 )
		    {
		    var o2 = findObject( 'mess' );
		    var w = o2.offsetWidth > 970 ? o2.offsetWidth : 970;
		    o1.style.width = (w - o1.offsetLeft)+'px';
		    }		    
		}
	    coordsStep = 0;
	    //randTimer = setTimeout( 'randomBall()', 2500 );
	    // lineTimer = setTimeout( 'updateLine()', 1000 );
	    prepareAddress();
	    setupLine();
	    //return;
	    }
	if( !o )
	    return;
	o.style.display = 'block';
	if( currDivs == 5 )
	    {
	    var o2 = findObject( 'mess' );
	    var w = o2.offsetWidth > 970 ? o2.offsetWidth : 970;
	    o.style.width = (w - o.offsetLeft)+'px';
	    
	    var p1 = findObject( 'pst5ph' );
    	    var p2 = findObject( 'pst5' );
	    if( p1 && p2 )
		{
		p2.style.left = anchorPosX(p1)+'px';
		p2.style.width = (w-anchorPosX(p1))+'px';
		p2.style.top = anchorPosY(p1)+'px';
		}

	    showElem( 'pst5' );
	    }
	//fadeOpacity( 'st'+currDivs, '1' );
	showElem('st'+currDivs);
//	if( currDivs )
//		addBall( 'bc'+currDivs, ballsd[currDivs-1].n, 'st'+currDivs, ballsd[currDivs-1].u );
	currDivs++;
	messTimer = setTimeout( 'showDivs()', 500 );	
}


function updateLine()
{
    if( lineTimer )
	{
	clearTimeout( lineTimer );
	lineTimer = null;
	}
	
    coordsStep++;
//    
//    for( i=0; i<=6; i++ )
//	{
//	cx[i] += sx[i];
//	cy[i] += sy[i];
//	}
//    setCoords();
//    
//    if( coordsStep >= 10 )
//	{
//	coordsStep = 0;
//	var dir = 1;
//	for( i=1; i<6; i++ )
//	    {
//	    dir = ( Math.random() >= 0.5 ) ? 1 : -1;
//	    dx[i] = ox[i] + Math.random()*5*dir;
//	    dir = ( Math.random() >= 0.5 ) ? 1 : -1;
//	    dy[i] = oy[i] + Math.random()*5*dir;	    
//	    sx[i] = ( dx[i] - cx[i] ) / 10;
//	    sy[i] = ( dy[i] - cy[i] ) / 10;	    
//	    }
//	sx[0] = sy[0] = sx[6] = sy[6] = 0;
//	lineTimer = setTimeout( 'updateLine()', 5000 );
//	}
//    else    
//	lineTimer = setTimeout( 'updateLine()', 50 );
    for( i=0; i<6; i++ )
	{

	if( coordsStep == 2)
	    {
	    dx[i] = ox[i+1];
	    dy[i] = oy[i+1];
	    }
	if( coordsStep == 1 )
	    {
	    dy[i] = oy[i]+(oy[i+1]-oy[i])/2;	    
	    dx[i] = ox[i]+Math.round((ox[i+1]-ox[i])/2); // (dx[i+1]-dx[i])/2;
	    }
	if( coordsStep == 3 )
//	if( coordsStep == 2 )
	    {
	    dx[i] = ox[i];
	    dy[i] = oy[i];
	    }
	}
    setCoords( coordsStep == 3 );
    if( coordsStep == 3 )
	{
	coordsStep = 0;
//	lineTimer = setTimeout( 'updateLine()', (Math.random()+1)*5000 );
	}
    else
	lineTimer = setTimeout( 'updateLine()', 1000 );
}

function setupLine()
{
    var o1 = findObject( 'st1' );
    if( !o1 )
	return;
	
    dx[1] = o1.offsetLeft+23; dy[1] = o1.offsetTop-150;
    var o2 = findObject( 'st2' );
    dx[2] = o2.offsetLeft+23; dy[2] = o2.offsetTop-150;
    var o3 = findObject( 'st3' );
    dx[3] = o3.offsetLeft+23; dy[3] = o3.offsetTop-150;
    var o4 = findObject( 'st4' );
    dx[4] = o4.offsetLeft+23; dy[4] = o4.offsetTop-150;
    var o5 = findObject( 'st5' );
    dx[5] = o5.offsetLeft+23; dy[5] = o5.offsetTop-150;

    var o = findObject( 'mess' );
    var w = o.offsetWidth > 970 ? o.offsetWidth : 970;
    
    dx[0] = -100; dy[0] = dy[1]+100;
    dx[6] = w+100; dy[6] = dy[5]-100;
    
    for( i=0; i<=6; i++ )
	{
	cx[i] = dx[i];
	sy[i] = (dy[i] - cy[i])/10;
	ox[i] = dx[i];
	oy[i] = dy[i];
	}
	
//    setCoords( true, true );
    setCoords();
//    setTimeout( 'setCoords()', 250 );

//    alert( 1 );
//    showElem( 'line' );	    
//    fadeOpacity( 'line', '3' );    
}

var ox = new Array( -100, 0, 0, 0, 0, 0, 10000 );
var oy = new Array( 220, 220, 220, 220, 220, 220, 220 );
var cx = new Array( -100, 0, 0, 0, 0, 0, 10000 );
var cy = new Array( 220, 220, 220, 220, 220, 220, 220 );
var dx = new Array( -100, 0, 0, 0, 0, 0, 10000 );
var dy = new Array( 220, 220, 220, 220, 220, 220, 220 );
var sx = new Array( 0, 0, 0, 0, 0, 0, 0 );
var sy = new Array( 0, 0, 0, 0, 0, 0, 0 );
var coordsStep = 0;
var lineTimer = null;

function setCoords( inited, anim )
{
    var lColor = 0xe5c6b9;
    var movie = getFlashObject('points');
//    alert( movie );
    if( movie )    
//	alert( movie );
//	movie = (navigator.appName.indexOf("Microsoft")!=-1 ? window : document)["points"];
	//	movie = findObject( 'pointssrc' );    
//    alert( movie );
//    if( anim )
//	{
//    alert( dx[1] + ' ' +dy[1] );
//	movie.sendFromJS_Setup(lColor,cx[0],cy[0],cx[0],cy[0],cx[1],cy[1],cx[2],cy[2],cx[3],cy[3],cx[4],cy[4],cx[5],cy[5],cx[6],cy[6]);
//	return;
//	}	
//    if( inited )
	movie.sendFromJS_Setup(lColor,cx[0],cy[0],dx[0],dy[0],dx[1],dy[1],dx[2],dy[2],dx[3],dy[3],dx[4],dy[4],dx[5],dy[5],dx[6],dy[6]);    
//    else
//        movie.sendFromJS_Draw(lColor,cx[0],cy[0],dx[0],dy[0],dx[1],dy[1],dx[2],dy[2],dx[3],dy[3],dx[4],dy[4],dx[5],dy[5],dx[6],dy[6]);
//    movie.sendFromJS_Init(lColor,cx[0],cy[0],cx[1],cy[1],cx[2],cy[2],cx[3],cy[3],cx[4],cy[4],cx[5],cy[5],cx[6],cy[6]);    
}

function setupSizes()
{
    var oph = findObject( 'lph' );
    if( !oph )
	return;
    w = document.body.offsetWidth;
    w = oph.offsetWidth;
    //if( w<990 )
//	w = 990;
//    alert(w );
//    window.status = new String(w);
    var o = findObject( 'st1' );
    if( o )
	o.style.left = Math.floor( w*0.04 ) + 'px';
    o = findObject( 'st2' );
    if( o )
	o.style.left = Math.floor( w*0.21 ) + 'px';
    o = findObject( 'st3' );
    if( o )
	o.style.left = Math.floor( w*0.38 ) + 'px';	
    o = findObject( 'st4' );
    if( o )
	o.style.left = Math.floor( w*0.59 ) + 'px';	
    o = findObject( 'st5' );
    if( o )
	{
	o.style.left = Math.floor( w*0.77 ) + 'px';
	o.style.width = (w-Math.floor( w*0.77 ))+'px';
	o = findObject( 'bs5' );
	if( o )
	    {
	    o.style.width = 100+'px'; //(w-Math.floor( w*0.8 ))+'px';
	    }
	}
	
    o = findObject( 'mess' );
    if( o )
	o.style.width = w + 'px';
	
    o = findObject( 'points' );
    if( o )
	o.style.width = w + 'px';	
	
    var p1 = findObject( 'pst5ph' );
    var p2 = findObject( 'pst5' );
    if( p1 && p2 )
	{
	p2.style.left = anchorPosX(p1)+'px';
	p2.style.width = (w-anchorPosX(p1))+'px';
	p2.style.top = anchorPosY(p1)+'px';
	}
    prepareAddress();
}

addressClosed = false;
function processMouseClick(e)
{
    if( document.addEventListener )
	{
	if( addressShown )
	    {
	    ta();
	    addressClosed = true;
	    }
	return false;
	}
    if( addressShown && !processMouseEvent )
	{
	ta();
	processMouseEvent = false;
	}
    if( processMouseEvent )
	{
        processMouseEvent = false;
	return false;
	}
    processMouseEvent = false;
    return true;
}

if( mapEvents )
{
    if (document.addEventListener)
	document.addEventListener("click",processMouseClick,true);
    else 
	{
        if (document.attachEvent)
	    document.attachEvent("onclick",processMouseClick);
	}
}

function openConsultant()
{
    var w=window.open("/online/","consultant","width=680,height=600,status=no,toolbar=no,menubar=no,location=no,scrollbars=no");
    w.focus();
    return false;
}

function trVacancy( id )
{
    var vo = findObject( 'v'+id );
    if( !vo )
	return false;
    if( vo.style.display == 'none' || vo.style.display == '' )
	vo.style.display = 'block';
    else
	vo.style.display = 'none';
    return false;
}