var _obj = [];
var rowcount = 0;
var colcount_visible = 0;
var colcount = 0;
var current = 0;
var _popup;
var _currX = 0;
var _currY = 0;
var isFirstKeyPress = true;
var isMouseNav = true;
var isMouseWeel = false;

function initMain(){
	_obj = [];
	rowcount = 0; colcount_visible = 0; colcount = 0; current = 0; _popup = false;
	_currX = 0; _currY = 0; isFirstKeyPress = true;  isMouseNav = true; isMouseWeel = false;
	if ($$('.list-navigation').length){
		rowcount = Math.floor($$('.list-navigation')[0].offsetWidth/176);
		colcount_visible = Math.floor(window.getHeight()/176);
		colcount = Math.floor($$('.list-navigation')[0].offsetHeight/176);
		if (!_popup) _popup = createPopUp();
		
		$(_popup).addEvent('mouseup', function(event){closePopUp()});
		
	}
	else return false;
	var _img = $$('.list-navigation img');
	var _imgObg = [];
	_img.each(function(img_el, i){
		if (img_el.id.indexOf('Image') != -1)
			_imgObg.push(img_el);
	});
	_imgObg.each(function(img_el, i){
		var temp_obj = document.createElement('div');
		var _a = img_el.parentNode;
		if (_a.rel) { temp_obj.src1 = _a.rel; }
		else { temp_obj.src1 = '00/loading.gif'; }
		if (_a.rev) { temp_obj.src2 = _a.rev; }
		else { temp_obj.src2 = '00/loading.gif'; }
		temp_obj.pos = getPopUpPos(i);
		_a._i = i;
		
		temp_obj.ppX = getRealLeft(_a);
		temp_obj.ppY = getRealTop(_a);
		
		$(_a).onclick = function(event){return false};
		$(_a).onmousedown = function(event){};
		$(_a).onmouseup = function(event){};
		
		$(_a).addEvent('mousedown', function(event){
			if(isMouseNav)
				_obj[this._i].pos = getPopUpPos(this._i);
				showPopUp(this._i);
			return false;
		});
		$('page-holder').addEvent('mouseup', function(event){
			closePopUp();
		});
		_obj.push(temp_obj);
	});
};
var spacefunc = function(){};
function showPopUp(_i){
	if (_obj[_i]){
		$(_popup).removeEvents('mousemove');
		var scroll = window.getScroll();
		var ppY = _obj[_i].ppY;
		var ppX = _obj[_i].ppX;
		if (isMouseNav){
			current = _i;
			//alert('mouse');
			switch (_obj[_i].pos){
				case 1:
					if (ppX < 0) ppX = 0;
					$(_popup).setStyles({
						display:'block',
						position: 'absolute',
						top: ppY,
						left: ppX
					}).getElement('img').src = _obj[_i].src1;				
					break;
				case 2:
					if (ppX-352 < 16) ppX = 16;
					else ppX -= 352;
					$(_popup).setStyles({
						display:'block',
						position: 'absolute',
						top: ppY,
						left: ppX
					}).getElement('img').src = _obj[_i].src1;;	
					break;
				case 3:
					ppY = ppY-352;
					$(_popup).setStyles({
						display:'block',
						position: 'absolute',
						top: ppY,
						left: ppX
					}).getElement('img').src = _obj[_i].src1;;	
					break;
				case 4:
					ppY = ppY-352;
					if (ppX-352 < 16) ppX = 16;
					else ppX -= 352;
					$(_popup).setStyles({
						display:'block',
						position: 'absolute',
						top: ppY,
						left: ppX
					}).getElement('img').src = _obj[_i].src1;;	
					break;				
			}
		}else {
			//alert('key');
			switch (_obj[_i].pos){
				case 1:
					$(_popup).setStyles({
						display:'block',
						position: 'absolute',
						top: ppY,
						left: ppX
					}).getElement('img').src = _obj[_i].src1;				
					break;
				case 2:
					$(_popup).setStyles({
						display:'block',
						position: 'absolute',
						top: ppY,
						left: ppX-352
					}).getElement('img').src = _obj[_i].src1;;	
					break;
				case 3:
					$(_popup).setStyles({
						display:'block',
						position: 'absolute',
						top: ppY-352,
						left: ppX
					}).getElement('img').src = _obj[_i].src1;;	
					break;
				case 4:
					$(_popup).setStyles({
						display:'block',
						position: 'absolute',
						top: ppY-352,
						left: ppX-352
					}).getElement('img').src = _obj[_i].src1;;	
					break;				
			}
		}
		spacefunc = function(){
		$(_popup).removeEvents('mousedown').addEvent('mousedown', function(e){
			$(this).getElement('img').src = _obj[_i].src2;
			return false;
		});
		window.removeEvents('mouseup').addEvent('mouseup', function(e){
			$(_popup).getElement('img').src = _obj[_i].src1;
		});	}
		spacefunc();
	}	
	isMouseWeel = false;
	
}

function closePopUp(){
	$(_popup).setStyles({
		display:'none'
	}).getElement('img').src = '00/loading.gif';
}
function createPopUp(){
	var newpopup = new Element('a', {
		'href': 'javascript:;',
		'id': 'popup',
		'styles': {
			'display': 'none',
			'width': '800px',
			'height': '600px',
			'background':'#fff',
			'overflow': 'hidden'
		}
	}).inject($$('.list-navigation')[0].parentNode);
	var _img = new Element('img', {
		'src': '00/loading.gif',
		'id': 'big-image',
		'styles': {
			'display': 'block',
			'width': '800px',
			'height': '600px'
		}
		}).inject(newpopup);
	return newpopup;
}
function getRealLeft(elem){
	var nLeft = 0;
	if(elem)
	{
		do
		{
			nLeft += elem.offsetLeft - elem.scrollLeft;
			elem = elem.offsetParent;
		}
		while(elem)
	}
	return nLeft;
}

function getRealTop(elem){
	var nTop = 0;
	if(elem)
	{
		do
		{
			nTop += elem.offsetTop - elem.scrollTop;
			elem = elem.offsetParent;
		}
		while(elem)
	}
	return nTop;
}
function getPopUpPos(_i){
	var _x = _i%rowcount;
	var _y = Math.floor(_i/rowcount) + 1;

	var _ws = $(window).getSize();
	var _ww = $(window).getWidth()-100;
	var _wh = $(window).getHeight();
	var _wst = $(window).getScrollTop();

	_wh += _wst;

	var _yy = (_y )*176;
	var _xx = (_x + 1)*176;
	
	if(_xx < _ww/2 && _yy > _wst+_ws.y/1.8)
	{
		return 3;	
	}
	else if(_xx > _ww/2 && _yy > (_wst+_ws.y/1.8))
	{
		return 4;	
	}
	else if(_xx < _ww/2 && _yy < _wst+_ws.y/1.5) 
	{
		return 1;
	}
	else if(_xx > _ww/2 && _yy < _wst+_ws.y/1.5)
	{
		return 2;	
	}
}
var _timer = false;
function initIEresize(){
	if (_timer) clearTimeout(_timer);
	_timer = setTimeout(function(){initMain()},300);
}
if (window.addEventListener){
    window.addEventListener("load", initMain, false);
	window.addEventListener("resize", initMain, false);
}
else if (window.attachEvent){
     window.attachEvent("onload", initMain)
	window.attachEvent("onresize", initIEresize)
}