function revealModal(divID)
        {
            window.onscroll = function () { document.getElementById(divID).style.top = document.body.scrollTop; };
            document.getElementById(divID).style.display = "block";
            document.getElementById(divID).style.top = document.body.scrollTop;
        }

        function hideModal(divID)
        {
            alert("hidemodal called");
            document.getElementById(divID).style.display = "none";
        }
        function toggleElementVisibility(divId)
        {
            el = document.getElementById(divId);
            el.style.display = (el.style.display != 'none' ? 'none' : '' );
        }
        
        function fadeInElement(divId)
        {
            //alert("fade started");
            
            el = document.getElementById(divId);
            el.style.opacity = "0";
            el.style.display = '';
            
            //alert("fading " + el);
            
            var timeOfFading = 1200;
            var nrOfSteps = 15;
            var stepSize = 1.0 / nrOfSteps;
            var stepTime = timeOfFading / nrOfSteps;
            for(i = 0; i < nrOfSteps; i++)
            {
                delay = stepTime * i;
                opValue = stepSize * (i + 1);
                expression = "document.getElementById('" + divId + "').style.opacity = '" + opValue + "'";
                setTimeout(expression, delay);
            }
        }
        
        function fadeOutElement(divId, atEnd)
        {           
            el = document.getElementById(divId);
            
            var timeOfFading = 1200;
            var nrOfSteps = 15;
            var stepSize = 1.0 / nrOfSteps;
            var stepTime = timeOfFading / nrOfSteps;
            for(i = 0; i < nrOfSteps; i++)
            {
                delay = stepTime * i;
                opValue = 1 - stepSize * (i + 1);
                expression = "document.getElementById('" + divId + "').style.opacity = '" + opValue + "'";
                setTimeout(expression, delay);
            }
            setTimeout('eval(' + atEnd + ')', stepTime * (nrOfSteps + 2));
        }
        
        function showLoginModal()
        {
            fadeInElement("loginitem");
            setTimeout('revealModal("modalPage")', 50); 
        }
        
        function hideLoginModal()
        {
            bla = 'hideModal("modalPage")';
            fadeOutElement("loginitem", bla);
        }
        
        function revealModal(divID)
            {
                window.onscroll = function () { document.getElementById(divID).style.top = document.body.scrollTop; };
                document.getElementById(divID).style.display = "block";
                document.getElementById(divID).style.top = document.body.scrollTop;
            }

            function hideModal(divID)
            {
                document.getElementById(divID).style.display = "none";
            }