// Java Document

// cookie handling
function createCookie(name, value) {
	document.cookie = name + "=" + value + "; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for (var i = 0; i < ca.length; i++) {
		var c = ca[i];
		while (c.charAt(0) == ' ') c = c.substring(1, c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
	}
	return null;
}

// window onload, unload handling
window.onload = function(e) {
	
	var cookie = readCookie("style");
	var title = cookie ? cookie : getPreferredStyleSheet();
	setActiveStyleSheet(title);

}

window.onunload = function(e) {
	var title = getActiveStyleSheet();
	createCookie("style", title);
}

//stylesheet handling
function getActiveStyleSheet() {
	var i, a;
	for (i = 0; (a = document.getElementsByTagName("link")[i]); i++) {
		if (a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
	}
	return null;
}

function getPreferredStyleSheet() {
	var i, a;
	for (i = 0; (a = document.getElementsByTagName("link")[i]); i++) {
		if (a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
	}
	return null;
}

function setActiveStyleSheet(css_title) {
	var i, link_tag;
	for (i = 0, link_tag = document.getElementsByTagName("link");  i < link_tag.length; i++) {
		if ((link_tag[i].rel.indexOf("stylesheet") != -1) && link_tag[i].title) {
			link_tag[i].disabled = true;
			if (link_tag[i].title == css_title) {
				link_tag[i].disabled = false;
			}
		}
	}
}

// enlarge image handling
function enlargeImageLandscape(caption, image_id, parent_id) {
    var oParent = document.getElementById(parent_id);
    var oPicOverlay = document.getElementById('overlay_landscape');
    var oBigCaption = document.getElementById('overlay_landscape_caption_text');
    var oBigContent = document.getElementById('overlay_landscape_content');
    var oBigImage = document.getElementById('overlay_landscape_content_img');

    oBigImage.src = 'Assets/Images/grp_downloading_notice_landscape.gif';

    var sTop = oParent.offsetTop;
    var sLeft = oParent.offsetLeft;
    oPicOverlay.style.top = sTop + 'px';
    oPicOverlay.style.left = sLeft + 'px';
    oPicOverlay.style.position = 'absolute';

    var oImg = document.getElementById(image_id);
    var iPos = oImg.src.indexOf("Assets/Images/");
    var sBigImage = "Assets/Images/" + oImg.src.substring(iPos + 14, oImg.src.length);
    oBigImage.src = sBigImage;

    oBigCaption.innerText = caption;
    oPicOverlay.style.display = 'block';
    oPicOverlay.style.visibility = 'visible';
}

function enlargeImagePortrait(caption, image_id, parent_id) {
    var oParent = document.getElementById(parent_id);
    var oPicOverlay = document.getElementById('overlay_portrait');
    var oBigCaption = document.getElementById('overlay_portrait_caption_text');
    var oBigContent = document.getElementById('overlay_portrait_content');
    var oBigImage = document.getElementById('overlay_portrait_content_img');

    oBigImage.src = 'Assets/Images/grp_downloading_notice_portrait.gif';

    var sTop = oParent.offsetTop;
    var sLeft = oParent.offsetLeft;
    oPicOverlay.style.top = sTop + 'px';
    oPicOverlay.style.left = sLeft + 'px';
    oPicOverlay.style.position = 'absolute';

    var oImg = document.getElementById(image_id);
    var iPos = oImg.src.indexOf("Assets/Images/");
    var sBigImage = "Assets/Images/" + oImg.src.substring(iPos + 14, oImg.src.length);
    oBigImage.src = sBigImage;

    oBigCaption.innerText = caption;
    oPicOverlay.style.display = 'block';
    oPicOverlay.style.visibility = 'visible';
}

function enlargeClose(parent_id) {
    var oPicOverlay = document.getElementById(parent_id);
    var oBigImage = document.getElementById(parent_id + '_content_img');
    oBigImage.src = 'Assets/Images/grp_downloading_notice.gif';

    oPicOverlay.style.position = 'static';
    oPicOverlay.style.visibility = 'hidden';
}

function enlargeShare() {
    var oPicOverlayShare = document.getElementById(overlay_share);
    oPicOverlayShare.style.position = 'absolute';
    oPicOverlayShare.style.visibility = 'visible';
}

// open hidden layer
var nTimeout = 500;
var nCloseTimer = 0;
var nDdmenuItem = 0;

function ddMenuOpen(id) {
    // cancel close timer
    ddMenuCancelCloseTime();

    // close old layer
    if (nDdmenuItem) nDdmenuItem.style.visibility = 'hidden';

    // get new layer and show it
    nDdmenuItem = document.getElementById(id);
    nDdmenuItem.style.visibility = 'visible';

}
// close showed layer
function ddMenuClose() {
    if (nDdmenuItem) nDdmenuItem.style.visibility = 'hidden';
}

// go close timer
function ddMenuCloseTime() {
    nCloseTimer = window.setTimeout(ddMenuClose, nTimeout);
}

// cancel close timer
function ddMenuCancelCloseTime() {
    if (nCloseTimer) {
        window.clearTimeout(nCloseTimer);
        nCloseTimer = null;
    }
}

// close layer when click-out
document.onclick = ddMenuClose;

function showImageSelect(sID, mode) {

	var oInput = document.getElementById(sID);
	var sInputSrc = oInput.src;

	var iPos = sInputSrc.indexOf("Assets/Images/");

	if (mode == "sel") {
		oInput.src = sInputSrc.substring(iPos, sInputSrc.length - 4) + "_sel.gif";
	}
	else {
		oInput.src = sInputSrc.substring(iPos, sInputSrc.length - 8) + ".gif";
	}
	endif
}

// data maintenance handling
function selectTableRow(sID, tab) {

	var oButton = document.getElementById('EditPassOver');
	createCookie('RecdID', sID);
	oButton.click();

}

// navigation handling
function defineTopic(value, value1, pgUrl) {
	createCookie("PageKey", value);
	createCookie("PageKey1", value1);
	window.location.href = pgUrl;
}

// tab handling

function mapdisplayTab(tab)
    {
        // set all the tabs to not display
		var ctrl = document.getElementById('map-tab1')
        ctrl.style.display = "none";
        var ctrl = document.getElementById('map-tab2')
        ctrl.style.display = "none";
        var ctrl = document.getElementById('map-tab3')
        ctrl.style.display = "none";
		var ctrl = document.getElementById(tab)
        ctrl.style.display = "block";
}

function homedisplayTab(tab)
    {
        // set all the tabs to not display
    	var ctrl = document.getElementById('home_tab1')
        ctrl.style.display = "none";
        var ctrl = document.getElementById('home_tab2')
        ctrl.style.display = "none";
        var ctrl = document.getElementById('home_tab3')
		ctrl.style.display = "none";
		var ctrl = document.getElementById('home_tab4')
		ctrl.style.display = "none";
        // set the selected tab to display
        var ctrl = document.getElementById(tab)
        ctrl.style.display = "block";
}

function pageDisplayTab4(tab) {
    // set all the tabs to not display
    var ctrl = document.getElementById('page_content_tab1')
    ctrl.style.display = "none";
    var ctrl = document.getElementById('page_content_tab2')
    ctrl.style.display = "none";
    var ctrl = document.getElementById('page_content_tab3')
    ctrl.style.display = "none";
    var ctrl = document.getElementById('page_content_tab4')
    ctrl.style.display = "none";
    // set the selected tab to display
    var ctrl = document.getElementById(tab)
    ctrl.style.display = "block";
}

function pageDisplayTab3(tab) {
    // set all the tabs to not display
    var ctrl = document.getElementById('page_content_tab1')
    ctrl.style.display = "none";
    var ctrl = document.getElementById('page_content_tab2')
    ctrl.style.display = "none";
    var ctrl = document.getElementById('page_content_tab3')
    ctrl.style.display = "none";
    // set the selected tab to display
    var ctrl = document.getElementById(tab)
    ctrl.style.display = "block";
}

function pageDisplayTab2(tab) {
    // set all the tabs to not display
    var ctrl = document.getElementById('page_content_tab1')
    ctrl.style.display = "none";
    var ctrl = document.getElementById('page_content_tab2')
    ctrl.style.display = "none";
    // set the selected tab to display
    var ctrl = document.getElementById(tab)
    ctrl.style.display = "block";
}

// popup handling
function openPopup( mode, strURL, intWidth, intHeight, blnNewWindow ) 
	{ 
	//zubin
	//alert('z');
	var intScreenHeight = 0;
	//	get screen height
	if( parseInt( navigator.appVersion ) > 3 ) {
		intScreenHeight = screen.availHeight;
		if( !intScreenHeight ) {
			intScreenHeight = screen.height;
		}
	} else if(
			navigator.appName == "Netscape" && 
			parseInt( navigator.appVersion ) == 3 && 
			navigator.javaEnabled()
		) {
		var jToolkit = java.awt.Toolkit.getDefaultToolkit();
		var jScreenSize = jToolkit.getScreenSize();
		intScreenHeight = jScreenSize.height;
	} else {
		alert( 'Can\'t detect screen resolution' );
		return;
	}
	//	adjust dimensions if necessary
	if( intHeight > intScreenHeight ) {
		intHeight = intScreenHeight - 10;
	}
	if( blnNewWindow ) {
		//	new window
		if (mode == 'map') {
		var openPopup = window.open( strURL,'popup','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,left=210, top=150, width=' + intWidth + ',height=' + intHeight  );
} else {
		var openPopup = window.open( strURL,'popup','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,left=0, top=0, width=' + intWidth + ',height=' + intHeight );
		}
		openPopup.focus();
	} else {
		//	same window
		window.resizeTo( intWidth, intHeight );
	}
	return;
}

// processing functions
function getmap() {
	var form = document.getElementById("map-page-form");

	// radio buttons	
	var field0 = form.elements[0];
	var field2 = form.elements[2];

	// selects	
	var field1 = form.elements[1];
	var field3 = form.elements[3];

	if (field0.checked) {
		file = "Downloads/maps/" + field1.value + ".jpg"
	}

	if (field2.checked) {
		file = "Downloads/maps/" + field3.value + ".jpg"
	}

	openPopup('map', file, 778, 500, 1);
	//document.images("currentmap").src = file;
}