function showHideDiv(selectedCat, img)
{
	// Show selected
	h = document.getElementById(selectedCat+'Content');
	hStyle = h.style.display;
	img = document.getElementById(selectedCat);
	if (hStyle=='block')
	{
		h.style.display = 'none';
		if(img){		 	
			img.src = '/images/arrow0_right.gif';
		}
	}
	else 
	{
		h.style.display = 'block';
		if(img){
			img.src = '/images/arrow0_down.gif';
		}
	}
}


function showHideDivPokerWrapper(selectedCat, img)
{
	
	var x;
	var hStyle;
	x = document.getElementsByName("cat");
		
	
	for (var i=0;i<x.length;i++){
		
		h = document.getElementById(x[i].id+'Content');
		hStyle = h.style.display;
		
		if (hStyle=='block' && selectedCat!=x[i].id){
			showHideDivPoker(x[i].id, img);
		}	
	}
		
	showHideDivPoker(selectedCat, img);
}

function showHideDivPoker(selectedCat, img)
{
	// Show selected
	h = document.getElementById(selectedCat+'Content');
	hStyle = h.style.display;
	image = document.getElementById(selectedCat);
	if (hStyle=='block')
	{
		h.style.display = 'none';
		if(img){		 	
			image.src = '/images/poker/NavyMainContentArrow.png';
		}
	}
	else 
	{
		h.style.display = 'block';
		if(img){
			image.src = '/images/poker/NavyMainContentArrowDown.png';
		}
	}
}

var rightArrow = "";
var downArrow = "";
function setImages(rArrow, dArrow){
	rightArrow = rArrow;
	downArrow = dArrow;
}

function DL_GetElementLeft(eElement)
{
    var nLeftPos = eElement.offsetLeft;          // initialize var to store calculations
    var eParElement = eElement.offsetParent;     // identify first offset parent element
    while (eParElement != null)
    {                                            // move up through element hierarchy
        nLeftPos += eParElement.offsetLeft;      // appending left offset of each parent
        eParElement = eParElement.offsetParent;  // until no more offset parents exist
    }
    return nLeftPos;                             // return the number calculated
}

function DL_GetElementTop(eElement)
{
    var nTopPos = eElement.offsetTop;            // initialize var to store calculations
    var eParElement = eElement.offsetParent;     // identify first offset parent element
    while (eParElement != null)
    {                                            // move up through element hierarchy
        nTopPos += eParElement.offsetTop;        // appending top offset of each parent
        eParElement = eParElement.offsetParent;  // until no more offset parents exist
    }
    return nTopPos;                              // return the number calculated
}

function AssignPosition(el) {
    var rX = 0;
    var rY = 0;
    if (self.pageYOffset) { // this will work in FF and won't in IE
        rX = self.pageXOffset;
        rY = self.pageYOffset;
    }
    else if (document.documentElement && document.documentElement.scrollTop) {
        rX = document.documentElement.scrollLeft; // this will work in IE
        rY = document.documentElement.scrollTop;
    }
    else if (document.body) {
        rX = document.body.scrollLeft; // this will work in older browsers
        rY = document.body.scrollTop;
    }

    el.style.left = DL_GetElementLeft(el.parentNode) + "px";
    var t = DL_GetElementTop(el.parentNode) - el.clientHeight;
    if (t<(rY+10)) { // if we are trying to show the upper part beyound visible screen we should lower
        t = rY + 10;
    }
    el.style.top = t + "px";
}

function showHideDivGeneral(selectedCat, img)
{
	// Show selected
	h = document.getElementById(selectedCat+'Content');
    hStyle = h.style.display;
	image = document.getElementById(selectedCat);
	if (hStyle=='block')
	{
		h.style.display = 'none';
		if(img){		 	
			image.src = rightArrow;
		}
	}
	else 
	{
        // First we show the div behind the scenes
        // to be able to query it's actual height
        h.style.left = -10000 + "px";
        h.style.top = -10000 + "px";
        h.style.display = 'block';

        // here we'll set appropritate parent related coords
        AssignPosition(h);

        if(img){
			image.src = downArrow;
		}
	}
}
function showHideDivGeneralWrapper(selectedCat, img)
{
	
	var x;
	var hStyle;
	x = document.getElementsByName("cat");
		
	
	for (var i=0;i<x.length;i++){
		
		h = document.getElementById(x[i].id+'Content');
		hStyle = h.style.display;
		
		if (hStyle=='block' && selectedCat!=x[i].id){
			showHideDivGeneral(x[i].id, img);
		}	
	}
		
	showHideDivGeneral(selectedCat, img);
}