// Copyright (c) Microsoft Corporation. All rights reserved.

function Microsoft_Live_Messenger_PresenceButton_startConversation(conversationUrl)
{
    var url = conversationUrl + "&buttonhost=" + document.location.hostname;
    window.open(url, '_blank', 'height=300px,width=300px');
}

function Microsoft_Live_Messenger_PresenceButton_onStyleChange(element)
{
    if (element && element.presence)
    {
        Microsoft_Live_Messenger_PresenceButton_onPresence(element.presence);
    }
}

function Microsoft_Live_Messenger_PresenceButton_onPresence(presence)
{
    var idx = presence.id.indexOf('@');
    if (idx >= 0)
    {
        var id = presence.id.substr(0, idx);

        var element = document.getElementById('Microsoft_Live_Messenger_PresenceButton_' + id);
        if (element)
        {
            element.innerHTML = "";
        
            var conversationUrl = element.attributes['msgr:conversationUrl'].value;
            
            var color = element.attributes['msgr:foreColor'].value;

            element.className = 'Microsoft_Live_Messenger_PresenceButton';
            
            var outerFrame = document.createElement('div');
            
            
            outerFrame.style.backgroundPosition = 'center top';
            outerFrame.style.backgroundRepeat = 'repeat-x';
            outerFrame.style.overflow = 'hidden';
            outerFrame.style.textOverflow = 'ellipsis';
            outerFrame.style.whiteSpace = 'nowrap';
            
            outerFrame.style.fontWeight = 'bold';
            

            var link = document.createElement('a');
            link.style.textDecoration = 'none';
            link.style.color = color;
            link.href = 'javascript:Microsoft_Live_Messenger_PresenceButton_startConversation("' + conversationUrl + '");';

            var innerFrame = document.createElement('div');
            innerFrame.style.padding = '0px';
            innerFrame.style.textAlign = 'center';

            var canvas = document.createElement('canvas');
            if (canvas.getContext)
            {
                // For Firefox, Safari, Opera
                canvas.width = width - 2;
                canvas.height = height - 2;
                canvas.style.position = 'absolute';
                canvas.style.zIndex = 1;

                var ctx = canvas.getContext('2d');
                

                innerFrame.style.position = 'absolute';
                innerFrame.style.zIndex = 2;
                innerFrame.style.paddingLeft = '0px';
                innerFrame.style.paddingRight = '0px';
                innerFrame.style.height = (height - 2) + 'px';
                innerFrame.style.width = (width - 4) + 'px';
                innerFrame.style.overflow = 'hidden';

                link.appendChild(canvas);
            }
            else
            {
                // For IE
                
            }

            var statusIcon = document.createElement('img');
            statusIcon.style.border = 'none';
            statusIcon.style.verticalAlign = 'middle';
            
			if(presence.icon.url=='http://www.wlmessenger.net/static/img/presence/Online.gif'){
			statusIcon.src ='/i/onn.gif';
			}else{
			statusIcon.src ='/i/offf.png';
				
			}
		   
		   statusIcon.width = 176;
            statusIcon.height = 72;
            statusIcon.alt = presence.statusText;
            statusIcon.title = presence.statusText;
			
			//alert(presence.icon.url)
			
			//document.write(presence.icon.url)

            var displayName = document.createElement('span');
            displayName.style.fontFamily = '"Segoe UI", Tahoma, Verdana, sans-serif';
            displayName.style.fontSize = '9pt';
            displayName.title = presence.displayName;

            if (displayName.innerText !== undefined)
            {
                displayName.innerText = '';
            }
            else if (displayName.textContent !== undefined)
            {
                displayName.textContent = '';
            }

            innerFrame.appendChild(statusIcon);
            innerFrame.appendChild(displayName);
            link.appendChild(innerFrame);
            outerFrame.appendChild(link);
            element.appendChild(outerFrame);
            
            element.presence = presence;
        }
    }
}