﻿/* EVENTHANDLER FOR DOMONLOAD
----------------------------------------------------*/

var onDOMload = function() {
	if (arguments.callee.done) return;
	arguments.callee.done = true;
	if (_timer) clearInterval(_timer);
	//##>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>##
	//## ADD FUNCTIONS THAT SHOULD RUN ON DOM LOAD
	//##>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>##
	initLinkboxes();
	if (_timer) clearInterval(_timer);
	//##>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>##
};

/*@cc_on
@if (@_win32 || @_win64)
if(document.getElementById){document.write("<script id=\"ieScriptLoad\" defer src=\"//:\"><\/script>");document.getElementById("ieScriptLoad").onreadystatechange=function(){if(this.readyState=="complete"){onDOMload()}};}
@end @*/
if(document.addEventListener){document.addEventListener('DOMContentLoaded',onDOMload,false)};
if(/KHTML|WebKit|iCab/i.test(navigator.userAgent)){var _timer=setInterval(function(){if(/loaded|complete/.test(document.readyState)){onDOMload()}},10)}
window.onload=onDOMload;
window.onload = onDOMload;

/* ESCAPE STRINGS
----------------------------------------------------*/
function escapeHTML(str) {
	var div = document.createElement('div');
	var text = document.createTextNode(str);
	div.appendChild(text);
	return div.innerHTML;
};

/* INIT LINKBOXES
----------------------------------------------------*/
var initLinkboxes = function() {
	var linkBox = $('linkbox');
	if (!linkBox) return;

	var linkBoxes = getElementsByClassName(linkBox, 'DIV', 'linkbox-content');
	if (!linkBoxes) { return; }
	if (linkBoxes.length == 0) { return; }
	for (var i = 0, n = linkBoxes.length, box = null; i < n; i++) {
		var box = linkBoxes[i];
		// Show the boxes
		box.style.display = "block";
		var linkBox_LINK = null, linkBox_IMG = null, linkBox_FIELDSET = null, linkBox_FIELDSET = null, linkBox_DIV = null, linkBox_H3 = null, boxId = null;
		var setClickEvent = false;
		if (box.getElementsByTagName('IMG') != null)
		{ linkBox_IMG = box.getElementsByTagName('IMG')[0]; }

		//box.style.background='url(/Templates/Styles/images/bg-puff-move.png) no-repeat scroll 0 0';
		if (box.getElementsByTagName('DIV') != null && box.getElementsByTagName('DIV')[0] != null) {
			linkBox_DIV = box.getElementsByTagName('DIV')[0];
			linkBox_DIV.style.position = 'absolute';
			linkBox_DIV.zindex = '100';
			linkBox_DIV.style.bottom = '10px';
			linkBox_DIV.style.background = 'url(/Templates/Styles/images/bg-puff-move.png) no-repeat 0 0';
			linkBox_DIV.style.width = '280px';
			linkBox_DIV.style.height = '38px';

			if (linkBox_DIV.getElementsByTagName('FIELDSET') != null && linkBox_DIV.getElementsByTagName('FIELDSET')[0] != null) {
				linkBox_FIELDSET = linkBox_DIV.getElementsByTagName('FIELDSET')[0];

				linkBox_FIELDSET.style.background = 'url(/Templates/Styles/images/bg-puff-move.png) no-repeat 0 0';
				linkBox_FIELDSET.style.position = 'absolute';
				linkBox_FIELDSET.style.top = '58px';
				linkBox_FIELDSET.style.width = '260px';
				linkBox_FIELDSET.style.height = '120px';
				linkBox_FIELDSET.style.left = '0';

				if (linkBox_FIELDSET.getElementsByTagName('A')[0]) linkBox_LINK = linkBox_FIELDSET.getElementsByTagName('A')[0].href;
				setClickEvent = true;
			}

			if (linkBox_DIV.getElementsByTagName('H3') != null) {
				linkBox_H3 = linkBox_DIV.getElementsByTagName('H3')[0];

				boxId = escapeHTML('linkbox' + i + linkBox_H3.innerHTML.EscapeString());

				linkBox_H3.style.position = 'absolute';
				linkBox_H3.style.width = '270px';
				//linkBox_H3.style.bottom = '6px';
				linkBox_H3.style.padding = '0';
				linkBox_H3.style.color = '#3b3b3b';

				linkBox_H3.id = 'plate' + boxId;
			}
		}
		if (linkBox_H3 != null) {

			slideTimer[boxId] = null;
			box.style.position = 'relative';
			box.style.height = '159px';
			box.style.top = '143px';
			box.style.overflow = 'hidden';
			box.id = boxId;

			var boxBottom = document.createElement('SPAN');
			boxBottom.style.display = 'block';
			boxBottom.style.position = 'absolute';
			boxBottom.style.bottom = '0';
			boxBottom.style.left = '-5px';
			boxBottom.style.background = 'transparent url(/Templates/Styles/images/bg-puff.png) no-repeat 0 100%';
			boxBottom.style.height = '10px';
			boxBottom.style.width = '303px';
			box.appendChild(boxBottom);
			if (setClickEvent) {
				addEvent(linkBox_H3, 'click', initSlideLink);
				linkBox_H3.style.cursor = 'pointer';
			}
		}
	}

};

/* OPEN LINKBOX LINK
----------------------------------------------------*/
var initSlideLink = function() {
	var box = this;
	var boxId = box.id.substring(5);
	var linkBox_DIV = $(boxId).getElementsByTagName('DIV')[0];
	var CurrTop = parseInt(linkBox_DIV.style.top);
	if (CurrTop >= 114 || isNaN(CurrTop)) {
		slideTimer[boxId] = window.setTimeout('SlideLinkBox.Up("' + boxId + '",' + 85 + ')', 100);
	}
	else if (CurrTop <= 0) {
		window.clearTimeout(slideTimer[boxId]);
		slideTimer[boxId] = window.setTimeout('SlideLinkBox.Down("' + boxId + '",' + CurrTop + ')', 0);
	}
};


/* SLIDE LINK BOX
----------------------------------------------------*/
var SlideLinkBox = {
	Up: function(boxId, topPos) {
		var box = $(boxId);
		var linkBox_DIV = box.getElementsByTagName('DIV')[0]; if (!linkBox_DIV) return;
		var linkBox_H3 = linkBox_DIV.getElementsByTagName('H3')[0]; if (!linkBox_H3) return;
		var linkBox_FIELDSET = linkBox_DIV.getElementsByTagName('FIELDSET')[0]; if (!linkBox_FIELDSET) return;
		linkBox_FIELDSET.style.top = '38px';
		if (topPos < 0) {
			slideTimer[boxId] = null;
			linkBox_DIV.style.top = '0px';
			return;
		} else {
			linkBox_DIV.style.top = topPos + 'px';
			topPos -= 10;
			slideTimer[boxId] = window.setTimeout('SlideLinkBox.Up("' + boxId + '",' + topPos + ')', 20);
		}
	},
	Down: function(boxId, topPos) {
		var box = $(boxId);
		var linkBox_DIV = box.getElementsByTagName('DIV')[0]; if (!linkBox_DIV) return;
		var linkBox_H3 = linkBox_DIV.getElementsByTagName('H3')[0]; if (!linkBox_H3) return;
		var linkBox_FIELDSET = linkBox_DIV.getElementsByTagName('FIELDSET')[0]; if (!linkBox_FIELDSET) return;
		linkBox_FIELDSET.style.top = '58px';
		if (topPos >= 114) {
			slideTimer[boxId] = null;
			linkBox_DIV.style.top = '114px';
			return;
		} else {
			if (isNaN(topPos)) topPos = 120;
			linkBox_DIV.style.top = topPos + 'px';
			topPos += 10;
			slideTimer[boxId] = window.setTimeout('SlideLinkBox.Down("' + boxId + '",' + topPos + ')', 20);
		}
	}
};



