function setSmallWhatPic() {
	var swp = document.getElementById('smallWherePic');
	if (swp) {
		var rand = Math.floor(Math.random(0)*6);
		var bgStr = 'url(/img/where_small_bg';
		bgStr += rand;
		bgStr += '.png) no-repeat';
		swp.style.background = bgStr;
		swp.style.visibility = 'visible';
	}
}

function browserDetectNav(chrAfterPoint)
{
var
    UA=window.navigator.userAgent,       // содержит переданный браузером юзерагент
    //--------------------------------------------------------------------------------
	OperaB = /Opera[ \/]+\w+\.\w+/i,     //
	OperaV = /Version[ \/]+\w+\.\w+/i,   //	
	FirefoxB = /Firefox\/\w+\.\w+/i,     // шаблоны для распарсивания юзерагента
	ChromeB = /Chrome\/\w+\.\w+/i,       //
	SafariB = /Version\/\w+\.\w+/i,      //
	IEB = /MSIE *\d+\.\w+/i,             //
	SafariV = /Safari\/\w+\.\w+/i,       //
        //--------------------------------------------------------------------------------
	browser = new Array(),               //массив с данными о браузере
	browserSplit = /[ \/\.]/i,           //шаблон для разбивки данных о браузере из строки
	OperaV = UA.match(OperaV),
	Firefox = UA.match(FirefoxB),
	Chrome = UA.match(ChromeB),
	Safari = UA.match(SafariB),
	SafariV = UA.match(SafariV),
	IE = UA.match(IEB),
	Opera = UA.match(OperaB);
		
		//----- Opera ----
		if ((!Opera=="")&(!OperaV=="")) browser[0]=OperaV[0].replace(/Version/, "Opera")
				else 
					if (!Opera=="")	browser[0]=Opera[0]
						else
							//----- IE -----
							if (!IE=="") browser[0] = IE[0]
								else 
									//----- Firefox ----
									if (!Firefox=="") browser[0]=Firefox[0]
										else
											//----- Chrom ----
											if (!Chrome=="") browser[0] = Chrome[0]
												else
													//----- Safari ----
													if ((!Safari=="")&&(!SafariV=="")) browser[0] = Safari[0].replace("Version", "Safari");
//------------ Разбивка версии -----------

	var
            outputData;                                      // возвращаемый функцией массив значений
                                                             // [0] - имя браузера, [1] - целая часть версии
                                                             // [2] - дробная часть версии
	if (browser[0] != null) outputData = browser[0].split(browserSplit);
	if ((chrAfterPoint==null)&&(outputData != null)) 
		{
			chrAfterPoint=outputData[2].length;
			outputData[2] = outputData[2].substring(0, chrAfterPoint); // берем нужное ко-во знаков
			return(outputData);
		}
			else return(false);
}

/* Глобальные переменные */

var showBefore = false;
var showThumbs = false;

var bigBanner0Array = [
		[23,86,407,211],
		[110,112,367,191],
		[250,136,320,168],
		[302,133,254,133],
		[349,119,202,106],
		[365,103,160,84],
		[378,154,127,67],
		[424,197,101,53],
		[475,214,80,42],
		[520,209,64,33],
		[554,204,51,26],
		[670,187,35,19]];

var bigBanner1Array = [
	[86,28,216,244],
	[186,16,200,226],
	[266,40,185,209],
	[326,108,171,194],
	[366,70,171,194],
	[400,60,159,179],
	[440,70,136,154],
	[490,95,126,142],
	[540,70,117,132],
	[600,40,108,122],
	[660,50,108,122],
	[690,65,108,122]
	];
	
var bigBanner2Array = [
	[68,65,291,237],
	[140,57,232,192],
	[200,57,184,152],
	[250,59,146,121],
	[290,80,116,96],
	[340,116,92,76],
	[410,136,73,60],
	[480,146,58,48],
	[570,132,46,38],
	[630,120,46,38]
	];
	
var bigBanner3Array = [
	[65,53,191,245],
	[110,55,150,191],
	[160,70,120,153],
	[220,100,96,122],
	[332,161,77,98],
	[432,220,72,60], /* 3_1 */
	[529,264,72,60],
	[570,255,60,49],
	[629,221,60,49],
	[628,185,55,42],
	[587,131,55,42],
	[561,171,50,39],
	[607,206,40,30],
	[643,229,40,30],
	[687,215,36,27]
	];
	
var bigBanner4Array = [
	[111,61,211,231],
	[100,55,166,183],
	[86,103,135,149],
	[86,150,110,121],
	[140,200,89,98],
	[200,205,73,80],
	[286,211,59,65],
	[382,179,59,65],
	[629,35,45,49],
	[715,6,45,49],
	[750,10,45,49], /* hidden */
	[674,74,45,49], /* visible */
	[668,80,45,49],
	[662,85,45,49],
	[657,95,45,49],
	[649,121,45,49]
	];

	var bigBanners = [];
	bigBanners[0] = bigBanner0Array;
	bigBanners[1] = bigBanner1Array;
	bigBanners[2] = bigBanner2Array;
	bigBanners[3] = bigBanner3Array;
	bigBanners[4] = bigBanner4Array;
	
smallBanner0Array = [
	[17,65,305,158],
	[82,84,275,143],
	[186,102,240,126],
	[227,100,191,100],
	[262,89,152,79],
	[274,77,120,63],
	[284,116,95,50],
	[318,148,76,40],
	[356,161,60,31],
	[390,183,48,25],
	[416,183,38,20],
	[503,170,26,14]
	];
	
smallBanner1Array = [
	[65,21,162,183],
	[140,12,150,170],
	[200,30,139,157],
	[245,81,128,146],
	[275,53,128,146],
	[300,45,120,134],
	[330,52,102,116],
	[368,71,95,107],
	[405,53,88,99],
	[450,30,81,92],
	[495,38,81,92],
	[518,49,81,92]
	];

smallBanner2Array = [
	[51,49,218,178],
	[105,43,174,144],
	[150,43,138,114],
	[188,45,110,91],
	[218,60,87,72],
	[255,87,69,57],
	[308,102,55,45],
	[360,110,44,36],
	[428,99,35,29],
	[473,90,35,29]
	];

smallBanner3Array = [
	[49,40,143,184],
	[83,41,113,143],
	[120,53,90,115],
	[165,75,72,92],
	[249,121,58,74],
	[324,165,54,45], /* 3_1 */
	[397,198,54,45],
	[428,191,45,37],
	[472,166,45,37],
	[471,139,41,32],
	[440,98,41,32],
	[421,128,38,29],
	[455,155,30,23],
	[482,172,30,23],
	[515,161,27,20]
	];
	
smallBanner4Array = [
	[83,46,158,173],
	[75,41,125,137],
	[65,77,101,112],
	[65,113,83,91],
	[105,150,67,74],
	[150,154,55,60],
	[215,158,44,49],
	[287,134,44,49],
	[472,26,34,37],
	[536,5,34,37],
	[563,8,34,37], /* hidden */
	[501,60,34,37], /* visible */
	[497,64,34,37],
	[493,71,34,37],
	[487,91,34,37]
	];
	
var smallBanners = [];
	smallBanners[0] = smallBanner0Array;
	smallBanners[1] = smallBanner1Array;
	smallBanners[2] = smallBanner2Array;
	smallBanners[3] = smallBanner3Array;
	smallBanners[4] = smallBanner4Array;

/* Функция определения высоты документа и задачи координат фона */

window.onresize = setGradient;

function setGradient() {
	var yScroll;
        if (window.innerHeight && window.scrollMaxY) {      
                yScroll = window.innerHeight + window.scrollMaxY;
        } else if (document.body.scrollHeight > document.body.offsetHeight){
                yScroll = document.body.scrollHeight;
        } else {
                yScroll = document.body.offsetHeight;
        }
	
	var cont = document.getElementById('container');
	var data = browserDetectNav();
	if (data[0] == "Opera")
		yScroll = cont.offsetHeight;
	
	var bgHeight = yScroll - 500 + '';
	
	document.body.style.backgroundPosition = "0px " + bgHeight + "px";
}

function showWasBeforeBlock() {
	var beforeDiv = document.getElementById('wasBeforeBlock');
	var thisDiv = document.getElementById('showWasBefore');
	if (showBefore) {
		showBefore = false;
		thisDiv.style.backgroundImage = "url(/img/grey_triangle_right.png)";
		beforeDiv.style.display = "none";
		setGradient();
	}
	else {
		showBefore = true;
		thisDiv.style.backgroundImage = "url(/img/grey_triangle_down.png)";
		beforeDiv.style.display = "block";
		setGradient();
	}
}

function showCargoContent(thisHref) {
	var thisLink = 0;
	
	var allLinks = document.getElementsByTagName('a');
	var cargLinks = [];
	for (var l=0; l<allLinks.length; l++)
		if (allLinks[l].className == 'show_cargo')
			cargLinks[cargLinks.length] = allLinks[l];
	
	for (var h=0; h<cargLinks.length; h++)
		if (thisHref == cargLinks[h])
			thisLink = h;
			
	var allDivs = document.getElementsByTagName('div');
	var cargDivs = [];
	for (var d=0; d<allDivs.length; d++ )
		if (allDivs[d].className == 'cargo_content')
			cargDivs[cargDivs.length] = allDivs[d];
	
	if (cargDivs[thisLink].style.display == "none")
		cargDivs[thisLink].style.display = "block";
	else cargDivs[thisLink].style.display = "none";
	
	setGradient();
}

function showGeoMap(thisHref) {
	var thisLink = 0;
	
	var allLinks = document.getElementsByTagName('span');
	var cargLinks = [];
	for (var l=0; l<allLinks.length; l++)
		if (allLinks[l].className == 'geoTitle')
			cargLinks[cargLinks.length] = allLinks[l];
	
	for (var h=0; h<cargLinks.length; h++)
		if (thisHref == cargLinks[h])
			thisLink = h;
			
	var allDivs = document.getElementsByTagName('div');
	var cargDivs = [];
	for (var d=0; d<allDivs.length; d++ )
		if (allDivs[d].className == 'geoContent')
			cargDivs[cargDivs.length] = allDivs[d];
	
	if (cargDivs[thisLink].style.display == "none")
		cargDivs[thisLink].style.display = "block";
	else cargDivs[thisLink].style.display = "none";
	
	setGradient();
}

function showVacancyDuties(thisHref) {
	var thisLink = 0;
	
	var vacancyBlocks = [];
	var allDivs = document.getElementsByTagName('div');
	for (var d=0; d<allDivs.length; d++)
		if (allDivs[d].className == 'vacancyBlock')
			vacancyBlocks[vacancyBlocks.length] = allDivs[d];
	
	var vacancyHrefs = [];
	for (var v=0; v<vacancyBlocks.length; v++)
		vacancyHrefs[vacancyHrefs.length] = vacancyBlocks[v].getElementsByTagName('h2')[0];
	
	for (var h=0; h<vacancyHrefs.length; h++)
		if (thisHref == vacancyHrefs[h])
			thisLink = h;
			
	var allDivs = document.getElementsByTagName('div');
	var cargDivs = [];
	for (var d=0; d<allDivs.length; d++ )
		if (allDivs[d].className == 'vacancyDuties')
			cargDivs[cargDivs.length] = allDivs[d];
	
	if (cargDivs[thisLink].style.display == "none")
		cargDivs[thisLink].style.display = "block";
	else cargDivs[thisLink].style.display = "none";
	
	setGradient();
}

function vacancyForMe(thisHref) {
	var thisLink = 0;
	
	var allLinks = document.getElementsByTagName('a');
	var cargLinks = [];
	for (var l=0; l<allLinks.length; l++)
		if (allLinks[l].className == 'for_me')
			cargLinks[cargLinks.length] = allLinks[l];
	
	for (var h=0; h<cargLinks.length; h++)
		if (thisHref == cargLinks[h])
			thisLink = h;
			
	var allDivs = document.getElementsByTagName('div');
	var cargDivs = [];
	for (var d=0; d<allDivs.length; d++ )
		if (allDivs[d].className == 'for_me_form')
			cargDivs[cargDivs.length] = allDivs[d];
	
	if (cargDivs[thisLink].style.display == "none")
		cargDivs[thisLink].style.display = "block";
	else cargDivs[thisLink].style.display = "none";
	
	setGradient();
}

function showBigThumbs() {
	var bigT = document.getElementById('newsThumbsBig');
	bigT.style.display = 'block';
	setGradient();
}

var whatNamesList = ['одежду','корону','слона','мебель','чай'];
var whereNamesList = ['в самолет','лично в руки','в Антарктиду','на склад','в чашку'];

var whatNamesList_en = ['clothes','crown','elephant','furniture','tea'];
var whereNamesList_en = ['to airplane','in to your hands',' to Antarctica',' to the store','to your own cup'];

var whatNamesList_cn = ['行李在飞机上','皇冠在您手中','大象去了南极','家具躺进了仓库','您手握着热茶'];
var whereNamesList_cn = ['行李在飞机上','皇冠在您手中','大象去了南极','家具躺进了仓库','您手握着热茶'];

var currentIndex = 1;
var nextIndex = 0;

function changeGood() {
	var thisParentUl = this.parentNode;
	var thisListElements = thisParentUl.getElementsByTagName('li');
	
	var thisParentDiv = thisParentUl.parentNode;
	
	for (var el=0; el<thisListElements.length; el++) {
		if (this == thisListElements[el])
			nextIndex = el;
	}
	
	if (nextIndex != currentIndex) {
		var currentWhatDot = document.getElementById('currentLeftDot');
		var currentWhereDot = document.getElementById('currentRightDot');
		currentWhatDot.id = null;
		currentWhereDot.id = null;
		
		var data = browserDetectNav();
		var BrVer = parseInt(data[1]);
		
		var mnozhitel = 0;
		
		if ((data[0] == 'MSIE') && (BrVer == 6))
			mnozhitel = 22;
		else mnozhitel = 20;
		
		var leftTriangle = document.getElementById('leftPointer');
		var rightTriangle = document.getElementById('rightPointer');
		leftTriangle.style.left = 66 + nextIndex*mnozhitel + 'px';
		rightTriangle.style.left = 66 + nextIndex*mnozhitel + 'px';
		
		var leftTitleField = document.getElementById('leftTitle');
		var rightTitleField = document.getElementById('rightTitle');
		leftTitleField.innerHTML = whatNamesList[nextIndex];
		rightTitleField.innerHTML = whereNamesList[nextIndex];
		
		
		var whatBar = document.getElementById('leftBar');
		var whereBar = document.getElementById('rightBar');
		var whatListElements = whatBar.getElementsByTagName('li');	
		var whereListElements = whereBar.getElementsByTagName('li');
		var leftA = whatListElements[nextIndex].getElementsByTagName('a')[0];
		var rightA = whereListElements[nextIndex].getElementsByTagName('a')[0];
		leftA.id = 'currentLeftDot';
		rightA.id = 'currentRightDot';
		
		var wherePicture = document.getElementById('wherePic');
		var addressString = '/img/where_bg';
		addressString += nextIndex + '.png';
		wherePicture.style.background = 'url(' + addressString + ') no-repeat';
		
				
		currentIndex = nextIndex;
	}	
	
	return false;
}

function setBannerList() {
	var whatBar = document.getElementById('leftBar');
	var whatListElements = whatBar.getElementsByTagName('li');
	for (var wh1=0; wh1<whatListElements.length; wh1++)
		whatListElements[wh1].onclick = changeGood;

	var whereBar = document.getElementById('rightBar');
	var whereListElements = whereBar.getElementsByTagName('li');
	for (var wh2=0; wh2<whereListElements.length; wh2++)
		whereListElements[wh2].onclick = changeGood;
		
	whatListElements[2].onclick();
}

function animateSmall(ran) {
	var whatPicture = document.getElementById('smallWhatPic');
	var wherePicture = document.getElementById('smallWherePic');
	whatPicture.innerHTML = '<img src="/img/whatPart' + ran + '.png" />';
	wherePicture.innerHTML = '<img src="/img/where_bg' + ran + '.png" />';
	switch (ran) {
		case 0: 
			whatPicture.style.width = '305px';
			whatPicture.style.height = '158px';
			whatPicture.style.left = '17px';
			whatPicture.style.top = '65px';
			break;
		case 1: 
			whatPicture.style.width = '162px';
			whatPicture.style.height = '183px';	
			whatPicture.style.left = '65px';
			whatPicture.style.top = '21px';	
			break;
		case 2: 
			whatPicture.style.width = '218px';
			whatPicture.style.height = '178px';	
			whatPicture.style.left = '51px';
			whatPicture.style.top = '49px';
			break;
		case 3: 
			whatPicture.style.width = '143px';
			whatPicture.style.height = '184px';	
			whatPicture.style.left = '49px';
			whatPicture.style.top = '40px';
			break;
		case 4: 
			whatPicture.style.width = '158px';
			whatPicture.style.height = '173px';	
			whatPicture.style.left = '83px';
			whatPicture.style.top = '46px';
			break;
	}
	
	setTimeout(function() {animateYui('smallWhatPic', ran);}, 2000);
}

function animateRandom() {
	var r = Math.floor(Math.random(0)*5);
	animateSmall(r);
	r = 0;
}

function setOnComplete(thisObj, nextObj) {
	thisObj.onComplete.subscribe(function() {nextObj.animate();});
}

function animateYui(thisId, ind) {
	var whatPicture = document.getElementById(thisId);
	var animationArray = [];
	
	switch (thisId) {
		case 'whatPic':
			var coordArray = bigBanners[ind];	
			break;
		case 'smallWhatPic':
			var coordArray = smallBanners[ind];	
			break;
	}
	
	for (var i=0; i<coordArray.length-1; i++) {
		animationArray[i] = new YAHOO.util.Anim(thisId, {
		left: { from: coordArray[i][0], to: coordArray[i+1][0], unit: 'px'},
		top: { from: coordArray[i][1], to: coordArray[i+1][1], unit: 'px'},
		width: { from: coordArray[i][2], to: coordArray[i+1][2], unit: 'px'},
		height: { from: coordArray[i][3], to: coordArray[i+1][3], unit: 'px'}
		}, 0.05, YAHOO.util.Easing.easeNone);
	}

	var oncom = animationArray.length;
	var j1 = 0;
	
	for (var j=0; j<oncom; j++) {
		j1 = j + 1;
		setOnComplete(animationArray[j],animationArray[j+1]);
	}
	
	if (ind == 3) {
		animationArray[4].onComplete.subscribe(function() { whatPicture.innerHTML = '<img src="/img/whatPart3_1.png" />'; animationArray[5].animate();});
		whatPicture.innerHTML = '<img src="/img/whatPart3.png" />';
	}
	if (ind == 4) {
		animationArray[9].onComplete.subscribe(function() { whatPicture.style.display = 'none'; animationArray[10].animate();});
		animationArray[10].onComplete.subscribe(function() { whatPicture.style.display = 'block'; animationArray[11].animate();});
	}
	
	animationArray[0].animate();
}

function clickclear(thisfield, defaulttext)
{
	if (thisfield.value == defaulttext)
	{
		thisfield.value = "";
	}
}
function clickrecall(thisfield, defaulttext)
{
	if (thisfield.value == "")
	{
		thisfield.value = defaulttext;
	}
}