﻿function SmartEncode(value){
	var retVal = "";
	try
	{
		retVal = encodeURIComponent(value);
	}
	catch(e)
	{
		retVal = escape(value);
	}
	return retVal;
}

function IsValidObject(value){ 
	var ret = false;
	if("undefined" != typeof(value) && null != value)
		ret = true; 
	return ret; 
}

var ableToOpen;

function SightMaxMonitor(propertyName){
	this.PropertyName = propertyName;
	this.SiteID	= %%WEBSITE_ID%%;
	this.QueueID = %%CALL_QUEUE_ID%%;
	this.BrowserID = "%%BROWSER_ID%%";
	this.SessionID = "%%VISITOR_AGENT_SESSION_ID%%";
	this.Path = "%%FULL_URL_PATH%%";
	this.AccountID = %%ACCOUNT_ID%%;	
	this.ChatWindowOptions = "width=490,height=404,resizable=no,scrollbars=no,menubar=no,status=no";
	this.InviteDivTopOffset	= 25;
	this.InviteDivLeftOffset = 200;	
	this.InviteLocation = this.CreateInviteDiv();
	this.TextInviteLocation = this.CreateTextInviteDiv();
	ableToOpen = %%ForceChat%%;	
	
	this.TextInviteLocation.hide();
	jQuery(this.TextInviteLocation).appendTo("body");
	
	this.InviteLocation.hide();
	jQuery(this.InviteLocation).appendTo("body");
	
	this.CommandTimerID	= null;	
	this.Attempts = 0;
	this.ImageCheckFrequency = 1000;
	this.ImageCheckTimeSpan	= 5000;
	this.LastHeight	= -1;
	this.UniqueID = 0;
	this.bConnected	= true;	
	this.lastTop = -1;
	this.bTopChanged = true;
	this.scrollTimeout = -1;
	this.inviteResponse = null;	
	var pd = parent.document;	
	var screenRes = "";
	
	if(IsValidObject(screen) && IsValidObject(screen.width) && IsValidObject(screen.height) && IsValidObject(screen.colorDepth))
		screenRes = screen.width + 'x' + screen.height + 'x' + screen.colorDepth;
		
	var currentPage	= "";
	if(IsValidObject(pd.location.protocol) && IsValidObject(pd.location.hostname) && IsValidObject(pd.location.pathname))
		currentPage = pd.location.protocol + '//' + pd.location.hostname + pd.location.pathname;

	var referrer = pd.referrer;
	if(!IsValidObject(referrer) || referrer == "")
		referrer = "";
		
	var pageTitle = pd.title;
	if(!IsValidObject(pageTitle) || pageTitle == "")
		pageTitle = "";
	else
		pageTitle = pageTitle;
		
	var queryString	= pd.location.search;
	if(!IsValidObject(queryString) || queryString == "")
		queryString = "";
		
	var cookies	= pd.cookie;
	if(!IsValidObject(cookies) || cookies == "")
		cookies = "";
	
	var isSecure = pd.location.protocol == "https:";	
	this.DataType = "json";
	this.RequestMethod = "POST";
	this.RequestPath = this.Path + "Proxy.ashx?WcfAddress=";	
	var location = pd.location.protocol + "//" + pd.location.host;	
	this.SiteAddress="proxyVisitorWebsite/";
	this.ChatAddress = "proxyVisitorChat/";
	
	if(this.Path.toLowerCase().indexOf(location.toLowerCase()) != 0)
	{
	    //cross domain: use GET, switch to JSON w/ padding
	    this.DataType = "jsonp";
	    this.RequestMethod="GET";
	    cookies = SmartEncode(cookies);
	    referrer = SmartEncode(referrer);
	    queryString = SmartEncode(queryString);
	}	
	
	var data = {'accountDataBaseID':this.AccountID, 
	'websiteDataBaseID':this.SiteID, 
	'browserID':this.BrowserID, 
	'sessionID':this.SessionID, 
	'isSecureConnection': isSecure,
	'screenResolution':screenRes,
	'newPage':currentPage,
	'referrer':referrer,
	'pageTitle':pageTitle,
	'cookies':cookies,
	'queryString':queryString};
	
	var instance = document.sightMaxMonitor;
	
	this.AjaxPost(this.SiteAddress + "AddPageToVisitorAgentSession", data, this.EndAddPageToSession, this.OnError);	
}

SightMaxMonitor.prototype.CreateTextInviteDiv = function(){

     var inviteDiv = jQuery("<div/>").css({'position':'absolute', 
    'z-index':'9999', 
    'top':'130px', 
    'left':'150px', 
    'height':'211px', 
    'width':'250px',  
    'background-image':'url(\'' + this.Path + '/Images/invitationText.png\')', 
    'background-repeat':'no-repeat'});
    
     var acceptDiv = jQuery("<div/>").css({'width':'112px', 
    'position':'absolute', 
    'left':'122px', 
    'top':'171px', 
    'height':'32px'})
    .click(function(){    
        var instance = document.sightMaxMonitor;
	    instance.ReportChatInvitation(true);   
    });
    
   var declineDiv= jQuery("<div/>").css({'width':'22px', 
    'position':'absolute', 
    'left':'225px', 
    'top':'7px', 
    'height':'29px'})
    .click(function(){
        var instance = document.sightMaxMonitor;
	    instance.ReportChatInvitation(false);        
    });
        
   var textDiv = jQuery('<div/>').css({'overflow': 'auto', 
    'width': '127px', 
    'position':'absolute',
    'left':'115px',
    'top':'53px',
    'height': '107px',
    'font':'italic normal normal 100% serif',
    'font-size': 'small'})
    .attr('id','TextInviteTA');          
        
    inviteDiv.append(acceptDiv).append(declineDiv).append(textDiv);
    
    return inviteDiv;
}

SightMaxMonitor.prototype.CreateInviteDiv = function(){    
    var inviteDiv = jQuery("<div/>").css({'position':'absolute', 
    'z-index':'9999', 
    'top':'130px', 
    'left':'150px', 
    'height':'211px', 
    'width':'250px',  
    'background-image':'url(\'' + this.Path + 'Images/invitation.png\')', 
    'background-repeat':'no-repeat'});
    
    var acceptDiv = jQuery("<div/>").css({'width':'112px', 
    'position':'absolute', 
    'left':'122px', 
    'top':'171px', 
    'height':'32px'})
    .click(function(){    
        var instance = document.sightMaxMonitor;
	    instance.ReportChatInvitation(true);   
    });
    
     var declineDiv= jQuery("<div/>").css({'width':'22px', 
    'position':'absolute', 
    'left':'225px', 
    'top':'7px', 
    'height':'29px'})
    .click(function(){
        var instance = document.sightMaxMonitor;
	    instance.ReportChatInvitation(false);        
    });
    
    inviteDiv.append(declineDiv).append(acceptDiv);
    
    return inviteDiv;
}

SightMaxMonitor.prototype.ReportChatInvitation = function(accepted){

    if(accepted)
        this.ClientAcceptInvite();
    else
        this.ClientCancelInvite();

    var data = {
    'accountID':this.AccountID,
    'websiteID':this.SiteID,
    'browserID':this.BrowserID,
    'sessionID':this.SessionID,
    'accepted':accepted};		        
	
	this.AjaxPost(this.ChatAddress + "ReportChatInvitationResponse", data, null, this.OnError);
}

SightMaxMonitor.prototype.OnError = function(error){
    //alert(error);
}

SightMaxMonitor.prototype.SetCommandTimer = function(milliseconds){
	if(null == milliseconds)
		milliseconds = this.ImageCheckTimeSpan;
		
	this.CommandTimerID = window.setTimeout(this.PropertyName + ".Process();", milliseconds);
}

SightMaxMonitor.prototype.ClearCommandTimer = function(){
	window.clearTimeout(this.CommandTimerID);
}

SightMaxMonitor.prototype.Process = function(){
	var gotImage = false;
	
	if(!this.PendingImageDownload){
		this.SendPollRequest();
	}
	else{
		this.Attempts++;
		if(this.Attempts > 6){
			this.PendingImageDownload = false;
			this.SendPollRequest();
		}
		else{
			gotImage = true;	
		}
	}
	
	if(this.bConnected){
		if(gotImage)
			this.SetCommandTimer(this.ImageCheckFrequency);
		else
			this.SetCommandTimer(this.ImageCheckTimeSpan);
	}			
}

SightMaxMonitor.prototype.SendPollRequest = function(){
	var data = {
	'accountDataBaseID':this.AccountID,
	'websiteDataBaseID':this.SiteID,
	'browserID':this.BrowserID,
	'sessionID':this.SessionID};
	
	this.AjaxPost(this.SiteAddress + "GetVisitorAgentSessionMonitorCommand", data, this.EndPollRequest, null);
}

SightMaxMonitor.prototype.EndPollRequest = function(result){
    //successfull poll
    this.PendingImageDownload= false;    
    this.Attempts = 0;
    this.HandleMonitorCommand(result.GetVisitorAgentSessionMonitorCommandResult);
    
}

SightMaxMonitor.prototype.HandleMonitorCommand = function(command){
    switch(command)
	{
		case 10:
			break;
		case 20:
			this.InviteChat();
			break;
        case 25:
            this.TextInvite()
            break;			
		case 35:
			this.InvokeChat();
			break;
		case 40:
			this.bConnected = false;
			break;
		case 50:
			this.SendCoBrowseData();
			break;
	    case 75:
	        this.SessionPush();
	        break;
		default:
			break;
	}
}

SightMaxMonitor.prototype.EndAddPageToSession = function(result){
    //success! Check the monitor result then start polling.   
   var command = result.AddPageToVisitorAgentSessionResult;
  
   this.HandleMonitorCommand(command);
    
   this.SetCommandTimer(this.ImageCheckFrequency);
}

SightMaxMonitor.prototype.AjaxPost = function(method, data, callback, error){
	this.PendingImageDownload	= true;
        
    var url = this.RequestPath + method;
    var stringData = JSON.stringify(data);
    
    jQuery.ajax({
    url:url,
    data: stringData,
    type: this.RequestMethod,
    processData: true,
    contentType: "application/json",
    timeout: 5000,
    dataType: this.DataType,
    success: function(msg){
        var instance = document.sightMaxMonitor; 
        if(callback == instance.EndAddPageToSession){
            instance.EndAddPageToSession(msg);
        }
        else if(callback == instance.EndGetSessionPush){
            instance.EndGetSessionPush(msg);
        }
        else if(callback == instance.EndPollRequest){
            instance.EndPollRequest(msg);
        }
        else if(callback == instance.EndGetTextInvite){
            instance.EndGetTextInvite(msg);
        }    
    },
    error: error
    });
}

SightMaxMonitor.prototype.TextInvite = function(){
    var data = {
    'accountDatabaseID':this.AccountID,
    'websiteDatabaseID':this.SiteID,
    'browserID':this.BrowserID,
    'sessionID':this.SessionID};
    
    this.AjaxPost(this.SiteAddress + "GetInviteText", data, this.EndGetTextInvite, null);
}

SightMaxMonitor.prototype.EndGetTextInvite = function(result){
        jQuery("#TextInviteTA").html(result.GetInviteTextResult);
        jQuery(this.TextInviteLocation).show();
}

SightMaxMonitor.prototype.SessionPush = function(){
    var data = {
    'accountDatabaseID':this.AccountID,
    'websiteDatabaseID':this.SiteID,
    'browserID':this.BrowserID,
    'sessionID':this.SessionID};    
    
    this.AjaxPost(this.SiteAddress + "GetVisitorAgentSessionForcePush", data, this.EndGetSessionPush, null);
}

SightMaxMonitor.prototype.EndGetSessionPush = function(result){
    window.location = result.GetVisitorAgentSessionForcePushResult;   
}

SightMaxMonitor.prototype.OpenChat = function(startType){
	if("undefined" == typeof(startType))
		startType = "";
	var WinStr = this.Path + "PreChatSurvey.aspx?accountID=" + this.AccountID + "&siteID=" + this.SiteID + "&queueID=" + this.QueueID + "&startType=" + startType;
	window.open(WinStr, 'chatWindow', this.ChatWindowOptions);
}

SightMaxMonitor.prototype.InvokeChat = function(){
	this.OpenChat(4);//"OperatorForcedChat"
}


SightMaxMonitor.prototype.InviteChat = function(){		
	try
	{
		//this.CheckScroll();//place <div> before making visible.
		if(ableToOpen){
		    var WinStr = this.Path + "PreChatSurvey.aspx?accountID=" + this.AccountID + "&siteID=" + this.SiteID + "&queueID=" + this.QueueID + "&startType=4";
		    var win = window.open(WinStr, 'sightMaxChatWindow', this.ChatWindowOptions);
		    if(null == win){
		        ableToOpen = false;
		        //this is called if the window fails to open
                 jQuery(this.InviteLocation).show();
                this.SetScrollTimer();
            }
            else{
                //if the window does open, we need to report that the invite was successful        
		        var data = {'accountID':this.AccountID, 'websiteID':this.SiteID, 'browserID':this.BrowserID, 'sessionID':this.SessionID, 'accepted':true};
		        		        
		        this.AjaxPost(this.ChatAddress + "ReportChatInvitationResponse", data, null, null);
            }
        }
        else{
            jQuery(this.InviteLocation).show();
            this.SetScrollTimer();
        }		
	}
	catch(e)
	{
	}
}

SightMaxMonitor.prototype.ClientAcceptInvite = function(){
	this.HideInvite();
	this.OpenChat(3); //"OperatorInvitedChat"
}

SightMaxMonitor.prototype.OpCancelInvite = function(){	
	this.HideInvite();
}

SightMaxMonitor.prototype.ClientCancelInvite = function(){
	this.HideInvite();
}

SightMaxMonitor.prototype.HideInvite = function(){
     jQuery(this.TextInviteLocation).hide();
     jQuery(this.InviteLocation).hide();
	try
	{ 
		this.ClearScrollTimer();
	}
	catch(e)
	{
	}	
}

SightMaxMonitor.prototype.PlaceInvite = function(theLeft, theTop){
	try
	{
		 jQuery(this.InviteLocation).css("top", (theTop + this.InviteDivTopOffset) + "px");
		 jQuery(this.InviteLocation).css("visibility", (theLeft + this.InviteDivLeftOffset) + "px");
	}
	catch(e)
	{
	}
}

SightMaxMonitor.prototype.SetScrollTimer = function(){
	this.scrollTimeout = window.setTimeout(this.PropertyName +  ".CheckScroll();", 250);
}

SightMaxMonitor.prototype.ClearScrollTimer = function(){
	window.clearTimeout(this.scrollTimeout);
}

SightMaxMonitor.prototype.CheckScroll = function(){
	var thisTop = -1;
	var thisLeft = -1;
	if("undefined" == typeof(document.body.scrollTop)){
		thisTop = window.pageYOffset;
		thisLeft = window.pageXOffset;
	}
	else{
		thisTop = document.body.scrollTop;
		thisLeft = document.body.scrollLeft;
	}
	
	if(thisTop != this.lastTop){
		this.bTopChanged = true;
	}
	else if(this.bTopChanged){
		this.PlaceInvite(thisLeft, thisTop);
		this.bTopChanged = false;
	}
	this.lastTop = thisTop;
	this.SetScrollTimer();
}

jQuery(document).ready(function(){
document.sightMaxMonitor = new SightMaxMonitor("document.sightMaxMonitor");
});