function HideContent(evt)
{
    var inputId;
    if(this.id){ inputId = this.id + '';
    } else { 
        if(evt.srcElement.id != ''){
            inputId = evt.srcElement.id;
        } else {
            inputId = evt.srcElement.offsetParent.id;
        }
    }

    var numericId = 'slider_q' + inputId.replace(/[^0-9]/g,'') + '';

    if(numericId.length < 1) { return; }
    if(document.getElementById(numericId))
    {
        document.getElementById(numericId).style.display = 'none';
    }
}
function ShowContent(evt) {
    var inputId;
    if(this.id){ inputId = this.id + '';
    } else { 
        if(evt.srcElement.id != ''){
            inputId = evt.srcElement.id;
        } else {
            inputId = evt.srcElement.offsetParent.id;
        }
    }

    var numericId = 'slider_q' + inputId.replace(/[^0-9]/g,'') + '';

    if(numericId.length < 1) { return; }
    if(document.getElementById(numericId))
    {
        document.getElementById(numericId).style.display = 'block';
    }
}

var slider_slideSpeed = 5;	// Higher value = faster
var slider_timer = 5;	// Lower value = faster

var objectIdToSlideDown = false;
var slider_activeId = false;
var slider_slideInProgress = false;
function showHideContent(e,inputId)
{
    if(!inputId){
        if(this.id){ inputId = this.id;
        } else { inputId = e.srcElement.id; }
    }
    
    if(inputId && (inputId != ''))
    {
        inputId = inputId + '';

        if(slider_slideInProgress) return;
        slider_slideInProgress = true;

        var numericId = inputId.replace(/[^0-9]/g,'');

        var answerDiv = document.getElementById('slider_a' + numericId);

        objectIdToSlideDown = false;

        var hideId;
        if(slider_activeId != false)
        {
            hideId = inputId.replace(/[0-9]/, slider_activeId);
        } else {
            hideId = inputId;
        }

        if(!answerDiv.style.display || answerDiv.style.display=='none')
        {
            if(slider_activeId &&  slider_activeId!=numericId)
            {
                objectIdToSlideDown = numericId;
                slideContent(slider_activeId,(slider_slideSpeed*-1));

                document.getElementById(hideId).style.backgroundImage = 'url('+site_host + '/images/more_details.jpg)';
                document.getElementById(inputId).style.backgroundImage = 'url('+site_host + '/images/less_details.jpg)';
            }
            else
            {
                answerDiv.style.display='block';
                answerDiv.style.visibility = 'visible';
                slideContent(numericId,slider_slideSpeed);
                document.getElementById(inputId).style.backgroundImage = 'url('+site_host + '/images/less_details.jpg)';
            }
        }
        else
        {
            slideContent(numericId,(slider_slideSpeed*-1));
            slider_activeId = false;
            document.getElementById(inputId).style.backgroundImage = 'url('+site_host + '/images/more_details.jpg)';
        }
    }
}

function slideContent(inputId,direction)
{
    var obj = document.getElementById('slider_a' + inputId);
    var contentObj = document.getElementById('slider_ac' + inputId);
    height = obj.clientHeight;
    if(height==0) height = obj.offsetHeight;
    
    height = height + direction;
    rerunFunction = true;
    if(height>contentObj.offsetHeight)
    {
        height = contentObj.offsetHeight;
        rerunFunction = false;
    }
    if(height<=1)
    {
        height = 1;
        rerunFunction = false;
    }

    obj.style.height = height + 'px';
    var topPos = height - contentObj.offsetHeight;
    if(topPos>0) topPos=0;
    contentObj.style.top = topPos + 'px';
    if(rerunFunction)
    {
        setTimeout('slideContent(' + inputId + ',' + direction + ')',slider_timer);
    }
    else
    {
        if(height<=1)
        {
            obj.style.display='none';
            if(objectIdToSlideDown && objectIdToSlideDown!=inputId)
            {
                document.getElementById('slider_a' + objectIdToSlideDown).style.display='block';
                document.getElementById('slider_a' + objectIdToSlideDown).style.visibility='visible';
                slideContent(objectIdToSlideDown,slider_slideSpeed);
            }
            else
            {
                slider_slideInProgress = false;
            }
        }
        else
        {
            slider_activeId = inputId;
            slider_slideInProgress = false;
        }
    }
}


function initShowHideDivs()
{
    var divs = document.getElementsByTagName('DIV');
    var divCounter = 1;

    var qCounter = 1;
    var aCounter = 1;
    for(var no=0;no<divs.length;no++)
    {
        if(divs[no].className=='info')
        {
            if (divs[no].addEventListener){
                divs[no].addEventListener('click', showHideContent, false);

            } else if(divs[no].attachEvent){
                divs[no].attachEvent('onclick', showHideContent);
            }
            divs[no].id = 'slider_q'+qCounter;
            qCounter++;
        }

        if(divs[no].className=='work')
        {
            divs[no].id = 'work_'+qCounter;

            if (divs[no].addEventListener){
                divs[no].addEventListener('mouseover', ShowContent, false);
                divs[no].addEventListener('mouseout', HideContent, false);

            } else if(divs[no].attachEvent){
                divs[no].attachEvent('onmouseover', ShowContent);
                divs[no].attachEvent('onmouseout', HideContent);
            }

        }

        if(divs[no].className=='more_info')
        {
            var answer = divs[no];
            answer.id = 'slider_a' + aCounter;
            contentDiv = answer.getElementsByTagName('DIV')[0];
            contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
            contentDiv.className='more_info_content';
            contentDiv.id = 'slider_ac' + aCounter;
            answer.style.display='none';
            answer.style.height='1px';
            aCounter++;
        }
    }
}