var img2 = new Image();
img2.src= templatePath + "/img/newsletter.png";

window.onload = function(){
        var li_hnewsletter = document.getElementById('hnewsletter');
        var popup = document.getElementById('newsletter-popup');
        var nname = document.getElementById('newsletter-name');
        var email = document.getElementById('newsletter-email');
        var link = document.getElementById('link-newsletter');
        var newsletter_form = document.getElementById('newsletter-form');
        

        li_hnewsletter.onmouseover = function(){
            popup.style.display = 'block';            
        }
        li_hnewsletter.onmouseout = function(){
            popup.style.display = '';            
        }
        
        popup.onmouseover = function(){link.className = 'active'}
        popup.onmouseout = function(){link.className = ''}

        var name_label = 'Enter your name';
        var email_label = 'Enter email address';        

        if (!nname.value)
            nname.value = name_label;

        nname.onfocus = function() {
            if (this.value == name_label)
                this.value = '';
        }
        nname.onblur = function() {
            if (this.value == '')
                this.value = name_label;
        }

        if (!email.value)
            email.value = email_label;

        email.onfocus = function() {
            if (this.value == email_label)
                this.value = '';
        }
        email.onblur = function() {
            if (this.value == '')
                this.value = email_label;
        }
        
        newsletter_form.onsubmit = function(){
            if (nname.value == name_label)
                nname.value = '';

            if (email.value == email_label)    
                email.value = '';
                
            return true;
        }

    }