﻿var JsMenuDiv;
function JsMenuShow(evt, vmenu, obj)
{
    JsMenuDiv = document.getElementById('divJsMenu');
    if(JsMenuDiv == null){
        JsMenuDiv = document.createElement("div");
        JsMenuDiv.id = 'divJsMenu';
        JsMenuDiv.className = 'JsMenuSkin';
        window.document.body.appendChild(JsMenuDiv);
    }
    JsMenuDiv.innerHTML = vmenu;
    JsMenuDiv.style.display = 'block';
    
    var pos = ie_absPos(obj);
    var objleft = parseInt(pos.x, 10);
    var bodywidth = document.body.clientWidth;
    var menuwidth = JsMenuDiv.clientWidth;
    
    if(objleft + menuwidth + 5 > bodywidth )
    {
        objleft = bodywidth - menuwidth - 5;
    }
    
    JsMenuDiv.style.left = objleft +'px';
    JsMenuDiv.style.top = parseInt(pos.y, 10) + 18 +'px';
    
    if(vmenu == '')
    {
        JsMenuDiv.style.display = 'none';
        return;
    }
    
    if(document.all)
    {
        JsMenuDiv.onmouseout = new Function('JsMenuDynamicHide(event)');
    }
    else
    {
        JsMenuDiv.addEventListener('mouseout', function(e){JsMenuDynamicHide(e)}, true);
    }

    function ie_absPos(el){
	    for (var lx=0,ly=0;el!=null;lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
	    return {x:lx,y:ly}
    }
}

function JsMenuContains(a, b) {
	while (b.parentNode)
	{
		if ((b = b.parentNode) == a)
		{
			return true;
		}
	}
	return false;
}

function JsMenuDynamicHide(e)
{
    if(document.all)
    {
        if(!JsMenuDiv.contains(e.toElement))
        {
            JsMenuHide();
        }
    }
    else
    {
        if(e.currentTarget != e.relatedTarget && !JsMenuContains(e.currentTarget, e.relatedTarget))
        {
            JsMenuHide();
        }
    }
}

function JsMenuHide()
{
    if(JsMenuDiv)
    {
        JsMenuDiv.style.display = 'none';
    }
}
document.onclick = function(){
    JsMenuHide();
};

/* Top Menu Rolling Begin */
var activeImage = false; 
var imageLeftPos = false; 
var imageWidth = false; 
var imageObj = false; 
var maxXPos = false; 
var slideSpeed = 0; 
var step = 0;

function startSlide(e){ 
	if(this.id=='arrowright'){ 
		slideSpeed = -72;
	}else{ 
		slideSpeed = 72;
	} 
} 

function gallerySlide(){ 
	if(slideSpeed!=0){ 
		var leftPos = imageObj.offsetLeft;
		step += slideSpeed;
		leftPos += slideSpeed;
		if(Math.abs(step) >= 72){
			step = 0;
			slideSpeed = 0;
		}
		if(leftPos > maxXPos){ 
			leftPos = imageObj.offsetLeft; 
			slideSpeed = 0; 
		}
		if(leftPos < minXPos){ 
			leftPos = imageObj.offsetLeft; 
			slideSpeed=0; 
		}

		imageObj.style.left = leftPos; 
	} 
	setTimeout('gallerySlide()',20); 
} 

function initSlideShow(){ 
    var endXPos = document.getElementById('slideEnd').offsetLeft;
	imageObj = document.getElementById('topmenu'); 
	imageLeftPos = imageObj.offsetLeft; 
	imageWidth = document.getElementById('scrollImages').offsetWidth; 
	maxXPos = imageObj.offsetLeft; 
	minXPos = imageWidth - endXPos; 
    if(endXPos - imageWidth < 72){
        document.getElementById('arrowleft').style.display = 'none'; 
	    document.getElementById('arrowright').style.display = 'none';
    }else{
	    document.getElementById('arrowleft').onclick = startSlide; 
	    document.getElementById('arrowright').onclick = startSlide; 
	}
	gallerySlide(); 
} 
/* Top Menu Rolling End */