var navTime, ie6 = navigator.appVersion.match(/MSIE (5.5|6)/) && document.uniqueID ? true : false;

var replaceH2 = function () {
	var img, h1 = document.getElementsByTagName('h1');
	var i = h1.length;
	while (i-- > 0) {
		img = h1[i].firstChild.nodeValue;
		img = encodeURIComponent(img.toLowerCase().replace(/\s+/g, '_'));
		h1[i].style.backgroundImage = 'url(/images/titles/' + img + '.gif)';
		h1[i].style.lineHeight = '200px';
		h1[i].style.overflow   = 'hidden';
	}
};

var preloadImgs = function (imgs) {
	var i = imgs.length;
	while (i-- > 0) {
		(new Image()).src = '/images/' + imgs[i];
	}
};

var initNav = function () {
	var nav     = document.getElementById('nav');
	var hdrImgs = document.getElementById('hdr-imgs');
	var navs    = nav.childNodes;
	var navUL, offset, div, ul, i  = navs.length;
	while (i-- > 0) {
		if (navs[i].nodeName == 'LI' && (navUL = navs[i].getElementsByTagName('UL')[0])) {
			offset = navs[i].offsetLeft - nav.offsetLeft;
			div = document.createElement('DIV');
			div.style.position = 'absolute';
			div.style.visibility = 'hidden';
			div.className = 'nav-sub';
			div.style.width = '635px';
			div.id = 'sub-' + navs[i].className.replace(/nav\-([^\-]+).*/, '$1');
			div.onmouseover = function () { showNav(this.id); };
			div.onmouseout  = function () { hideNav(this.id); };
			if (ie6) {
				div.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/nav/sub_bg.png", sizingMethod="scale"';
			} else {
				div.style.backgroundImage = 'url(/images/nav/sub_bg.png)';
			}
			div.innerHTML = '<div style="height: 6px; background-color: #FFF; padding-left: ' + (offset + 6) + 'px"><img src="/images/nav/pointer.gif" width="22" height="16" alt="" style="position: absolute" /></div><ul style="margin: 16px 0 14px">' + navUL.innerHTML + '</ul>';
			ul = div.childNodes[1];
			ul.style.marginLeft = offset + 17 + 'px';
			div.appendChild(ul);
			nav.parentNode.insertBefore(div, hdrImgs);
			navs[i].onmouseover = function () { showNav('sub-' + this.className.replace(/nav\-([^\-]+).*/, '$1')); };
			navs[i].onmouseout  = function () { hideNav('sub-' + this.className.replace(/nav\-([^\-]+).*/, '$1')); };
			div = null;
		}
	}
};

var showNav = function (navID) {
	var nav = document.getElementById(navID);
	window.clearInterval(navTime);
	nav.style.visibility = 'visible';
	var divs = nav.parentNode.childNodes;
	var i = divs.length;
	while (i-- > 0) {
		if (divs[i].id && divs[i].id.indexOf('sub-') != -1 && nav != divs[i]) {
			divs[i].style.visibility = 'hidden';
		}
	}
};

var hideNav = function (navID) {
	navTime = window.setTimeout((function () {
		var nav = document.getElementById(navID);
		nav.style.visibility = 'hidden';
	}), 500);
};

var replaceName = function (old_name, new_name) {
	return old_name.substring(0, old_name.lastIndexOf('/') + 1) + new_name;
};

var getImg = function (inc) {
	var start = startImg + inc;
	start = start > hdr_imgs.length - 1 ? start - hdr_imgs.length : start;
	return hdr_imgs[start];
};

var getImgRight = function (inc) {
	var start = startImgRight + inc;
	start = start > hdr_imgs_right.length - 1 ? start - hdr_imgs_right.length : start;
	return hdr_imgs_right[start];
};


var rotateImgs = function () {
	var div1 = document.getElementById('hdr-imgs').getElementsByTagName('IMG');
	var img4 = document.getElementById('hdr-img-right');
	startImg = startImg < hdr_imgs.length - 1 ? startImg + 1 : 0;
	div1[0].src = replaceName(div1[0].src, getImg(0));
	div1[1].src = replaceName(div1[1].src, getImg(1));
	div1[2].src = replaceName(div1[2].src, getImg(2));
//	img4.src    = replaceName(img4.src, getImg(3));
};


var rotateImgsRight = function () {
	var img4 = document.getElementById('hdr-img-right');
	startImgRight = startImgRight < hdr_imgs_right.length - 1 ? startImgRight + 1 : 0;
	img4.src    = replaceName(img4.src, getImgRight(0));
};

var openFull = function (image, width, height) {
	width  += 18;
	height += 18;
	var left       = screen.width / 2 - width / 2;
	var top        = screen.height / 2 - height / 2;
	window.open('/display.php?' + image, '_blank', 'status=no,dependent=yes,modal=yes,height=' + height + ',width=' + width + ',left=' + left + ',top=' + top);
	return false;
};

window.onload = function () {
	//replaceH2();
	preloadImgs(['nav/sub_bg.png', 'nav/pointer.gif']);
	initNav();
	if (hdr_imgs.length > 4) {
		var i = hdr_imgs.length;
		while (i-- > 0) {
			(new Image()).src = '/images/hdr_imgs/' + page_id + '/mini/' + hdr_imgs[i];
			(new Image()).src = '/images/hdr_imgs/' + page_id + '/midi/' + hdr_imgs[i];
		}
		startImg = 0;
		time = window.setInterval(rotateImgs, 5500);
	}

	if (hdr_imgs_right.length) {
		var i = hdr_imgs_right.length;
		while (i-- > 0) {
			(new Image()).src = '/images/hdr_imgs/right/' + hdr_imgs_right[i];
		}
		startImgRight = 0;
		time = window.setInterval(rotateImgsRight, 5500);
	}
};