var imageIndex, img, xmlNode, pos, displayMode;
var timer = "";

document.onclick = hideMenu;

function showMenu() {
	if (divFlyout.style.display == 'none') {
		divFlyout.style.left = findPos(event.srcElement)[0] + 125;
		divFlyout.style.top = findPos(event.srcElement)[1];
		divFlyout.style.display = 'block';
	}
}

function hideMenu() {
	var undefined;
	if (window.divFlyout) {
		divFlyout.style.display = 'none';
	}
}

function clearTimer(){
	window.clearTimeout(timer);
}

function swapImages() {
	var img = getCookie('imgind');
	imageIndex = '12345678910'.indexOf(img) == -1 ? 1 : parseInt(img);
	var imgSrc = 'images/slide' + imageIndex + '.jpg';
	var side_menu_image = document.getElementById("slide");
	side_menu_image.src = imgSrc;
	setInterval('fnToggle()', 6000);
}

// This Function is preset to toggle 10 sequential images 
function fnToggle() {
	imageIndex = (imageIndex == 10) ? (1) : (imageIndex + 1);
	document.cookie = 'imgind=' + imageIndex;
	var imgSrc = 'images/slide' + imageIndex + '.jpg';
	var side_menu_image = document.getElementById("slide");
	side_menu_image.filters[0].apply();
	side_menu_image.src = imgSrc;
	side_menu_image.filters[0].play();
}

function mouseHover() {
	var e = window.event, g = e.srcElement, ext = g.src.substr(g.src.length - 4, 4);
	g.src = "images/" + g.name + ((e.type == "mouseover") ? ('_f2') : ('')) + ext;
}

function mouseHoverCSS() {
	var e = window.event, g = e.srcElement.className;
	e.srcElement.className = (e.type == "mouseover") ? (g + "_over") : (g.substr(0, g.length - 5));
}

function loadFilmStrip(startSlide) {
	var i, n;
	pos = startSlide;
	for (i = 1; i < 7; i++) {
		n = startSlide + i - 1;
// Display existing slides
		with (document.images('Thumbnail' + i)) {
			width = 50;
			height = 50;
			if (n < xmlNode.length) {
				src = 'pictures/' + xmlNode[n].childNodes(1).text;
				tabindex = i;
				style.cursor = 'hand';
				style.filter = 'gray';
				hidefocus=true;
				onmouseover = setGrayscale;
				onmouseout = setGrayscale;
				onclick = displayImage;
			} else {
// Empty slides
				src = 'images/thumbnail.gif';
				style.cursor = 'default';
				onmouseover = '';
				onmouseout = '';
				onclick = '';
			}
		}
	}
// If more then 6 slides - activate ArrowRight button
	enableDisableButton('arrow_right', (xmlNode.length - startSlide - 1 >=  6) ? ('enable') : ('disable'))
// If startSlide slide is not #1 - activate ArrowLeft button
	enableDisableButton('arrow_left', (startSlide > 0) ? ('enable') : ('disable'))
}

function enableDisableButton(btn, en) {
	with (document.all(btn)) {
		src = 'images/' + btn + ((en == 'enable') ? ('') : ('_f3')) + '.gif';
		style.cursor = (en == 'enable') ? ('hand') : ('default');
		onmouseover = (en == 'enable') ? (remoteHover) : ('');
		onmouseout = (en == 'enable') ? (remoteHover) : ('');
		if (en == 'enable') {
			if (btn == 'arrow_left' || btn == 'arrow_right') {onclick = nextSlide};
		} else {
			onclick = '';
		}
	}
}

function remoteHover() {
	var e = window.event, g, f;
	g = e.srcElement.id;
	f = (e.type == 'mouseover') ? ('_f2') : ('');
	e.srcElement.src = 'images/' + g + f + '.gif';
}

function displayImage() {
	frm.oImg.filters.item(0).Apply();
	ind = parseInt(window.event.srcElement.id.substr(9,1)) + pos - 1;
	frm.oImg.src = window.event.srcElement.src;
	frm.oImg.width=300;
	frm.oImg.height=300;
	oTable.style.display = 'block';
	oDesc.innerHTML = '<b>' + xmlNode[ind].childNodes(2).text + '</b><br>';
	frm.oImg.filters.item(0).Play();
}

function setGrayscale() {
	var e = window.event;
	e.srcElement.style.filter = (e.type == 'mouseover') ? ('none') : ('gray');
}

function nextSlide() {
	var e = window.event.srcElement;
	(e.id == 'arrow_right') ? (pos++) : (pos--);
	loadFilmStrip(pos);
}

function getCookie(name) {
    var start = document.cookie.indexOf(name + '=');
    var len = start + name.length + 1;
    if ((!start) && (name != document.cookie.substring(0,name.length))) return null;
    if (start == -1) return null;
    var end = document.cookie.indexOf(';',len);
    if (end == -1) end = document.cookie.length;
    return unescape(document.cookie.substring(len,end));
}

function setCookie(name, value, expires, path, domain, secure) {
    document.cookie = name + '=' + escape(value) +
        ( (expires) ? ';expires=' + expires.toGMTString() : '') +
        ( (path) ? ';path=' + path : '') + 
        ( (domain) ? ';domain=' + domain : '') +
        ( (secure) ? ';secure' : '');
}

function validateNumeric() {
	var kc = event.keyCode;
	return (kc < 48 || kc > 57) && kc != 46 ? false : true;
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft;
		curtop = obj.offsetTop;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
	}
	return [curleft,curtop];
}

function validateAddEditMode(url) {
	if (displayMode == 'Add' || displayMode == 'Edit') {
		if (confirm('Are you sure you want to navigate away from this page and lose all entered information?')) {
			location.href = url;
		}
	} else {
		location.href = url;
	}
}

function confirmCancel() {
	return confirm("Are you sure you want to cancel editing and lose all the information you entered?");
}

function confirmDelete(name) {
	return confirm("Are you sure you want to delete this " + name + "?");
}