//started by the comment button, this opens the login panel if not logged in.

var commentPanel, userHash;

function viewCommentTools() {
	strhtml = '<div class="tooltip-body">' +
		'<p><strong>' + translate('Comment tool') + '</strong></p>' +
		'<p><a href="#" onclick="startDoComment(); return false;">' + translate('Create new comment') + '</a></p>' +
		'<p><a href="#" onclick="viewAllComments(this); return false;">' + translate('Show all my comments') + '</a></p>' +
		'<p><a href="#" onclick="sendToAFriend(this); return false;">' + translate('Send my comments to a friend') + '</a></p>' +
		'<span class="button"><input type="button" value="' + translate('Logout') + '" onclick="logout(); closetooltip(this.parentNode.parentNode);" /></span>' +
		'</div>';
	strhtml += '<a id="commentCloseButton" href="#" onclick="closetooltip(this); return false;"><img src="../../images/popup/close-small.gif" /></a>';
	span = document.createElement('span');
	span.className = 'tooltip-body';
	span.innerHTML = strhtml;
	commentPanel.insertBefore(span, commentPanel.firstChild);
	tooltip_visible = true;
}

function startDoComment() {
	docomment = true; 
	commentPanel.style.display = 'none';
	tooltip_visible = false;
}

function handleStartComments(a)
{
    
	if (tooltip_visible)
	{
        /*alert("start comment: " + tooltip_visible);*/
		return;
	}
		
	if ( typeof(hhLogEvent) == "function" )
	    hhLogEvent("Comments");

	a.className = 'active';
	tooltip = document.getElementById(a.id + '_tooltip');
	tooltip.className = 'tooltip largetooltip';
	tooltip.getElementsByTagName('span')[0].style.display = 'none';
	
	commentPanel = tooltip;
	
	//check logged in.
    //get hash from cookie
    var hash = loadHash();
    if(hash == null)
    {
        //show login controls
        strhtml = '<div class="tooltip-body">' +
			'<p><strong>' + translate('Login') + '</strong><br />' +
			translate('You must be logged in to use the comment tools')  + '.</p>' +
			'<input type="text" onfocus="usrFocus(this);" onblur="usrBlur(this);" class="text" id="usr" value="(' + translate('Your e-mail address') + ')">' +
			'<input onfocus="passwordFocus(this, \'\');" type="text" class="text" id="fakepass" value="(' + translate('Password') + ')">' +
			'<input onblur="passwordBlur(this, \'\');" type="password" class="text active" style="display: none;" id="pass">' +
			'<input id="btnLogin" onclick="doLogin();" type="submit" class="button" value="' + translate('Login') + '">' +
			'<a href="#" onclick="newUser(this); return false;">' + translate('New user?') + '</a>' +
			'<a href="#" onclick="reminder(this); return false;" style="margin-left: 10px;">' + translate('Forgot password?') + '</a>' +
			'</div>';
		strhtml += '<a id="commentCloseButton" href="#" onclick="closetooltip(this); return false;"><img src="../../images/popup/close-small.gif" /></a>';
		
		span = document.createElement('span');
		span.className = 'tooltip-body';
		span.innerHTML = strhtml;
		tooltip.insertBefore(span, commentPanel.firstChild);
    }
    else //logged in.
    {
        //init function
        checkLogin(true);
        
    }    
    tooltip_visible = true;
}

// general function to close the comment series of panels
function closeCommentPanels() {
	document.getElementById('commentCloseButton').click();
}


// this function creates an additional panel to view the reminder email button
var panelReminder = false;
function reminder(a) {
	if (panelReminder)
		return false;
		
	div = document.createElement('div');
	
	strhtml = '<div class="tooltip-body">' +
		'<p><strong>' + translate('Lost your password?') + '</strong><br />' +
		translate('Type your e-mail address and we will send the password to you.')  + '</p>' +
		'<input type="text" onfocus="usrFocus(this);" onblur="usrBlur(this);" class="text" id="reminderemail" value="(' + translate('Your e-mail address') + ')">' +
		'<input onclick="sendpassword();" type="submit" class="button" value="' + translate('Send') + '">' +
		'</div>';
	strhtml += '<a href="#" onclick="closetooltip(this); return false;"><img src="../../images/popup/close-small.gif" /></a>';
		
	div.innerHTML = '<span class="tooltip-body">' + strhtml + '</span><span class="tooltip-right"><br /></span><div class="tooltip-bottom"></div>';
	div.className = 'tooltip largetooltip';
	div.style.display = 'block';
	div.style.top = '160px';
	div.style.left = '140px';
	a.parentNode.parentNode.appendChild(div);
	panelReminder = true;
}

// function to send password to an e-mailaddress
function sendpassword() {
	var script = document.createElement('script');
        script.src = 'http://commentServer.ar.halvarsson.se/remoteSave/sendPassReminder.aspx?recoverPass=' + document.getElementById('reminderemail').value;
        script.type = 'text/javascript';
        document.getElementsByTagName('head')[0].appendChild(script);
}

function sendPassReminder(succeed) {
	if (succeed) {
		alert(translate('Your password has been sent to your e-mail address.'));
		closeCommentPanels();
	}
	else {
		alert(translate('Please check your e-mail address. The password could not be sent.'));
	}
}

// this function creates an additional panel to view the registration form
var panelNewUser = false;
function newUser(a) {
	if (panelNewUser)
		return;
		
	document.getElementById('btnLogin').disabled = 'disabled';
	
	div = document.createElement('div');
	
	strhtml = '<div class="tooltip-body">' +
		'<p><strong>' + translate('New user') + '</strong><br />' +
		translate('Enter a valid e-mail address and choose a password')  + '.</p>' +
		'<input type="text" onfocus="usrFocus(this);" onblur="usrBlur(this);" class="text" id="newusr" value="(' + translate('Your e-mail address') + ')">' +
		'<input onfocus="passwordFocus(this, \'new\');" type="text" class="text" id="newfakepass" value="(' + translate('Password') + ')">' +
		'<input onblur="passwordBlur(this, \'new\');" type="password" class="text active" style="display: none;" id="newpass">' +
		'<input onclick="createNewLogin();" type="submit" class="button" value="' + translate('Register') + '">' +
		'<input type="checkbox" id="chkAccept" /> <label for="chkAccept" class="small">' + translate('I have accepted the <a href="#" onclick="termsOfUse(this); return false;">terms of use</a>.') + '</label>' +
		'</div>';
	strhtml += '<a href="#" onclick="closetooltip(this); return false;"><img src="../../images/popup/close-small.gif" /></a>';
		
	div.innerHTML = '<span class="tooltip-body">' + strhtml + '</span><span class="tooltip-right"><br /></span><div class="tooltip-bottom"></div>';
	div.className = 'tooltip largetooltip';
	div.style.display = 'block';
	div.style.top = '160px';
	div.style.left = '80px';
	a.parentNode.appendChild(div);
	panelNewUser = true;
}

// this function creates an additional panel to send to a friend
var panelFriend = false;
function sendToAFriend(a) {
	if (panelFriend)
		return false;
		
	div = document.createElement('div');
	
	strhtml = '<div class="tooltip-body">' +
		'<p><strong>' + translate('Send my comments to a friend') + '</strong><br />' +
		translate('Type your friends e-mail address and we will him or her the annual report as a link, including your personal comments.')  + '</p>' +
		'<input type="text" onfocus="usrFocus(this);" onblur="usrBlur(this);" class="text" id="friendsemail" value="(' + translate('Your friends e-mail address') + ')">' +
		'<input onclick="doSendToAFriend();" type="submit" class="button" value="' + translate('Send') + '">' +
		'</div>';
	strhtml += '<a href="#" onclick="closetooltip(this); return false;"><img src="../../images/popup/close-small.gif" /></a>';
		
	div.innerHTML = '<span class="tooltip-body">' + strhtml + '</span><span class="tooltip-right"><br /></span><div class="tooltip-bottom"></div>';
	div.className = 'tooltip largetooltip';
	div.style.display = 'block';
	div.style.top = '110px';
	div.style.left = '20px';
	a.parentNode.parentNode.appendChild(div);
	panelFriend = true;
}

function doSendToAFriend() {
	var friendsemail = document.getElementById('friendsemail').value;
	var hash = loadHash();
	var script = document.createElement('script');
    
    script.src = 'http://commentserver.ar.halvarsson.se/remotesave/sendToFriend.aspx?hash=' + hash + '&lang=' + lang + '&email=' + friendsemail;
    script.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(script);
} 

function sendToFriendResponse(succeed)
{
	if (succeed) {
		alert(translate('A link to the annual report including your comments has been sent to your friend!'));
		closeCommentPanels();
	}
	else {
		alert(translate('Please check your friends e-mail address. The link could not be sent.'));
	}
}

// this function creates an additional panel to view all comments
var panelAllcomments = false;
function viewAllComments(a) {
	if (panelAllcomments)
		return false;
		
	div = document.createElement('div');
	//commentManager.parseCommentaArray();
	var aComments = commentManager.getComments();
	strhtml = '<div class="tooltip-body">' +
		'<p><strong>' + translate('All comments') + '</strong></p><p><div class="scrolltext"><ul>';
	for (var i = 0; i < aComments.length; i++) {
		strhtml += '<li><a href="' + aComments[i].pl + '.html" title="' + aComments[i].Comment + '">' + aComments[i].pageName + '</a></li>';
	}
	strhtml += '</ul></div></p></div><a href="#" onclick="closetooltip(this); return false;"><img src="../../images/popup/close-small.gif" /></a>';
		
	div.innerHTML = '<span class="tooltip-body">' + strhtml + '</span><span class="tooltip-right"><br /></span><div class="tooltip-bottom"></div>';
	div.className = 'tooltip largetooltip';
	div.style.display = 'block';
	div.style.top = '85px';
	div.style.left = '20px';
	a.parentNode.parentNode.appendChild(div);
	panelAllcomments = true;
}

// this function creates an additional panel to view the terms of use
var panelTermsOfUse = false;
function termsOfUse(a) {
	if (panelTermsOfUse)
		return false;
		
	div = document.createElement('div');
	
	strhtml = '<div class="tooltip-body">' +
		'<p><strong>' + translate('Terms of use') + '</strong></p><p>' +
		translate('TeliaSonera does not forward personal information collected through the annual report. </p><p>Information collected from visitors is not used to track individuals who visited/displayed the annual report.')  + '.</p>' +
		'</div>';
	strhtml += '<a href="#" onclick="closetooltip(this); return false;"><img src="../../images/popup/close-small.gif" /></a>';
		
	div.innerHTML = '<span class="tooltip-body">' + strhtml + '</span><span class="tooltip-right"><br /></span><div class="tooltip-bottom"></div>';
	div.className = 'tooltip largetooltip';
	div.style.display = 'block';
	div.style.top = '160px';
	div.style.left = '80px';
	a.parentNode.parentNode.appendChild(div);
	panelTermsOfUse = true;
}

// this function removes the default text in the user-name textfield
function usrFocus(input) {
	if (input.value == '(' + translate('Your e-mail address') + ')') {
		input.value = '';
	}
	input.className = 'text active';
}

// this function restores the default text in the user-name textfield
function usrBlur(input) {
	if (input.value == '') {
		input.value = '(' + translate('Your e-mail address') + ')';
		input.className = 'text';
	}
}

// this function hides the textfield with the label "password", and shows the real password input field
function passwordFocus(input, prefix) {
	field = document.getElementById(prefix + 'pass');
	field.style.display = 'block';
	input.style.display = 'none';
	field.focus();
}

// this function hides the textfield with the label "password", and shows the real password input field
function passwordBlur(input, prefix) {
	if (input.value == '') {
		field = document.getElementById(prefix + 'fakepass');
		field.style.display = 'block';
		input.style.display = 'none';
	}
}

function logout() {	
	var name = "ARTSLoginHash";
	var expires = ";expires=Thu, 01-Jan-1970 00:00:01 GMT";
	document.cookie = name+"=."+expires+"; path=/";
	
	sp = document.getElementById('main').getElementsByTagName('span');
	for (var i = 0; i < sp.length; i++) {
		if (sp[i].className == 'comment')
			sp[i].className = '';
	}
}


//click event from loginbutton
function doLogin()
{
    var user = document.getElementById("usr");
    var pass = document.getElementById("pass");
    login(user.value, pass.value);
}

//click event from create user button
function createNewLogin()
{
	if (!document.getElementById('chkAccept').checked) {
		alert(translate('Before you register, you must check the box to accept the terms of use.'));
	}
	else {
		var user = document.getElementById("newusr");
		var pass = document.getElementById("newpass");
		createLogin(user.value, pass.value);
	}
}

//check server if valid login
function login(user, pass)
{
	if(user != "" && pass != "" && user != '(' + translate('Your e-mail address') + ')')
    {
		//create user hash
        var hash= hex_md5(user + pass);
        
        //save hash to global variable
        userHash = hash;
        
        //request from server
        var script = document.createElement('script');
        script.src = 'http://commentServer.ar.halvarsson.se/remoteSave/checkLogin.aspx?hash=' + hash;
        script.type = 'text/javascript';
        document.getElementsByTagName('head')[0].appendChild(script);
    }
    else {
		alert(translate('Login failed'));
    }
}

//response with success or fail from server
function checkLogin(loginStatus)
{
    if(loginStatus)
    {
        if(loginStatus == true)
        {
            //login success
            if (commentPanel.getElementsByTagName('input').length > 0)
            	commentPanel.removeChild(commentPanel.getElementsByTagName('span')[0]);
				
            viewCommentTools();
			
            //save hash in cookie
			if (userHash)
				saveHash(userHash);
        
            //load user hash
            var hash = loadHash();
            if(hash == null) return;
            
            //load the scripts to get old comments and CommentManager class.
            loadCommentScripts(hash);
        }
        else
        {
			alert(translate('Login failed'));
        }
    }
    else
    {
		alert(translate('Login failed'));
    }
}


/*****************<  Create new user   >*************/
function createLogin(user, pass)
{
    if(user != "" && pass != "" && user != '(' + translate('Your e-mail address') + ')')
    {
        var hash= hex_md5(user + pass);
        var script = document.createElement('script');
        script.src = 'http://commentserver.ar.halvarsson.se/remotesave/createlogin.aspx?hash=' + hash + '&email=' + user + '&pass=' + pass;
        script.type = 'text/javascript';
        document.getElementsByTagName('head')[0].appendChild(script);
    }
    else
    {
		alert(translate('The registration failed. Please try another e-mail address and/or password'));
    }
}

function setLoginStatus(text)
{
    document.getElementById("status").innerHTML = text;
}

//response from server
function handleCreatedLogin(loginCreationStatus)
{
    if(loginCreationStatus)
    {
        if(loginCreationStatus == true)
        {
            alert(translate('Thank you for registering!\n\nYou now have access to the comment tools.'));
            var user = document.getElementById("newusr").value;
			var pass = document.getElementById("newpass").value;
			login(user, pass);
        }
        else
        {
            alert(translate('The registration failed. Please try another e-mail address and/or password'));
        }
    }
    else
    {
        alert(translate('The registration failed. Please try another e-mail address and/or password'));
    }
}

function saveHash(hash)
{
    createCookie("ARTSLoginHash",hash,30);
}

function loadHash()
{
    return readCookie("ARTSLoginHash");
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}