function showSpan ( val ) {
    document.getElementById(val + 'span').className = 'show';
    }

function hideSpan ( val ) {
    document.getElementById(val + 'span').className = 'hide';
    }

function showTR ( val ) {
    if ( document.getElementById(val + 'span').className == 'hide' ) {
        document.getElementById(val + 'span').className = 'show';
        var temp = document.getElementById(val + 'but').value.replace ( /указать ещё/, "скрыть");
        document.getElementById(val + 'but').value =  temp;
        } else {
            document.getElementById(val + 'span').className = 'hide';
            var temp = document.getElementById(val + 'but').value.replace ( /скрыть/, "указать ещё");
            document.getElementById(val + 'but').value = temp;
            }
    }

function GetElementPosition ( val ) {
	var elem =  ( parent.document.getElementById (val) ) ? parent.document.getElementById (val) : document.getElementById (val) ;
	var widthElem = elem.offsetWidth; var heightElem = elem.offsetHeight;
	var leftElem = 0; var topElem = 0;
	while (elem) {
		leftElem += elem.offsetLeft;
		topElem += elem.offsetTop;
		elem = elem.offsetParent;
		}
	return {"left":leftElem, "top":topElem, "width": widthElem, "height":heightElem};
	}

function ViewPic ( value, width, height ) {
	var html = '<a href="javascript:closePic();" class="cms"><img alt="" border="0" src="' + value + '" width="' + width + '" height="' + height + '"></a>';
	document.getElementById('ViewPic').innerHTML = html;
	document.getElementById('disDiv').style.width = '100%';
	document.getElementById('disDiv').style.height = document.documentElement.scrollHeight + 'px';
	document.getElementById('disDiv').style.display = 'block';
	document.getElementById('ViewPic').style.display = 'block';
	var widthW = ( document.compatMode=='CSS1Compat' && !window.opera ) ? parent.document.documentElement.clientWidth : parent.document.body.clientWidth;
	var heightW = ( document.compatMode=='CSS1Compat' ) ? parent.document.documentElement.clientHeight : parent.document.body.clientHeight;
	var widthLP = GetElementPosition('ViewPic').width;
	var heightLP = GetElementPosition('ViewPic').height;
	document.getElementById('ViewPic').style.left = parseInt ( widthW / 2 - widthLP / 2 ) + 'px';
	document.getElementById('ViewPic').style.top = parseInt ( ( heightW / 2 + document.documentElement.scrollTop ) - heightLP / 2 ) + 'px';
	document.getElementById('ViewPic').style.visibility = 'visible';
	}

function closePic () {
	document.getElementById('ViewPic').style.visibility = 'hidden';
	document.getElementById('ViewPic').style.display = 'none';
	document.getElementById('disDiv').style.width = '1px';
	document.getElementById('disDiv').style.height = '1px';
	document.getElementById('disDiv').style.display = 'none';
	}

var VacancyFields = new Array( 'Индификатор', 'Категория', 'Название должности', 'Стартовый оклад', 'Оклад после испытательного срока', 'Город', 'Тип работы (занятость)', 'Должностные обязанности', 'Возраст мин.', 'Возраст макс.', 'Пол', 'Образование', 'Опыт работы', 'Требования к кандидату', 'Телефон', 'Добавочный' );

function VacancyAdd ( id, category, position, wages_start, wages, city, employment, charge, age_min, age_max, sex, education, experience, requirement, phone, dob ) {
	Vacancy[cnt] = new Object;
	Vacancy[cnt].id = id;
	Vacancy[cnt].category = category;
	Vacancy[cnt].position = position;
	Vacancy[cnt].wages_start = wages_start;
	Vacancy[cnt].wages = wages;
	Vacancy[cnt].city = city;
	Vacancy[cnt].employment = employment;
	Vacancy[cnt].charge = charge;
	Vacancy[cnt].age_min = age_min;
	Vacancy[cnt].age_max = age_max;
	Vacancy[cnt].sex = sex;
	Vacancy[cnt].education = education;
	Vacancy[cnt].experience = experience;
	Vacancy[cnt].requirement = requirement;
	Vacancy[cnt].phone = phone;
	Vacancy[cnt].dob = dob;
	cnt++;
	}

function ViewVacancy ( value ) {
	var html = '<table border="0" cellspacing="1" cellpadding="3" width="80%" class="fon6" onclick="closeVacancy();" style=" border: 10px solid #ffffff;">';
	for ( var i = 0; i < Vacancy.length; i++ ) {
		if ( Vacancy[i].id == value ) {
			html += '<tr><td colspan="3" align="left" nowrap class="fon4">Описание вакансии</td></tr>';
			if ( Vacancy[i].category ) html += '<tr><td align="right" nowrap>' + VacancyFields[1] + ' : </td><td colspan="2" align="left">' + Vacancy[i].category + '</td></tr>';
			if ( Vacancy[i].position ) html += '<tr><td align="right" nowrap>' + VacancyFields[2] + ' : </td><td colspan="2" align="left">' + Vacancy[i].position + '</td></tr>';
			if ( Vacancy[i].wages_start ) html += '<tr><td align="right" nowrap>' + VacancyFields[3] + ' : </td><td colspan="2" align="left">' + Vacancy[i].wages_start + '</td></tr>';
			if ( Vacancy[i].wages ) html += '<tr><td align="right" nowrap>' + VacancyFields[4] + ' : </td><td colspan="2" align="left">' + Vacancy[i].wages + '</td></tr>';
			if ( Vacancy[i].city ) html += '<tr><td align="right" nowrap>' + VacancyFields[5] + ' : </td><td colspan="2" align="left">' + Vacancy[i].city + '</td></tr>';
			if ( Vacancy[i].employment ) html += '<tr><td align="right" nowrap>' + VacancyFields[6] + ' : </td><td colspan="2" align="left">' + Vacancy[i].employment + '</td></tr>';
			if ( Vacancy[i].charge ) html += '<tr><td align="right" valign="top" nowrap>' + VacancyFields[7] + ' : </td><td colspan="2" align="left">' + Vacancy[i].charge + '</td></tr>';
			html += '<tr><td colspan="3" align="left" nowrap class="fon4">Требования к кандидату</td></tr>';
			if ( Vacancy[i].age_min ) html += '<tr><td align="right" nowrap>' + VacancyFields[8] + ' : </td><td colspan="2" align="left">' + Vacancy[i].age_min + '</td></tr>';
			if ( Vacancy[i].age_max ) html += '<tr><td align="right" nowrap>' + VacancyFields[9] + ' : </td><td colspan="2" align="left">' + Vacancy[i].age_max + '</td></tr>';
			if ( Vacancy[i].sex ) html += '<tr><td align="right" nowrap>' + VacancyFields[10] + ' : </td><td colspan="2" align="left">' + Vacancy[i].sex + '</td></tr>';
			if ( Vacancy[i].education ) html += '<tr><td align="right" nowrap>' + VacancyFields[11] + ' : </td><td colspan="2" align="left">' + Vacancy[i].education + '</td></tr>';
			if ( Vacancy[i].experience ) html += '<tr><td align="right" nowrap>' + VacancyFields[12] + ' : </td><td colspan="2" align="left">' + Vacancy[i].experience + '</td></tr>';
			if ( Vacancy[i].requirement ) html += '<tr><td align="right" valign="top" nowrap>' + VacancyFields[13] + ' : </td><td colspan="2" align="left">' + Vacancy[i].requirement + '</td></tr>';
			if ( Vacancy[i].phone ) html += '<tr><td colspan="3" align="left" nowrap class="fon4">Контакт</td></tr>';
			if ( Vacancy[i].phone ) html += '<tr><td align="right" nowrap>' + VacancyFields[14] + ' : </td><td colspan="2" align="left">' + Vacancy[i].phone + '</td></tr>';
			if ( Vacancy[i].dob ) html += '<tr><td align="right" nowrap>' + VacancyFields[15] + ' : </td><td colspan="2" align="left">' + Vacancy[i].dob + '</td></tr>';
			}
		}
	html += '<tr><td align="left"></td><td align="left"><br><a href="form.shtml">заполнить анкету</a> &nbsp; <a href="mailto:employ@spb.gs.ru">отправить резюме</a></td><td align="right"><br><a href="javascript:closeVacancy();">закрыть окно</a><br><br></td></tr>';
	html += '</table>';
	document.getElementById('ViewPic').innerHTML = html;
	document.getElementById('disDiv').style.width = '100%';
	document.getElementById('disDiv').style.height = document.documentElement.scrollHeight + 'px';
	document.getElementById('disDiv').style.display = 'block';
	document.getElementById('ViewPic').style.display = 'block';
	var widthW = ( document.compatMode=='CSS1Compat' && !window.opera ) ? parent.document.documentElement.clientWidth : parent.document.body.clientWidth;
	var heightW = ( document.compatMode=='CSS1Compat' ) ? parent.document.documentElement.clientHeight : parent.document.body.clientHeight;
	var widthLP = GetElementPosition('ViewPic').width;
	var heightLP = GetElementPosition('ViewPic').height;
	document.getElementById('ViewPic').style.left = parseInt ( widthW / 2 - widthLP / 2 ) + 'px';
	document.getElementById('ViewPic').style.top = parseInt ( ( heightW / 2 + document.documentElement.scrollTop ) - heightLP / 2 ) + 'px';
	document.getElementById('ViewPic').style.visibility = 'visible';
	}

function closeVacancy () {
	document.getElementById('ViewPic').style.visibility = 'hidden';
	document.getElementById('ViewPic').style.display = 'none';
	document.getElementById('disDiv').style.width = '1px';
	document.getElementById('disDiv').style.height = '1px';
	document.getElementById('disDiv').style.display = 'none';
	}