var ns6 = (!document.all && document.getElementById); 
var ie4 = (document.all);
var ns4 = (document.layers);
var setnumber;
var activepanel = "services";
var visible = 0;

function toproll(img,pos) {
	findpos(pos);
	hideLayers();
	visible=1;
	if (ie4) {
		if (img == "services") {
			selectturnoff(img)
			servicesLayer.style.top = newY
			servicesLayer.style.left = newX
			servicesLayer.style.visibility = "visible"
		}
		if (img == "about") {
			selectturnoff(img)
			aboutLayer.style.top = newY
			aboutLayer.style.left = newX
			aboutLayer.style.visibility = "visible"
		}
		if (img == "partners") {
			selectturnoff(img)
			partnersLayer.style.top = newY
			partnersLayer.style.left = newX
			partnersLayer.style.visibility = "visible"
		}
	} else if (ns4) {
		if (img == "services") {
			selectturnoff(img)
			document.servicesLayer.top = newY
			document.servicesLayer.left = newX
			document.servicesLayer.visibility = "visible"
		}
		if (img == "about") {
			selectturnoff(img)
			document.aboutLayer.top = newY
			document.aboutLayer.left = newX
			document.aboutLayer.visibility = "visible"
		}
		if (img == "partners") {
			selectturnoff(img)
			document.partnersLayer.top = newY
			document.partnersLayer.left = newX
			document.partnersLayer.visibility = "visible"
		}
	} else if (ns6) {
		if (img == "services") {
			selectturnoff(img)
			document.getElementById('servicesLayer').style.top = newY
			document.getElementById('servicesLayer').style.left = newX
			document.getElementById('servicesLayer').style.visibility = "visible"
		}
		if (img == "about") {
			selectturnoff(img)
			document.getElementById('aboutLayer').style.top = newY
			document.getElementById('aboutLayer').style.left = newX
			document.getElementById('aboutLayer').style.visibility = "visible"
		}
		if (img == "partners") {
			selectturnoff(img)
			document.getElementById('partnersLayer').style.top = newY
			document.getElementById('partnersLayer').style.left = newX
			document.getElementById('partnersLayer').style.visibility = "visible"
		}
	}
	activepanel = img
	if (img !== thispage) rollover(img)
}

function selectturnon(img) {
	if (thispage == "services") {
		document.services.src = "/images/serviceson.gif"
		document.about.src = aboutoff.src
		document.partners.src = partnersoff.src
	}
	if (thispage == "about") {
		document.about.src = "/images/abouton.gif"
		document.services.src = servicesoff.src
		document.partners.src = partnersoff.src
	}
	if (thispage == "partners") {
		document.partners.src = "/images/partnerson.gif"
		document.services.src = servicesoff.src
		document.about.src = aboutoff.src
	}
	if (thispage == "contact") {
		document.contact.src = "/images/contacton.gif";
	}
	if (thispage == "research") {
		document.research.src = "/images/researchon.gif";
	}
	if (thispage == "home") {
		document.home.src = "/images/homeon.gif";
	}
}

function selectturnoff(img) {
	if (img == "services") {
		if (thispage == "about") document.partners.src = partnersoff.src
		if (thispage == "partners") document.about.src = aboutoff.src
		if (thispage == "home" || thispage == "research" || thispage == "contact" || thispage == "services") {
			document.partners.src = partnersoff.src
			document.about.src = aboutoff.src
		}
	}
	if (img == "about") {
		if (thispage == "services") document.partners.src = partnersoff.src
		if (thispage == "partners") document.services.src = servicesoff.src
		if (thispage == "home" || thispage == "research" || thispage == "contact" || thispage == "about") {
			document.partners.src = partnersoff.src
			document.services.src = servicesoff.src
		}
	}
	if (img == "partners") {
		if (thispage == "services") document.about.src = aboutoff.src
		if (thispage == "about") document.services.src = servicesoff.src
		if (thispage == "home" || thispage == "research" || thispage == "contact" || thispage == "partners") {
			document.services.src = servicesoff.src
			document.about.src = aboutoff.src
		}
	}
}

function hideLayers() {
	visible=0;
	document.getElementById('servicesLayer').style.visibility = "hidden"
	document.getElementById('aboutLayer').style.visibility = "hidden"
	document.getElementById('partnersLayer').style.visibility = "hidden"
}

function updatepos() {
	if (visible) {
		if (activepanel == "services") { 
			findpos2(1) 
			servicesLayer.style.top = newY
			servicesLayer.style.left = newX
			servicesLayer.style.visibility = "visible"
		}
		if (activepanel == "about") { 
			findpos2(2) 
			aboutLayer.style.top = newY
			aboutLayer.style.left = newX
			aboutLayer.style.visibility = "visible"
		}
		if (activepanel == "partners") { 
			findpos2(3) 
			partnersLayer.style.top = newY
			partnersLayer.style.left = newX
			partnersLayer.style.visibility = "visible"
		}
	}
}

function findpos(num) {
	if (ns4 || ns6) {
		x = window.innerWidth
		y = window.innerHeight
	}
	else {
		x = document.body.clientWidth
		y = document.body.clientHeight
	}
	centerx  = x / 2
	centery = y / 2
	if (num == 1) { 
		newX = 336 //old = 265 (without premium tab)
	}
	else if (num == 2) {
		newX = 300
	}
	else if (num == 3) {
		newX = 230
	}
	newY = 84
}

if (document.images) {
	serviceson = new Image(); // On images
	serviceson.src = "/images/servicesover.gif";
	researchon = new Image();
	researchon.src = "/images/researchover.gif";
	partnerson = new Image();
	partnerson.src = "/images/partnersover.gif";
	abouton = new Image();
	abouton.src = "/images/aboutover.gif";
	contacton = new Image();
	contacton.src = "/images/contactover.gif";
	homeon = new Image();
	homeon.src = "/images/homeover.gif";
	ovalon = new Image();
	ovalon.src = "/images/ovalon.gif";

	servicesoff = new Image(); // Off images
	servicesoff.src = "/images/servicesoff.gif";
	researchoff = new Image(); 
	researchoff.src = "/images/researchoff.gif";
	partnersoff = new Image();
	partnersoff.src = "/images/partnersoff.gif";
	aboutoff = new Image();
	aboutoff.src = "/images/aboutoff.gif";
	contactoff = new Image();
	contactoff.src = "/images/contactoff.gif";
	homeoff = new Image();
	homeoff.src = "/images/homeoff.gif";
	ovaloff = new Image();
	ovaloff.src = "/images/ovaloff.gif";
}
function subrollover(imgName) {
	if (document.images) {
		document[imgName].src = ovalon.src
	}
}
function subrolloff(imgName) {
	if (document.images) {
		document[imgName].src = ovaloff.src
	}
}
function rolloverhome(imgName) {
	document[imgName].src = eval(imgName + "on.src");
	document.services.src = servicesoff.src
	document.about.src = aboutoff.src
	document.partners.src = partnersoff.src
	selectturnon()
}
function rollover(imgName) {
	if (document.images) {
		if (imgName == "home" || imgName == "research" || imgName == "contact") {
			if (thispage !== "services" && thispage !== "about" && thispage !== "partners") {
				document.services.src = servicesoff.src
				document.about.src = aboutoff.src
				document.partners.src = partnersoff.src
			}
			selectturnon()
		}
		if (imgName !== thispage) document[imgName].src = eval(imgName + "on.src");
	}
}
function rolloff(imgName,par) {
	if (document.images) {
		if (imgName == "home" || imgName == "research" || imgName == "contact") {
			if (!par) {
				document[imgName].src = eval(imgName + "off.src");
			}
			else {
				document[imgName].src = "images/" + imgName + "on.gif"
			}
		}
	}
}

function setPointer(theRow, theAction, theDefaultColor, thePointerColor, theMarkColor)
{
    var theCells = null;

    // 1. Pointer and mark feature are disabled or the browser can't get the
    //    row -> exits
    if ((thePointerColor == '' && theMarkColor == '')
        || typeof(theRow.style) == 'undefined') {
        return false;
    }

    // 1.1 Sets the mouse pointer to pointer on mouseover and back to normal otherwise.
    if (theAction == "over" || theAction == "click") {
        theRow.style.cursor='pointer';
    } else {
        theRow.style.cursor='default';
    }

    // 2. Gets the current row and exits if the browser can't get it
    if (typeof(document.getElementsByTagName) != 'undefined') {
        theCells = theRow.getElementsByTagName('td');
    }
    else if (typeof(theRow.cells) != 'undefined') {
        theCells = theRow.cells;
    }
    else {
        return false;
    }

    // 3. Gets the current color...
    var rowCellsCnt  = theCells.length;
    var domDetect    = null;
    var currentColor = null;
    var newColor     = null;
    // 3.1 ... with DOM compatible browsers except Opera that does not return
    //         valid values with "getAttribute"
    if (typeof(window.opera) == 'undefined'
        && typeof(theCells[0].getAttribute) != 'undefined') {
        currentColor = theCells[0].getAttribute('bgcolor');
        domDetect    = true;
    }
    // 3.2 ... with other browsers
    else {
        currentColor = theCells[0].style.backgroundColor;
        domDetect    = false;
    } // end 3

    // 3.3 ... Opera changes colors set via HTML to rgb(r,g,b) format so fix it
    if (currentColor.indexOf("rgb") >= 0)
    {
        var rgbStr = currentColor.slice(currentColor.indexOf('(') + 1,
                                     currentColor.indexOf(')'));
        var rgbValues = rgbStr.split(",");
        currentColor = "#";
        var hexChars = "0123456789ABCDEF";
        for (var i = 0; i < 3; i++)
        {
            var v = rgbValues[i].valueOf();
            currentColor += hexChars.charAt(v/16) + hexChars.charAt(v%16);
        }
    }

    // 4. Defines the new color
    // 4.1 Current color is the default one
    if (currentColor == ''
        || currentColor.toLowerCase() == theDefaultColor.toLowerCase()) {
        if (theAction == 'over' && thePointerColor != '') {
            newColor              = thePointerColor;
        }
        else if (theAction == 'click' && theMarkColor != '') {
            newColor              = theMarkColor;
            marked_row[theRowNum] = true;
            // Garvin: deactivated onclick marking of the checkbox because it's also executed
            // when an action (like edit/delete) on a single item is performed. Then the checkbox
            // would get deactived, even though we need it activated. Maybe there is a way
            // to detect if the row was clicked, and not an item therein...
            // document.getElementById('id_rows_to_delete' + theRowNum).checked = true;
        }
    }
    // 4.1.2 Current color is the pointer one
    else if (currentColor.toLowerCase() == thePointerColor.toLowerCase()
             && (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])) {
        if (theAction == 'out') {
            newColor              = theDefaultColor;
        }
        else if (theAction == 'click' && theMarkColor != '') {
            newColor              = theMarkColor;
            marked_row[theRowNum] = true;
            // document.getElementById('id_rows_to_delete' + theRowNum).checked = true;
        }
    }
    // 4.1.3 Current color is the marker one
    else if (currentColor.toLowerCase() == theMarkColor.toLowerCase()) {
        if (theAction == 'click') {
            newColor              = (thePointerColor != '')
                                  ? thePointerColor
                                  : theDefaultColor;
            marked_row[theRowNum] = (typeof(marked_row[theRowNum]) == 'undefined' || !marked_row[theRowNum])
                                  ? true
                                  : null;
            // document.getElementById('id_rows_to_delete' + theRowNum).checked = false;
        }
    } // end 4

    // 5. Sets the new color...
    if (newColor) {
        var c = null;
        // 5.1 ... with DOM compatible browsers except Opera
        if (domDetect) {
            for (c = 0; c < rowCellsCnt; c++) {
                theCells[c].setAttribute('bgcolor', newColor, 0);
            } // end for
        }
        // 5.2 ... with other browsers
        else {
            for (c = 0; c < rowCellsCnt; c++) {
                theCells[c].style.backgroundColor = newColor;
            }
        }
    } // end 5

    return true;
} // end of the 'setPointer()' function