//Set mouse over for navigation. Sets the margin size and heights as necessary.

function pausecomp(millis)
{	
	var date = new Date();
	var curDate = null;
	
	do { curDate = new Date(); }
	while(curDate-date < millis);
}

function getElementsByClassName(searchClass) {
    if(document.getElementsByClassName) {
        var els = document.getElementsByClassName(searchClass);
        return els;
    }
    var els = document.getElementsByTagName('*'),elsLen=els.length,classElements=[]; // Gather all nodes
    var pattern = new RegExp("\\b"+searchClass+"\\b"); // pattern to check for class presence
    for (var i = 0,j = 0; i < elsLen; i++) { // Loop through each node in document
        if ( pattern.test(els[i].className) ) { // test for above pattern
            classElements[j] = els[i]; // Transfer element reference to seperate array
            j++;
        }
    }
    return classElements; // return array full of elements which have searched class
}

function setCSS(opVal, pos){
//alert (opVal);
	var navElements = getElementsByClassName(opVal);
	for ( var i = 0; i < navElements.length; i++ ) {
	//alert(navElements[i]);
		addStyles(navElements[i],{
			backgroundPosition: 'right -' + pos + 'px'
			//background: 'url("../images/top_nav_05.gif") 0 0 no-repeat'
		});
	}
}
function addStyles(element,styles) {
    for (var i in styles) {
        element.style[i] = styles[i];
    }
}

function setCSSSize(opVal, size){
//alert (opVal);
	var navElements = getElementsByClassName(opVal);
	var navElementsW = document.getElementById(opVal).offsetWidth;
//navElements.offsetHeight;

//alert (navElementsW);

	for ( var i = 0; i < navElements.length; i++ ) {
	//alert(navElementsH);
		addStyles(navElements[i],{
			width: size + 'px'
			//background: 'url("../images/top_nav_05.gif") 0 0 no-repeat'
		});
	}
}

function setProdCSSSize(opVal,size){
//alert (opVal);
	var navElements = getElementsByClassName(opVal);
	//var navElementsH = document.getElementById(opVal).offsetHeight;
//navElements.offsetHeight;
	for ( var i = 0; i < navElements.length; i++ ) {
	//alert(navElementsH);
		addStyles(navElements[i],{
			height: size + 'px'
		});
		
		setCSSMarginSize("botNavContainer", size);
	}
}

function setCSSMarginSize(opVal, size){
//alert (opVal);
	var navElements = getElementsByClassName(opVal);
	var navElementsH = document.getElementById(opVal).offsetHeight;
//navElements.offsetHeight;
	for ( var i = 0; i < navElements.length; i++ ) {
	//alert(navElementsH);
		addStyles(navElements[i],{
			margin: navElementsH + size + 'px 0px 0px 0px'
			//background: 'url("../images/top_nav_05.gif") 0 0 no-repeat'
		});
	}
}

function chkHeight(opVal){
//alert (opVal);
	var navElements = getElementsByClassName(opVal);
	var navElementsH = document.getElementById(opVal).offsetHeight;
//alert (navElementsH);

	if (navElementsH < 574){
		setCSSSize(opVal, 574);
	}
}

function chkWidth(opVal){
//alert (opVal);
	var navElements = getElementsByClassName(opVal);
	var navElementsW = document.getElementById(opVal).offsetWidth;
//alert (navElementsW);

	if (opVal == "ml3"){
		setCSSSize('sub12', navElementsW);
	}
}
 
function getElementPosition(elemId)
{

var navElements = getElementsByClassName(elemId);

var navElementsID = navElements[0].id;

var elem = document.getElementById(navElementsID);

var w = elem.offsetWidth;
var h = elem.offsetHeight;

var l = 0;
var t = 0;

while (elem)
{
	l += elem.offsetLeft;
	t += elem.offsetTop;
	elem = elem.offsetParent;
}

//alert(h);
//This is the product info pages. Need to find a better solution.
if (h < 534)
{
	h = 534;
	setTimeout (setProdCSSSize("mainDiv", h), 500 );
}

//return {"left":l, "top":t, "width": w, "height":h};

}