var feedBack_voteVariants=new Array(
	'Что Вы посоветуете?', //заголовок голосования
	'Нужен форум',
	'Больше разных контор', 
	'Больше превью игр',
	'Больше статей', 
	'Изменить дизайн: светлый фон, темные буквы',
	'Другое, как раз пишу', 
	'Все хорошо' //последний вариант. рекомендую всегда иметь его - фильтрует тех, кому голосовать не стоило бы.
	//обратите внимание, не нужно ставить запятую после последнего варианта ответа
	//Вариантов ответа может быть и больше 5(или меньше ), но см. чтобы выглядело нормально. :)
);
var feedBack_formTitle='Помогите сделать наш сайт лучше';
var feedBack_afterSubmit='Спасибо за Ваше мнение';

var feedBack_buttonDefault='<a onclick="feedBack_callForm();" id="feedBack_link" style="background-color:#104d00; cursor:pointer;"><img src="/files/button2.gif" width="19px" height="142px" alt="FeedBack"/></a>';
var feedBack_formDefault='<form id="feedBack_FORM" name="feedBack_FORM" style="padding:0;margin:0;"><table width="100%" cellspacing="0" cellpadding="0" border="0" class="feedback_table">	<tr>		<td class="header">'+feedBack_formTitle+'</td>		<td align="right" class="close"><a onclick="feedBack_closeForm();">Закрыть окно [X]</a></td>	</tr>	<tr valign="top">		<td width="400px">			<table width="100%" cellspacing="0" cellpadding="0" border="0">				<tr valign="middle">					<td width="100px">Ваше имя:</td>					<td width="300px"><input type="text" name="name" id="feedBack_name"></td>				</tr>				<tr valign="middle">					<td width="100px">Ваш емэйл:</td>					<td width="300px"><input type="text" name="email" id="feedBack_email"></td>				</tr>								<tr>					<td colspan="2">Сообщение</td>				</tr>								<tr>					<td colspan="2"><textarea name="msg"  id="feedBack_msg" rows="10"></textarea></td>				</tr>							</table>		</td>		<td width="200px" id="feedBack_vote" style="padding:10px 20px 0px 10px;">&nbsp;</td>	</tr>	<tr>		<td colspan="2"><input type="button" onclick="feedBack_doForm();" value="Отправить" class="button"></td>	</tr></table></form>';
var feedBack_afterCall='<table width="100%" cellspacing="0" cellpadding="0" border="0" class="feedback_table"><tr valign="middle"><th class="close" style="vertical-align:middle;"><img src="/files/fig.gif" width="1px" height="150px" align="left"/>'+feedBack_afterSubmit+'</th></tr></table>';


function o(nodeName) {
	return document.getElementById(nodeName);
};

var loadedFiles=new Array();
function loadFile(src) {
	for(var i=0; i<loadedFiles.length; i++ ) {
		if ( loadedFile[i] == src ) return true ;
	};
	var re=/\.(\w+)$/i;
	var type=src.match(re)[1];
	var ref;
	if (type == 'js' ) {
		ref=document.createElement('SCRIPT');
		ref.setAttribute('type', 'text/javascript');
		ref.src=src;
	} else {
		if (type == 'css' ) {
			ref=document.createElement('LINK');
			ref.setAttribute('rel', 'stylesheet');
			ref.setAttribute('type', 'text/css');
			ref.src=src;
		} else {
			return false;
		};
	};

	if (typeof ref != 'undefined' ) {
		document.getElementsByTagName('HEAD')[0].appendChild(ref);
		return true;
	};

	return false;
};

var flag=1;
function feedBack_init() {
	var pObj=o('feedBack_button');
	if (flag==1 ) pObj.innerHTML=feedBack_buttonDefault;
	pObj.style.display='block';
	if (flag==1 ) o('feedBack_div').innerHMTL='&nbsp;';
	o('feedBack_div').style.display='none';
	flag=0;
};

function _getPos() {
	var pos=(document.compatMode=='CSS1Compat' && !window.opera ? document.documentElement.clientWidth:document.body.clientWidth );
	pos=(pos > 650 ? pos:650 );
	return parseInt(pos/2 - 325, 10);
};

function feedBack_callForm() {
	var pObj=o('feedBack_button');
	pObj.style.display='none';
	var div=o('feedBack_div');
	div.style.display='block';
	div.style.left=_getPos()+'px';

	div.innerHTML=feedBack_formDefault;
/*	var voteTable='<img src="/files/fig.gif" width="1px" height="273px" align="left"/><table width="200px" cellpadding="0" cellspacing="0" class="feedback_vote">';
	if (feedBack_voteVariants!=null && feedBack_voteVariants.length > 0 ) {
		voteTable+='<tr valign="top"><td width="1px" rowspan="'+feedBack_voteVariants.length+'"><img src="/files/fig.gif" width="1px" height="260px"/></td><th colspan="2">'+feedBack_voteVariants[0]+'</th></tr>';
		for(var i=1; i<feedBack_voteVariants.length; i++ ) {
			voteTable+='<tr valign="top"><td width="20px" class="tdVote"><input class="radio" type="radio" name="vote" value="'+feedBack_voteVariants[i]+'" id="vote'+i+'"></td><td width="180px" class="tdVote"><label for="vote'+i+'" style="cursor:pointer;">'+feedBack_voteVariants[i]+'</label></td></tr>';
		};
	};
	voteTable+='</table>';*/
	var voteTable='<div class="feedback_vote">';
	if (feedBack_voteVariants!=null && feedBack_voteVariants.length > 0 ) {
		voteTable+='<span>'+feedBack_voteVariants[0]+'</span>';
		for(var i=1; i<feedBack_voteVariants.length; i++ ) {
			voteTable+='<input class="radio" type="radio" name="vote" value="'+feedBack_voteVariants[i]+'" id="vote'+i+'">';
			voteTable+='<label for="vote'+i+'" style="cursor:pointer;">'+feedBack_voteVariants[i]+'</label>';
			voteTable+='<div class="clear"/><img src="/files/fig.gif"/></div>';
		};
	};
	voteTable+='</div>';
	o('feedBack_vote').innerHTML=voteTable;
	loadFile('/files/jquery-1.3.2.min.js');
	return false;
};

function feedBack_doForm() {
	var vote;
	for(i=1; i<feedBack_voteVariants.length; i++ ) {
		if ( o('vote'+i).checked ) vote=o('vote'+i).value;
	};

    $.post(
    '../files/feedback.php',
        {
            name: o('feedBack_name').value,
            email: o('feedBack_email').value,
            msg: o('feedBack_msg').value,
            vote: vote
        },
        feedBack_afterPost()
    );    	
};

function feedBack_afterPost() {
	o('feedBack_div').innerHTML=feedBack_afterCall;
	window.setTimeout('feedBack_closeForm();', 1500);
};

function feedBack_closeForm() {
	feedBack_init();
};

feedBack_init();