function findPosLeft(obj) 
{
	var curleft = 0;
	if(document.getElementById(obj).offsetParent) 
    {
		curleft = document.getElementById(obj).offsetLeft;
		obj = document.getElementById(obj).offsetParent.value;
		while (obj) 
        {
			curleft += document.getElementById(obj).offsetLeft;
			obj = document.getElementById(obj).offsetParent.value;
		}
    }
	return curleft;
}

function findPosTop(obj)
{
	var curtop = 0;
	if(document.getElementById(obj).offsetParent) 
    {
		curtop = document.getElementById(obj).offsetTop;
		obj = document.getElementById(obj).offsetParent.value;
		while (obj) 
        {
			curtop += document.getElementById(obj).offsetTop;
			obj = document.getElementById(obj).offsetParent.value;
		}
	}
	return curtop;
}

function findElementWidth(obj) 
{
	var curwidth = 0;
	curwidth = document.getElementById(obj).offsetWidth;
	return curwidth;
}

function findElementHeight(obj) 
{
	var curheight = 0;
	curheight = document.getElementById(obj).offsetHeight;
	return curheight;
}

var hldepth = 1;			//Fixed to compare with the first level menu
var topParentId = "";		//Item at the top of the hierarchy of the mouseover item
var prevDepth = 1;
var prevActiveElement = "1";
var lastDiv = "";
var stack = [];
var depths = [];

var timerId = 0;
var timmerId1 = 0;

//Variables related to search page functionality
var currentButtonPressed="Products";

function clearDivs()
{
	var ctr = stack.length;
	var so;
	var x;
	while(ctr >= 1)
	{
		x = stack.pop();
		so = document.getElementById(x).style;
		so.display = "none";
		ctr = ctr - 1;
	}
	
	//Stack values cleared, now reset prevDepth value
	prevDepth = 1;
    var currElement = 'elemid' + topParentId;
    if(document.getElementById(currElement))
        document.getElementById(currElement).className='vmenu';
}

if(!document.all)
{
	document.captureEvents(Event.CLICK);
	document.onclick = clearDivs;
}
else
{
	document.onclick = clearDivs;
}

function showChildDiv(id,currentElement,depth,childDiv,menuType)
{
    var currentElementTop;
    var currentElementHeight;
    var currentElementLeft;
    var currentElementWidth;
    
    var childDivTop;
    var childDivLeft;
    if(document.getElementById(currentElement))
    {
        if(depth == 1)
        {   //Reset the menu system
            clearDivs();
            topParentId = id;
            prevDepth = 1;
            lastDiv = childDiv;
            //End Reset
            if(document.getElementById(childDiv))
            {
                stack.push(childDiv);
                
                currentElementTop = findPosTop(currentElement);
                currentElementHeight = findElementHeight(currentElement);
                currentElementLeft = findPosLeft(currentElement);
                currentElementWidth = findElementWidth(currentElement);
                if(menuType=='1')
                {
                    childDivTop = currentElementTop + currentElementHeight;
                    childDivLeft = currentElementLeft;
                    document.getElementById(childDiv).style.top = childDivTop + "px";
                    document.getElementById(childDiv).style.left = childDivLeft + "px";
                }
                if(menuType=='2')
                {
                    childDivTop = currentElementTop;
                    childDivLeft = currentElementWidth + currentElementLeft;
                    document.getElementById(childDiv).style.top = childDivTop + "px";
                    document.getElementById(childDiv).style.left = childDivLeft + "px";
                }
                showDiv(childDiv);
                clearTimeout(timerId);
            }
        }
        else
        {
            while(prevDepth > depth)
            {   //If the mouse is moved backward
                var t = stack.pop();
                if(document.getElementById(t))
                {
                    document.getElementById(t).style.display = "none";
                }
                prevDepth = prevDepth - 1;
            }
            if(document.getElementById(childDiv))
            {
                if(prevDepth == depth && stack.length == depth)
                {   //If the movement is in same level of div /depth and the current element has the child div
                    document.getElementById(stack.pop()).style.display = "none";
                    prevDepth = prevDepth - 1;
                }
                
                stack.push(childDiv);
                lastDiv = childDiv;
                prevDepth = prevDepth + 1;
                
                currentElementTop = findPosTop(currentElement);
                currentElementWidth = findElementWidth(currentElement);
                currentElementLeft = findPosLeft(currentElement);
                currentElementHeight = findElementHeight(currentElement);

                childDivTop = currentElementTop;
                childDivLeft = findPosLeft(currentElement) + currentElementWidth;
                
                document.getElementById(childDiv).style.top = childDivTop + "px";
                document.getElementById(childDiv).style.left = childDivLeft + "px";
                showDiv(childDiv);
                clearTimeout(timerId);
            }
            else
            {
                if(prevDepth == depth && stack.length == depth)
                {   //If the movement is in same level of div /depth and no child Div for the current element
                    document.getElementById(stack.pop()).style.display = "none";
                    prevDepth = prevDepth - 1;
                    clearTimeout(timerId);
                }
            }
        }
    }
    clearTimeout(timerId);
}

function showDiv(id)
{
    var obj = document.getElementById(id);
    if(obj)
    {
        obj.style.display="block";
    }
}

function hideDiv(id)
{
    var obj = document.getElementById(id);
    if(obj)
    {
        obj.style.display = "none";
    }
}

function setMouseOutInterval(milliseconds)
{
    timerId=setTimeout("clearDivs()", milliseconds);
}

//function toggleDiv(childDivId)
//{
//    var obj=document.getElementById(childDivId);
//    if(obj)
//    {        
//        if(obj.style.display=="none")
//            obj.style.display="";
//        else
//            obj.style.display="none";
//    }
//}

function toggleDiv(currentElementId,childDivId)
{
    var obj=document.getElementById(childDivId);
    if(obj)
    {        
        if(obj.style.display=="none")
            obj.style.display="";
        else
            obj.style.display="none";
    }
}

function Popit(page)
{
    var newwin = window.open(page,'Category','width=300 height=500');
    if(window.focus)
    {
        newwin.focus();
    }
}

function swapIcon(id)
{
    var imgObject="img"+id;
    var obj = document.getElementById(imgObject);
    if(obj)
    {
        if(obj.getAttribute("src").indexOf("/icons/plus.gif")>=0)
            obj.setAttribute("src","/icons/minus.gif");
        else
            obj.setAttribute("src","/icons/plus.gif");
    }
}

function changeCSS(obj,targetClass)
{
    var currId = obj.id;
    if(document.getElementById(currId))
    {
        document.getElementById(currId).className = targetClass;
    } 
}

function changeCSSUsingElementName(obj,targetClass)
{
    if(document.getElementById(obj))
    {
        document.getElementById(obj).className = targetClass;
    }
}

function setfocus(id)
{
    if(document.getElementById(id))
    {
        document.getElementById(id).focus();
    }
}

function addText(id,text)
{
    if(document.getElementById(id))
    {
        document.getElementById(id).value=text;
    }
}

function loadUrl(url)
{
    document.location.href=url;
    return false;
}

function loadSearchUrl1(searchBoxID,url,e)
{
    if(!e) { var e = window.event; }
    if(e.keyCode==13)
    {
        var srchText = document.getElementById(searchBoxID).value;
        document.location.href=url+'&type='+currentButtonPressed+'&key='+srchText;
    }
}

function loadSearchUrl(searchBoxID,url)
{
    var srchText = document.getElementById(searchBoxID).value;
    document.location.href=url+'&type='+currentButtonPressed+'&key='+srchText;
    return false;
}

function setCurrentButton(btnid)
{
    currentButtonPressed = btnid;
    document.getElementById(searchBoxId).value="Search " + btnid;
}

function setInputField(id,val)
{
    if(document.getElementById(id))
    {
        document.getElementById(id).setAttribute("value",val);
        return true;
    }
}

function submitForm(frmName)
{
    document.forms[frmName].submit();
}

function createPopup(w,h,url,title)
{
    var display = "width=" + w + ",height=" + h + ",resizable=0";
    var newwin = window.open(url,title,display);
    //newwin.document.location.href=url;
}


var imgArray = new Array();
imgArray[0] = "/images/RandomImageCP1.jpg";
imgArray[1] = "/images/RandomImageCP2.jpg";
imgArray[2] = "/images/RandomImageCP3.jpg";
imgArray[3] = "/images/RandomImageCP4.jpg";
imgArray[4] = "/images/RandomImageCP5.jpg";
imgArray[5] = "/images/RandomImageCP6.jpg";
imgArray[6] = "/images/RandomImageCP7.jpg";
imgArray[7] = "/images/RandomImageCP8.jpg";
imgArray[8] = "/images/RandomImageCP9.jpg";
imgArray[9] = "/images/RandomImageCP10.jpg";

var arrLength=imgArray.length;
var currIndex=1;
var tout;

for(i=0; i<imgArray.length; i++)
{
    var slideImage = new Image(530,320);
    slideImage.src=imgArray[i];
}

function changeNextImage()
{
    document.getElementById('ssh').src=imgArray[currIndex-1]
    currIndex=currIndex+1;
    if(currIndex > arrLength)
        currIndex=1;
}

tout = setInterval('changeNextImage()',3000);

/*--Product Ticker--*/
//A new array named <ticker> will be arriving dynamically from server code
function dispTicker()
{
    document.getElementById('prod_ticker').innerHTML = ticker[currTickerIndex];
    if(currTickerIndex == arrLen-1)
        currTickerIndex=0;
    else
        currTickerIndex = currTickerIndex+1;
}
function resetInterval()
{
    clearInterval(interval);
}
function restartInterval()
{
    interval = setInterval('dispTicker()', '2000');
}
/*--End: Product Ticker--*/