// Функция возвращает ширину видимой области страницы
function winWidth() {
    
	var myWidth = 0;
    if (typeof(window.innerWidth) == 'number') {
      // для всего кроме MSIE
      myWidth = window.innerWidth;
    } else if (document.documentElement && document.documentElement.clientWidth) {
      // IE6+
      myWidth = document.documentElement.clientWidth;
    } else if (document.body && document.body.clientWidth) {
      // IE4
      myWidth = document.body.clientWidth;
    }
	return myWidth;
} 

 // Теперь уточняем, насколько страница прокручена вбок
function winOffX() {

    var scrOfX = 0;
    if(typeof(window.pageYOffset) == 'number') {
      // Netscape и его родственники
      scrOfX = window.pageXOffset;
    } else if (document.body && document.body.scrollLeft) {
      // DOM
      scrOfX = document.body.scrollLeft;
    } else if (document.documentElement && document.documentElement.scrollLeft) {
    // IE6
    scrOfX = document.documentElement.scrollLeft;
    }
	return scrOfX;
}

// Функция возвращает высоту видимой области страницы
function winHeight() {

    var myHeight = 0;
    if (typeof(window.innerWidth) == 'number') {
      // для всего кроме MSIE
      myHeight = window.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
      // IE6+
      myHeight = document.documentElement.clientHeight;
    } else if (document.body && document.body.clientHeight) {
      // IE4
      myHeight = document.body.clientHeight;
    }
	return myHeight;
}

 // Теперь уточняем, насколько страница прокручена вниз
function winOffY() {

    var scrOfY = 0;
    if(typeof(window.pageYOffset) == 'number') {
      // Netscape и его родственники
      scrOfY = window.pageYOffset;
    } else if (document.body && document.body.scrollTop) {
      // DOM
      scrOfY = document.body.scrollTop;
    } else if (document.documentElement && document.documentElement.scrollTop) {
    // IE6
    scrOfY = document.documentElement.scrollTop;
    }
	return scrOfY;
}

// Функция закрывает увеличенную картинку
function hidden_block(block_id) {

    f = document.getElementById(block_id);
	f.style.display = "none";
	f.removeChild(f.firstChild);
}

// Функция показывает увеличенную картинку
function attachEnlarger(block_id, src, w, h) {

    f = document.getElementById(block_id);
	
	// Если картинка уже загружена, удалить ее
	if (f.firstChild) f.removeChild(f.firstChild);
	
    // Для начала узнаем размеры видимой области страницы
    var myWidth = 0, myHeight = 0;
    if (typeof(window.innerWidth) == 'number') {
      // для всего кроме MSIE
      myWidth = window.innerWidth;
      myHeight = window.innerHeight;
    } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
      // IE6+
      myWidth = document.documentElement.clientWidth;
      myHeight = document.documentElement.clientHeight;
    } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
      // IE4
      myWidth = document.body.clientWidth;
      myHeight = document.body.clientHeight;
    }
  
    // Теперь уточняем, насколько страница прокручена вниз и вбок
    var scrOfX = 0, scrOfY = 0;
    if(typeof(window.pageYOffset) == 'number') {
      // Netscape и его родственники
      scrOfY = window.pageYOffset;
      scrOfX = window.pageXOffset;
    } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
      // DOM
      scrOfY = document.body.scrollTop;
      scrOfX = document.body.scrollLeft;
    } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
    // IE6
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
    }
   
    //Создаем в блоке картинку
    var new_img = new Image();
	new_img.src = src;
	f.appendChild(new_img);
	  
    // А теперь позиционируем наш блок
    f.style.top = String(((myHeight - h)<0) ? scrOfY : (Math.round((myHeight - h) / 2) + scrOfY)) + 'px';
    f.style.left = String(((myWidth - w)<0) ? 0 : (Math.round((myWidth - w) / 2) + scrOfX)) + 'px';
    f.style.width = w;
    f.style.height = h;
	f.style.display = "block";
	// показываем блок
} // attachEnlarger

function CreateBlock(src, caption, w) {

	// Создаем в конце страницы конструкцию для вставки картинки с подписью:
	//
	//	<div id="some_center_block" onclick="hide_block('some_center_block');">
	//		<div id="caption"></div>
	//		<img id="boxImage">
	//	</div>
		
	var objBody = document.getElementsByTagName("body").item(0);
	if (objBlock = document.getElementById('some_center_block')) {	
		objBody.removeChild(objBlock);
	}
		// Создаем блок	
		var objBlock = document.createElement("div");
		objBlock.setAttribute('id','some_center_block');
		objBlock.onclick = function() { hide_block(); }
		objBody.appendChild(objBlock);
		// Создаем надпись
		var objCaption = document.createElement("div");
		objCaption.setAttribute('id','caption');
		objCaption.style.width = w;
		objCaption.innerHTML = caption;
		objBlock.appendChild(objCaption);
		// Создаем картинку
		var objBoxImage = document.createElement("img");
		objBoxImage.setAttribute('src',src);
		objBoxImage.setAttribute('id','boxImage');
		objBlock.appendChild(objBoxImage);
	
	
	// А теперь позиционируем наш блок
    objBlock.style.top = String(winOffY()) + 'px';
    objBlock.style.left = String(((winWidth() - w)<0) ? 0 : (Math.round((winWidth() - w) / 2) + winOffX())) + 'px';

	// показываем блок
	objBlock.style.display = "block";

}

function CreateVideo(src) {

	// Создаем в конце страницы конструкцию для вставки видео:
	//
	//	<div id="some_center_block" onclick="hide_block('some_center_block');">
	//		<div id="close_w">Закрыть <img src="close.png" border="0"></div>
	//		<iframe width="600" height="450" src="http://www.youtube.com/embed/bHozRQFZUWo?rel=0" frameborder="0" allowfullscreen="true></iframe>
	//	</div>
	var w = 600;
	var objBody = document.getElementsByTagName("body").item(0);
	if (objBlock = document.getElementById('some_center_block')) {	
		objBody.removeChild(objBlock);
	}
		// Создаем блок	
		var objBlock = document.createElement("div");
		objBlock.setAttribute('id','some_center_block');
		objBody.appendChild(objBlock);
		// Создаем надпись
		var objCaption = document.createElement("div");
		objCaption.setAttribute('id','close_w');
		objCaption.onclick = function() { hide_block(); }
		objCaption.style.width = w;
		objCaption.innerHTML = 'ЗАКРЫТЬ ' + '<img src="/lib/images/close.png" border="0">';
		objBlock.appendChild(objCaption);
		// Создаем IFRAME
		var objIframe = document.createElement("iframe");
		objIframe.setAttribute('allowfullscreen','true');
		objIframe.setAttribute('src',src);
		objIframe.setAttribute('frameborder','0');
		objIframe.setAttribute('width',w);
		objIframe.setAttribute('height','510');
		objBlock.appendChild(objIframe);
		
	
	
	// А теперь позиционируем наш блок
    objBlock.style.top = String(winOffY()) + 'px';
    objBlock.style.left = String(((winWidth() - w)<0) ? 0 : (Math.round((winWidth() - w) / 2) + winOffX())) + 'px';

	// показываем блок
	objBlock.style.display = "block";

}

// Функция удаляет блок с id="some_center_block"
function hide_block() {

	var objBody = document.getElementsByTagName("body").item(0);
    var objBlock = document.getElementById('some_center_block');
	objBlock.style.display = "none";
	objBody.removeChild(objBlock);
}

// Функция показывает html страницу через iframe
function create_iframe(url, w) {

	// Создаем в конце страницы конструкцию для вставки видео:
	//
	//	<div id="some_center_block" onclick="hide_block('some_center_block');">
	//		<div id="close_w">Закрыть <img src="close.png" border="0"></div>
	//		<iframe width="w" height="h" src="url" frameborder="0" allowfullscreen="true></iframe>
	//	</div>

	var objBody = document.getElementsByTagName("body").item(0);
	if (objBlock = document.getElementById('some_center_block')) {	
		objBody.removeChild(objBlock);
	}
		// Создаем блок	
		var objBlock = document.createElement("div");
		objBlock.setAttribute('id','some_center_block');
		objBody.appendChild(objBlock);
		// Создаем надпись
		var objCaption = document.createElement("div");
		objCaption.setAttribute('id','close_w');
		objCaption.onclick = function() { hide_block(); }
		objCaption.style.width = w;
		objCaption.innerHTML = 'ЗАКРЫТЬ ' + '<img src="/lib/images/close.png" border="0">';
		objBlock.appendChild(objCaption);
		// Создаем IFRAME
		var objIframe = document.createElement("iframe");
		objIframe.setAttribute('allowfullscreen','true');
		objIframe.setAttribute('src',url);
		objIframe.setAttribute('frameborder','1');
		objIframe.setAttribute('width',w);
		objIframe.setAttribute('height', winHeight());
		objBlock.appendChild(objIframe);
		
	
	
	// А теперь позиционируем наш блок
    objBlock.style.top = String(winOffY()) + 'px';
    objBlock.style.left = String(((winWidth() - w)<0) ? 0 : (Math.round((winWidth() - w) / 2) + winOffX())) + 'px';

	// показываем блок
	objBlock.style.display = "block";
} // create_iframe