Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
HTML
<a href="#?w=690" rel="popup_contact" class="poplight">
<div class="feedbackblock"> 
<img 
border="0" src="http://www.teamlead.ru/download/attachments/92144019/contacts_trans_1.png">
</div> 
</a>


<div id="popup_contact" class="popup_block">
 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script> 

<script> 
// DOM готова 
$(function() { 

var current; 

function rotate() { 

// Выглядит ужасно, но классы должны быть использованы в определенном порядке 

if (current == 1) { 
$("#block-1").removeClass().addClass("active"); 
$("#block-2").removeClass().addClass("non-active-top"); 
$("#block-3").removeClass().addClass("non-active-bottom"); 
$("#block-4").removeClass().addClass("non-active-bottom2"); 
} else if (current == 2) { 
$("#block-1").removeClass().addClass("non-active-bottom2"); 
$("#block-2").removeClass().addClass("active"); 
$("#block-3").removeClass().addClass("non-active-top"); 
$("#block-4").removeClass().addClass("non-active-bottom"); 
} else if (current == 3) { 
$("#block-1").removeClass().addClass("non-active-top"); 
$("#block-2").removeClass().addClass("non-active-bottom"); 
$("#block-3").removeClass().addClass("active"); 
$("#block-4").removeClass().addClass("non-active-bottom2"); 
} 
else if (current == 4) { 
$("#block-1").removeClass().addClass("non-active-top"); 
$("#block-2").removeClass().addClass("non-active-bottom"); 
$("#block-3").removeClass().addClass("non-active-bottom2"); 
$("#block-4").removeClass().addClass("active"); 
} 

} 

$("#rotator div").click(function() { 

// Разрешаем обратный ход перестановки блоков 
current = this.id.substr(6); 
rotate(); 

}); 

}); 
</script> 



<div id="page-wrap"> 

<div id="rotator"> 

<div id="block-1" class="active"> 
<h6> 
<img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%97%D0%B0%D0%BF%D1%80%D0%BE%D1%81.png"> 
</h6> 
<div> 

<div id='feedback-main-div' style='font-size: 12px; font-family: Arial,Helvetica,FreeSans,sans-serif'> 
<form enctype='multipart/form-data' id='feedback-form' name='feedback-form' target='feedback-response' method='post' action='http://jira.teamlead.ru/plugins/servlet/feedback/create'> 
<input type='hidden' name='form-index' id='form-index' value='5'/> 

<div> 
<select id='feedback-component' name='feedback-component'> 
<option value='' selected >Выберите тему вопроса</option> 
<option value='14268'>Возможности продукта</option> 
<option value='14265'>Оценка проекта или разработки</option> 
<option value='14263'>Покупка и лицензирование продуктов</option> 
<option value='14560'>Услуги Teamlead</option> 
<option value='14267'>Сотрудничество</option> 
</select> 

<select id='feedback-affect-version' name='feedback-affect-version'> 
<option value='' selected >Выберите продукт</option> 
<option value='16023'>JIRA</option> 
<option value='16022'>Confluence</option> 
<option value='16021'>Development Tools</option> 
</select> 
</div> 

<div><input type='text' id='feedback-summary' name='feedback-summary' size='58' placeholder='Ваш вопрос' value=''/></div> 

<div><TEXTAREA id='feedback-body' name='feedback-body' COLS='61' ROWS='5' placeholder='Тут можно указать подробности...'></TEXTAREA></div> 

<div><input type='file' id='feedback-attachment' name='feedback-attachment' size='58' /></div> 

<input type='text' id='feedback-email' name='feedback-email' placeholder='Ваш e-mail для ответа' size='38' value=''/> 

<input type='button' value=' Задать вопрос ' onclick='addFeedback()'/> 
</form></div> 

<iframe id='feedback-response' name='feedback-response' frameborder='no' style='display: none' width='370' height='130'></iframe><script type='text/javascript'> 
function addFeedback() { 
jQuery('#feedback-response').show(); 
jQuery('#feedback-form').submit(); 
return false; 
} 
</script> 
</div> 

</div> 


<div id="block-2" class="non-active-top"> 

<h6> 
<img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%9E%D0%BD%D0%BB%D0%B0%D0%B8%CC%86%D0%BD+%D1%87%D0%B0%D1%82.png"> 
</h6> 

<br> 
<table border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td rowspan="2"> 
<img border="0" height="235" src="http://www.teamlead.ru/download/attachments/15794201/teamlead_chat.png"> 
</td> 
<td> 
<img border="0" height="130" 
src="http://www.teamlead.ru/download/attachments/15794201/arrow_down.png"> 

<br> 
<a href="https://siteheart.com/webconsultation/21371?byhref=1&s=1" target="siteheart_sitewindow_21371" onclick="o=window.open;o('https://siteheart.com/webconsultation/21371?s=1', 'siteheart_sitewindow_21371', 'width=550,height=400,top=30,left=30,resizable=yes'); return false;"><img src="http://webindicator.siteheart.com/webindicator/image/1308171917?ent=21371&company=21371" border="0" /></a> 

</td> 
</tr> 
<tr> 
<td> 

</td> 
</tr> 
</table> 
</div> 

<div id="block-3" class="non-active-bottom"> 

<h6><img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%A2%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD.png"></h6> 
<div> 
<br><br> 
<img border="0" height="100" 
src="http://www.teamlead.ru/download/attachments/15794201/phone.jpg"> 

<p>С понедельника по пятницу</p> 
<p>с 10:00 до 18:00 (время Московское)</p> 
<br> 
<img border="0" src="http://www.teamlead.ru/download/attachments/15794201/teamlead_phone.png"> 

</div> 

</div> 


<div id="block-4" class="non-active-bottom2"> 
<h6><img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%90%D0%B4%D1%80%D0%B5%D1%81.png"> 
</h6>
<br> 

<div>
<script type="text/javascript" src="http://www.teamlead.ru/download/attachments/92144076/imagesize.js"></script>

<img class="expando" 
Wiki Markup
{style} 
img.expando{ 
border: none; 
vertical-align: bottom;
} 
{style} 

{style}
.feedbackblock { 
position: fixed; /* Фиксированное положение */ 
left: 0; top: 34%; /* Положение */ 
/* background: white; Цвет фона */ 
/* width: 70px; Ширина слоя */ 
padding: 0px; /* Поля */ 
} 
{style} 


{style}

h3 a {
	display: block; text-decoration: none;
	font: 32px Helvetica, Arial, Sans-Serif;  
	text-align: center;
	color: #357AED; text-shadow: 0px 2px 3px #2a2a2a;
 }
 	h3 a:hover {
 		color: #3599ED; text-shadow: 0px 3px 4px #1B1B32;
 	}

a.back:hover {
	color:#05911C;
}
a.back{
	color:#777;
	position:fixed;
	top:5px;
	right:10px;
	text-decoration:none;
}

#fade { /*--Прозрачный слой фона--*/
	display: none; /*--по умолчанию скрыт--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .60;/* Полупрозрачность элемента */
	z-index: 9999;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.popup_block{
	display: none; /*--по умолчанию скрыт--*/
	background: #fff;
	padding: 10px 20px 10px 0px;
	border: 6px solid #ddd;
	float: left;
	font-size: 1 em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 CSS3 Тени для Блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Закругленные углы--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}

/*--Фиксированное позиционирование для тупого IE6--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

{style}



{style} 
#page-wrap { width: 960px; height: 410px; margin: 10px auto; } 

h1 { font: bold 26px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; } 
h1, p { margin: 0 0 10px 0; } 

#rotator { width: 500px; height: 410px; position: relative; background: white; padding: 10px; } 
#block-1 { background: white; } 
#block-2 { background: white; } 
#block-3 { background: white; } 
#block-4 { background: white; } 

#rotator > div { 
position: absolute; 
overflow: hidden; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
border: 1px solid whitesmoke; 
border-radius: 8px; /* Для Opera */ 
-moz-border-radius: 8px; /* Для Firefox */ 
-webkit-border-radius: 8px; /* Для Chrome, Safari */ 
} 
#rotator > div > div { 
padding: 15px; 
} 
#rotator > div > div img { 
float: right; 
margin: 0 0 2px 5px; 
} 

#rotator .active { top: 1px; left: 19px; width: 430px; height: 410px; } 
#rotator .non-active-top { top: 1px; left: 468px; height: 70px; width: 220px; } 
#rotator .non-active-bottom { top: 90px; left: 468px; height: 70px; width: 220px; } 
#rotator .non-active-bottom2 { top: 179px; left: 468px; height: 70px; width: 220px; } 
#rotator .non-active-top:hover, 
#rotator .non-active-bottom:hover { 
cursor: pointer; 
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); 
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); 
box-shadow: 0 0 10px rgba(0,0,0,0.4); 
} 
#rotator h6 { 
text-align: center; 
line-height: 17px; 


} 
#rotator .active h6 { 
display: none; 
} 

#rotator .non-active-bottom2:hover { 
cursor: pointer; 
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); 
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); 
box-shadow: 0 0 10px rgba(0,0,0,0.4); 
} 
#rotator h6 { 
text-align: center; 
line-height: 17px; 

} 
#rotator .active h6 { 
display: none; 

} 

{style} 




{html}

<a href="#?w=890" rel="popup_contact" class="poplight">
<div class="feedbackblock"> 
<img 
border="0" src="http://www.teamlead.ru/download/attachments/9214401992144070/contactsteamlead_transmap_1big.png">
</div> 
</a>


<div id="popup_contact" class="popup_block">
 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script> 

<script> 
// DOM готова 
$(function() { 

var current; 

function rotate() { 

// Выглядит ужасно, но классы должны быть использованы в определенном порядке 

if (current == 1) { 
$("#block-1").removeClass().addClass("active"); 
$("#block-2").removeClass().addClass("non-active-top"); 
$("#block-3").removeClass().addClass("non-active-bottom"); 
$("#block-4").removeClass().addClass("non-active-bottom2"); 
} else if (current == 2) { 
$("#block-1").removeClass().addClass("non-active-bottom2"); 
$("#block-2").removeClass().addClass("active"); 
$("#block-3").removeClass().addClass("non-active-top"); 
$("#block-4").removeClass().addClass("non-active-bottom"); 
} else if (current == 3) { 
$("#block-1").removeClass().addClass("non-active-top"); 
$("#block-2").removeClass().addClass("non-active-bottom"); 
$("#block-3").removeClass().addClass("active"); 
$("#block-4").removeClass().addClass("non-active-bottom2"); 
} 
else if (current == 4) { 
$("#block-1").removeClass().addClass("non-active-top"); 
$("#block-2").removeClass().addClass("non-active-bottom"); 
$("#block-3").removeClass().addClass("non-active-bottom2"); 
$("#block-4").removeClass().addClass("active"); 
} 

} 

$("#rotator div").click(function() { 

// Разрешаем обратный ход перестановки блоков 
current = this.id.substr(6); 
rotate(); 

}); 

}); 
</script> 



<div id="page-wrap"> 

<div id="rotator"> 

<div id="block-1" class="active"> 
<h6> 
<img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%97%D0%B0%D0%BF%D1%80%D0%BE%D1%81.png"> 
</h6> 
<div> 

<div id='feedback-main-div' style='font-size: 12px; font-family: Arial,Helvetica,FreeSans,sans-serif'> 
<form enctype='multipart/form-data' id='feedback-form' name='feedback-form' target='feedback-response' method='post' action='http://jira.teamlead.ru/plugins/servlet/feedback/create'> 
<input type='hidden' name='form-index' id='form-index' value='5'/> 

<div> 
<select id='feedback-component' name='feedback-component'> 
<option value='' selected >Выберите тему вопроса</option> 
<option value='14268'>Возможности продукта</option> 
<option value='14265'>Оценка проекта или разработки</option> 
<option value='14263'>Покупка и лицензирование продуктов</option> 
<option value='14560'>Услуги Teamlead</option> 
<option value='14267'>Сотрудничество</option> 
</select> 

<select id='feedback-affect-version' name='feedback-affect-version'> 
<option value='' selected >Выберите продукт</option> 
<option value='16023'>JIRA</option> 
<option value='16022'>Confluence</option> 
<option value='16021'>Development Tools</option> 
</select> 
</div> 

<div><input type='text' id='feedback-summary' name='feedback-summary' size='58' placeholder='Ваш вопрос' value=''/></div> 

<div><TEXTAREA id='feedback-body' name='feedback-body' COLS='61' ROWS='5' placeholder='Тут можно указать подробности...'></TEXTAREA></div> 

<div><input type='file' id='feedback-attachment' name='feedback-attachment' size='58' /></div> 

<input type='text' id='feedback-email' name='feedback-email' placeholder='Ваш e-mail для ответа' size='38' value=''/> 

<input type='button' value=' Задать вопрос ' onclick='addFeedback()'/> 
</form></div> 

<iframe id='feedback-response' name='feedback-response' frameborder='no' style='display: none' width='480' height='130'></iframe><script type='text/javascript'> 
function addFeedback() { 
jQuery('#feedback-response').show(); 
jQuery('#feedback-form').submit(); 
return false; 
} 
</script> 
</div> 

</div> 


<div id="block-2" class="non-active-top"> 

<h6> 
<img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%9E%D0%BD%D0%BB%D0%B0%D0%B8%CC%86%D0%BD+%D1%87%D0%B0%D1%82.png"> 
</h6> 

<br> 
<table border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td rowspan="2"> 
<img border="0" height="400" src="http://www.teamlead.ru/download/attachments/15794201/teamlead_chat.png"> 
</td> 
<td> 
<img border="0" height="180" 
src="http://www.teamlead.ru/download/attachments/15794201/arrow_down.png"> 

<br> 
<a href="https://siteheart.com/webconsultation/21371?byhref=1&s=1" target="siteheart_sitewindow_21371" onclick="o=window.open;o('https://siteheart.com/webconsultation/21371?s=1', 'siteheart_sitewindow_21371', 'width=550,height=400,top=30,left=30,resizable=yes'); return false;"><img src="http://webindicator.siteheart.com/webindicator/image/1308171917?ent=21371&company=21371" border="0" /></a> 

</td> 
</tr> 
<tr> 
<td> 

</td> 
</tr> 
</table> 
</div> 

<div id="block-3" class="non-active-bottom"> 

<h6><img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%A2%D0%B5%D0%BB%D0%B5%D1%84%D0%BE%D0%BD.png"></h6> 
<div> 
<br><br> 
<img border="0" height="200" 
src="http://www.teamlead.ru/download/attachments/15794201/phone.jpg"> 

<p>С понедельника по пятницу</p> 
<p>с 10:00 до 18:00 (время Московское)</p> 
<br> 
<img border="0" src="http://www.teamlead.ru/download/attachments/15794201/teamlead_phone.png"> 

</div> 

</div> 


<div id="block-4" class="non-active-bottom2"> 
<h6><img border="0" src="http://www.teamlead.ru/download/attachments/15794201/%D0%90%D0%B4%D1%80%D0%B5%D1%81.png"> 
</h6>
<br> 

<div>
<script type="text/javascript" src="http://www.teamlead.ru/download/attachments/92144076/imagesize.js"></script>

<img class="expando" border="0" src="http://www.teamlead.ru/download/attachments/92144070/teamlead_map_big.gif" height="100">

<h4>Фактический адрес</h4>
<p>Россия, 194044, г. Санкт-Петербург</p>
<p>Большой Сампсониевский проспект, д. 66-В (м. Лесная или Выборгская)</p>

<h4>Для корреспонденции</h4>
<p>Россия, 194044, г. Санкт-Петербург</p>
<p>Циолковского, д. 13, Литер А, офис 7-Н</p>
</div> 
</div> 


</div> 

</div> 



</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
						   		   
	//When you click on a link with class of poplight and the href starts with a # 
	$('a.poplight[href^=#]').click(function() {
		var popID = $(this).attr('rel'); //Get Popup Name
		var popURL = $(this).attr('href'); //Get Popup href to define size
				
		//Pull Query & Variables from href URL
		var query= popURL.split('?');
		var dim= query[1].split('&');
		var popWidth = dim[0].split('=')[1]; //Gets the first query string value
 
		//Fade in the Popup and add close button
		$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://www.teamlead.ru/download/attachments/92143948/close_pop.png" class="btn_close" title="Закрыть окно" alt="Закрыть" /></a>');
		
		//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
		var popMargTop = ($('#' + popID).height() + 80) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;
		
		//Apply Margin to Popup
		$('#' + popID).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
		
		//Fade in Background
		$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer 
		
		return false;
	});
	
	
	//Close Popups and Fade Layer
	$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
	  	$('#fade , .popup_block').fadeOut(function() {
			$('#fade, a.close').remove();  
	}); //fade them both out
		
		return false;
	});
 
	
});
</script>


{html}



{html} 
<p>Я вновь увидел Теночтитлан, великолепные покои во дворце Монтесумы и 
себя самого, спящего на золотом ложе. Я знал, что я бог Тескатлипока и 
наутро меня принесут в жертву. Я спал, измученный я удрученный, и видел 
сон. Я видел во сне, будто стою на том самом месте, где стоял сейчас, и 
запах наших цветов щекочет мне ноздри, как в эту ночь, и сладкие 
соловьиные песни звучат точно так же, как звучали они в моих ушах. Мне 
снилось, что, пока я стоял и слушал соловьев, над зелеными кронами дубов и 
ясеней взошла луна, — вот, вот она уже сияет в небесах. Мне снилось, что 
чей-то голос запел за холмом, но тут я пробудился от давно забытых видений 
прошлого.</p> 
<p>Я вновь увидел Теночтитлан, великолепные покои во дворце Монтесумы и 
себя самого, спящего на золотом ложе. Я знал, что я бог Тескатлипока и 
наутро меня принесут в жертву. Я спал, измученный я удрученный, и видел 
сон. Я видел во сне, будто стою на том самом месте, где стоял сейчас, и 
запах наших цветов щекочет мне ноздри, как в эту ночь, и сладкие 
соловьиные песни звучат точно так же, как звучали они в моих ушах. Мне 
снилось, что, пока я стоял и слушал соловьев, над зелеными кронами дубов и 
ясеней взошла луна, — вот, вот она уже сияет в небесах. Мне снилось, что 
чей-то голос запел за холмом, но тут я пробудился от давно забытых видений 
прошлого.</p> 
<p>Я вновь увидел Теночтитлан, великолепные покои во дворце Монтесумы и 
себя самого, спящего на золотом ложе. Я знал, что я бог Тескатлипока и 
наутро меня принесут в жертву. Я спал, измученный я удрученный, и видел 
сон. Я видел во сне, будто стою на том самом месте, где стоял сейчас, и 
запах наших цветов щекочет мне ноздри, как в эту ночь, и сладкие 
соловьиные песни звучат точно так же, как звучали они в моих ушах. Мне 
снилось, что, пока я стоял и слушал соловьев, над зелеными кронами дубов и 
ясеней взошла луна, — вот, вот она уже сияет в небесах. Мне снилось, что 
чей-то голос запел за холмом, но тут я пробудился от давно забытых видений 
прошлого.</p> 
<p>Я вновь увидел Теночтитлан, великолепные покои во дворце Монтесумы и 
себя самого, спящего на золотом ложе. Я знал, что я бог Тескатлипока и 
наутро меня принесут в жертву. Я спал, измученный я удрученный, и видел 
сон. Я видел во сне, будто стою на том самом месте, где стоял сейчас, и 
запах наших цветов щекочет мне ноздри, как в эту ночь, и сладкие 
соловьиные песни звучат точно так же, как звучали они в моих ушах. Мне 
снилось, что, пока я стоял и слушал соловьев, над зелеными кронами дубов и 
ясеней взошла луна, — вот, вот она уже сияет в небесах. Мне снилось, что 
чей-то голос запел за холмом, но тут я пробудился от давно забытых видений 
прошлого.</p> 
<p>Я вновь увидел Теночтитлан, великолепные покои во дворце Монтесумы и 
себя самого, спящего на золотом ложе. Я знал, что я бог Тескатлипока и 
наутро меня принесут в жертву. Я спал, измученный я удрученный, и видел 
сон. Я видел во сне, будто стою на том самом месте, где стоял сейчас, и 
запах наших цветов щекочет мне ноздри, как в эту ночь, и сладкие 
соловьиные песни звучат точно так же, как звучали они в моих ушах. Мне 
снилось, что, пока я стоял и слушал соловьев, над зелеными кронами дубов и 
ясеней взошла луна, — вот, вот она уже сияет в небесах. Мне снилось, что 
чей-то голос запел за холмом, но тут я пробудился от давно забытых видений 
прошлого.</p> 
<p>Я вновь увидел Теночтитлан, великолепные покои во дворце Монтесумы и 
себя самого, спящего на золотом ложе. Я знал, что я бог Тескатлипока и 
наутро меня принесут в жертву. Я спал, измученный я удрученный, и видел 
сон. Я видел во сне, будто стою на том самом месте, где стоял сейчас, и 
запах наших цветов щекочет мне ноздри, как в эту ночь, и сладкие 
соловьиные песни звучат точно так же, как звучали они в моих ушах. Мне 
снилось, что, пока я стоял и слушал соловьев, над зелеными кронами дубов и 
ясеней взошла луна, — вот, вот она уже сияет в небесах. Мне снилось, что 
чей-то голос запел за холмом, но тут я пробудился от давно забытых видений 
прошлого.</p> 
<p>Я вновь увидел Теночтитлан, великолепные покои во дворце Монтесумы и 
себя самого, спящего на золотом ложе. Я знал, что я бог Тескатлипока и 
наутро меня принесут в жертву. Я спал, измученный я удрученный, и видел 
сон. Я видел во сне, будто стою на том самом месте, где стоял сейчас, и 
запах наших цветов щекочет мне ноздри, как в эту ночь, и сладкие 
соловьиные песни звучат точно так же, как звучали они в моих ушах. Мне 
снилось, что, пока я стоял и слушал соловьев, над зелеными кронами дубов и 
ясеней взошла луна, — вот, вот она уже сияет в небесах. Мне снилось, что 
чей-то голос запел за холмом, но тут я пробудился от давно забытых видений 
прошлого.</p> 
<p>Я вновь увидел Теночтитлан, великолепные покои во дворце Монтесумы и 
себя самого, спящего на золотом ложе. Я знал, что я бог Тескатлипока и 
наутро меня принесут в жертву. Я спал, измученный я удрученный, и видел 
сон. Я видел во сне, будто стою на том самом месте, где стоял сейчас, и 
запах наших цветов щекочет мне ноздри, как в эту ночь, и сладкие 
соловьиные песни звучат точно так же, как звучали они в моих ушах. Мне 
снилось, что, пока я стоял и слушал соловьев, над зелеными кронами дубов и 
ясеней взошла луна, — вот, вот она уже сияет в небесах. Мне снилось, что 
чей-то голос запел за холмом, но тут я пробудился от давно забытых видений 
прошлого.</p> 
<p>Я вновь увидел Теночтитлан, великолепные покои во дворце Монтесумы и 
себя самого, спящего на золотом ложе. Я знал, что я бог Тескатлипока и 
наутро меня принесут в жертву. Я спал, измученный я удрученный, и видел 
сон. Я видел во сне, будто стою на том самом месте, где стоял сейчас, и 
запах наших цветов щекочет мне ноздри, как в эту ночь, и сладкие 
соловьиные песни звучат точно так же, как звучали они в моих ушах. Мне 
снилось, что, пока я стоял и слушал соловьев, над зелеными кронами дубов и 
ясеней взошла луна, — вот, вот она уже сияет в небесах. Мне снилось, что 
чей-то голос запел за холмом, но тут я пробудился от давно забытых видений 
прошлого.</p> 
<p>Я вновь увидел Теночтитлан, великолепные покои во дворце Монтесумы и 
себя самого, спящего на золотом ложе. Я знал, что я бог Тескатлипока и 
наутро меня принесут в жертву. Я спал, измученный я удрученный, и видел 
сон. Я видел во сне, будто стою на том самом месте, где стоял сейчас, и 
запах наших цветов щекочет мне ноздри, как в эту ночь, и сладкие 
соловьиные песни звучат точно так же, как звучали они в моих ушах. Мне 
снилось, что, пока я стоял и слушал соловьев, над зелеными кронами дубов и 
ясеней взошла луна, — вот, вот она уже сияет в небесах. Мне снилось, что 
чей-то голос запел за холмом, но тут я пробудился от давно забытых видений 
прошлого.</p> 

{html} height="100">

<b>Фактический адрес</b>
<p>Россия, 194044, г. Санкт-Петербург</p>
<p>Большой Сампсониевский проспект, д. 66-В,</p>
<p>офис 214, (10 минут от метро "Выборгская")</p>
<br>
<b>Для корреспонденции</b>
<p>Россия, 190020, г. Санкт-Петербург</p>
<p>Циолковского, д. 13, Литер А, офис 7-Н</p>
<p>ООО "Тимлид"</p>
</div> 
</div> 


</div> 

</div> 



</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
						   		   
	//When you click on a link with class of poplight and the href starts with a # 
	$('a.poplight[href^=#]').click(function() {
		var popID = $(this).attr('rel'); //Get Popup Name
		var popURL = $(this).attr('href'); //Get Popup href to define size
				
		//Pull Query & Variables from href URL
		var query= popURL.split('?');
		var dim= query[1].split('&');
		var popWidth = dim[0].split('=')[1]; //Gets the first query string value
 
		//Fade in the Popup and add close button
		$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://www.teamlead.ru/download/attachments/92143948/close_pop.png" class="btn_close" title="Закрыть окно" alt="Закрыть" /></a>');
		
		//Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css
		var popMargTop = ($('#' + popID).height() + 80) / 2;
		var popMargLeft = ($('#' + popID).width() + 80) / 2;
		
		//Apply Margin to Popup
		$('#' + popID).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
		
		//Fade in Background
		$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
		$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer 
		
		return false;
	});
	
	
	//Close Popups and Fade Layer
	$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
	  	$('#fade , .popup_block').fadeOut(function() {
			$('#fade, a.close').remove();  
	}); //fade them both out
		
		return false;
	});
 
	
});
</script>