function initPage(){
	initPopup();
}
function findClass(_tag, _class){
	var _tagNameHold = document.getElementsByTagName(_tag);
	var _classNameMas = [];
	if (_tagNameHold) 
		for (var i = 0; i < _tagNameHold.length; i++) 
			if (_tagNameHold[i].className.indexOf(_class) != -1) _classNameMas.push(_tagNameHold[i]);
	return _classNameMas;
};
function initPopup(){
	var wrapper = document.getElementById('wrapper');
	var _links = findClass('a', 'open-popup');
	var _linksClose = findClass('a', 'close-popup');
	var _linksHold = findClass('div', 'product-img');
	var _popup = findClass('div', 'box-popup');
	for (var i = 0; i < _links.length; i++){
		_links[i]._i = i;
		_links[i].onclick = function() {
			for (var di = 0; di < _popup.length; di++){
				_popup[di].style.display = 'none';
				_linksHold[di].className = _linksHold[di].className.replace('product-img-active','')
			};
			_popup[this._i].style.display = 'block';
			_linksHold[this._i].className += ' product-img-active';
			if (getX(_popup[this._i]) < getX(wrapper)) {
				_popup[this._i].style.left = 140 + 'px';
				_popup[this._i].className += ' popup-left-side';
			}
			return false;
		};
		_linksClose[i]._i = i;
		_linksClose[i].onclick = function() {
			_linksHold[this._i].className = _linksHold[this._i].className.replace('product-img-active','')
			_popup[this._i].style.display = 'none';
			_popup[this._i].style.left = -294 + 'px';
			_popup[this._i].className = _popup[this._i].className.replace('popup-left-side','')
			return false;
		};
	};
	
	function getX(e) {
		var x = 0;
		while(e){
			x += e.offsetLeft;
			e = e.offsetParent;
		}
		return x;
	}
	
	
}
if (window.addEventListener)
	window.addEventListener("load", initPage, false);
else if (window.attachEvent && !window.opera)
	window.attachEvent("onload", initPage);