var map = null;
var mapManager = new MapManager();
var start, end;

function MapManager()
{
    this.MWS = null;
    this.shapeLayer = null;
    this.results = null;
    this.resultsLength = null;
    this.driveIndex = null;

    this.LoadMap = function() {
    	map = new VEMap('kfcMap');
    	map.SetClientToken(clienttoken);
    	map.LoadMap();
    	this.MWS = KFCLocator.services.MWS;
    	this.shapeLayer = new VEShapeLayer();
    	//this.shapeLayer.SetClusteringConfiguration(VEClusteringType.Grid);
    	map.AddShapeLayer(this.shapeLayer);
    	document.getElementById('MSVE_obliqueNotification').style.visibility = "hidden";
    	document.getElementById('MSVE_navAction_modeCell').style.visiblity = "hidden";
    	document.getElementById('MSVE_navAction_modeCell').style.display = "none";
    	document.getElementById('MSVE_navAction_separator0').style.display = "none";

    	if (getQueryVariable("address")) {
    		document.getElementById('txtSearch').value = getQueryVariable("address");
    		this.Find();
    	}
    }

    this.Find = function()
    {
        map.DeleteAllShapes();
        map.DeleteRoute();
        document.getElementById('results').innerHTML = "";
        document.getElementById('drivingDirections').style.display = "none";
        document.getElementById('itinerary').style.display = "none";        
        //VEMap.Find(what, where, findType, shapeLayer, startIndex, numberOfResults, showResults, createResults, useDefaultDisambiguation, setBestMapView, callback);
        map.Find(null, document.getElementById('txtSearch').value + ", USA", null, null, null, null, null, null, null, null, this.FindCallback);
    }

    this.FindCallback = function(veShapeLayer, veFindResult, vePlace)
    {
        if (vePlace != null)
        {
            document.getElementById('txtSearch').value = vePlace[0].Name;
            mapManager.FindNearby(vePlace[0].LatLong);
        }
    }
    this.FindNearby = function(veLatLong)
    {
        var filter = new Filter("KFC", true);
        var filterList = new Array();
        filterList.push(filter);

        this.MWS.FindNearby(veLatLong.Latitude, veLatLong.Longitude, 100, filterList, this.FindNearbyCallback);
    }
    this.FindNearbyCallback = function(results) {
    	mapManager.results = results;
    	mapManager.resultsLength = results.length;
    	start = 0;
    	end = 0;

    	if (end + 10 <= mapManager.resultsLength) {
    		end = end + 10;
    		document.getElementById("imgPrevious").style.display = "block";
    		document.getElementById("imgNext").style.display = "block";
    	}
    	else {
    		end = mapManager.resultsLength;
    	}

    	mapManager.AddPushpinsToMap();
    	mapManager.BuildResultsTable(start, end);
    	document.getElementById('results').style.display = "block";
    }

    this.AddPushpinsToMap = function() {
		map.DeleteAllShapes();
    	var latlongArray = new Array();
    	for (var i = start; i < end; i++) {
    		var center = new VELatLong(this.results[i].Latitude, this.results[i].Longitude);
    		latlongArray.push(center);
    		var shape = new VEShape(VEShapeType.Pushpin, center);
    		shape.SetTitle(this.results[i].Address);

    		var businessPhone = "";
    		for (var k = 0; k < this.results[i].cssProperties.length; k++) {
    			if (this.results[i].cssProperties[k].Name == "BusinessPhone") {
    				businessPhone = this.results[i].cssProperties[k].Value;
    			}
    		}

    		shape.SetDescription("<table><tr><td><img src='/storelocator/images/Pushpin.gif'/></td><td>" + this.results[i].City + ", " + this.results[i].StateProvince + ", " + this.results[i].PostalCode + " <br/>" + businessPhone + " </td></tr></table>");
    		shape.SetCustomIcon("<div><img src='/storelocator/images/Pushpin.gif'/><div class='pushpinNumbers'>" + (i + 1) + "</div></div>");
    		mapManager.shapeLayer.AddShape(shape);
    	}
    	map.SetMapView(latlongArray);
    }
    this.BuildResultsTable = function() {
    	var oTbl = document.createElement("table");
    	var oTbody = document.createElement("tbody");
    	oTbl.style.width = "100%";
    	oTbl.style.cellSpacing = "0";
    	oTbl.style.borderSpacing = "0px";
    	oTbl.style.borderCollapse = "collapse";

    	var oTRHead = document.createElement("tr");
    	for (j = 0; j < 4; j++) {
    		var oTDHead = document.createElement("td");
    		switch (j) {
    			case 0:
    				oTDHead.innerHTML = "&nbsp;";
    				break;
    			case 1:
    				oTDHead.innerHTML = "<img src='/storelocator/images/street_addr_hdr.gif'/>";
    				break;
    			case 2:
    				oTDHead.innerHTML = "<img src='/storelocator/images/distance_hdr.gif'/>";
    				break;
    			case 3:
    				oTDHead.innerHTML = "<img src='/storelocator/images/store_details_hdr.gif'/>";
    				break;
    		}
    		oTRHead.appendChild(oTDHead);
    	}
    	oTbody.appendChild(oTRHead);

    	for (i = start; i < end; i++) {
    		var oTR = document.createElement("tr");

    		var businessPhone = "";
    		var buffet = false;
    		var lateNight = false;

    		for (var k = 0; k < this.results[i].cssProperties.length; k++) {
    			if (this.results[i].cssProperties[k].Name == "BusinessPhone") {
    				businessPhone = this.results[i].cssProperties[k].Value;
    			}
    			else if (this.results[i].cssProperties[k].Name == "Buffet") {
    				buffet = this.results[i].cssProperties[k].Value;
    			}
    			else if (this.results[i].cssProperties[k].Name == "LateNightHours") {
    				lateNight = this.results[i].cssProperties[k].Value;
    			}
    		}
    		
    		for (j = 0; j < 4; j++) {
    			var oTD = document.createElement("td");
    			switch (j) {
    				case 0:
    					oTD.innerHTML = "<img src='/storelocator/images/result_numbers/results_" + (i + 1) + ".gif'/>";
    					break;
    				case 1:
    					oTD.innerHTML = this.results[i].Address + "<br/>" + this.results[i].City + ", " + this.results[i].StateProvince + " " + this.results[i].PostalCode + "<br/>" + businessPhone;
    					break;
    				case 2:
    					oTD.innerHTML = (Math.round((this.results[i].Distance * 100)) / 100) + " miles <br/>" + "<a class='ddLink' onclick='mapManager.DrivingDirections(" + i + ");'>Driving Directions</a>";
    					break;
    				case 3:
    					oTD.innerHTML = "Buffet: " + ((buffet == true) ? "Y" : "N") + "<br/>" + "Late Night Hours: " + ((lateNight == true) ? "Y" : "N");
    					break;
    			}
    			if (i < this.results.length - 1) {
    				oTD.className = 'borderBottom';
    			}
    			oTR.appendChild(oTD);
    		}
    		oTbody.appendChild(oTR);
    	}
    	document.getElementById('results').innerHTML = "";

    	var header = "<b>Search results from:</b><br/>" + document.getElementById('txtSearch').value + "<br/><br/>";
    	document.getElementById('results').innerHTML = header;
    	oTbl.appendChild(oTbody);
    	document.getElementById('results').appendChild(oTbl);
    }

    this.Next = function() {
    	if (end != this.resultsLength) {
    		start = start + (end - start);
    		if (end + 10 <= this.resultsLength) {
    			end = end + 10;
    		}
    		else {
    			end = this.resultsLength;
    		}
    		mapManager.BuildResultsTable();
    		mapManager.AddPushpinsToMap();
    	}
    }

    this.Previous = function() {
    	if (start != 0) {
    		if (end - start < 10) {
    			end = start;
    			start = end - 10;
    		}
    		else {
    			start = start - 10;
    			end = end - 10;
    		}
    		mapManager.BuildResultsTable();
    		mapManager.AddPushpinsToMap();
    	}
    }
    
    this.DrivingDirections = function(index)
    {
    	document.getElementById("imgPrevious").style.display = "none";
    	document.getElementById("imgNext").style.display = "none";
        
        for (var i = 0; i < map.GetShapeLayerCount(); i++)
        {
            for (var j = 0; j < map.GetShapeLayerByIndex(i).GetShapeCount(); j++)
            {
                if (map.GetShapeLayerByIndex(i).GetShapeByIndex(j).GetCustomIcon().indexOf("results_" + (index + 1) + ".gif") < 0)
                {
                    map.GetShapeLayerByIndex(i).GetShapeByIndex(j).Hide();
                }
            }
        }
        this.driveIndex = index;
        var businessPhone = "";
        for (var k = 0; k < this.results[index].cssProperties.length; k++)
        {
            if (this.results[index].cssProperties[k].Name == "BusinessPhone")
            {
                businessPhone = this.results[index].cssProperties[k].Value;
            }
        }
        var destination = "";
        destination += "Kentucky Fried Chicken <br/> " + this.results[index].Address + "<br/>" + this.results[index].City + ", " + this.results[index].StateProvince + " " + this.results[index].PostalCode + "<br/>" + businessPhone;
        document.getElementById('destination').innerHTML = destination;

        document.getElementById('drivingDirections').style.display = "block";
        document.getElementById('results').style.display = "none";
    }

    this.FindDirections = function()
    {
        map.Find(null, document.getElementById('origin').value + ", USA", null, null, null, null, null, null, null, null, this.FindDirectionsCallback);
    }

    this.FindDirectionsCallback = function(veShapeLayer, veFindResult, vePlace)
    {
       if (vePlace != null)
        {
            document.getElementById('origin').value = vePlace[0].Name;
            mapManager.DriveIt(vePlace[0].LatLong);
        }        
    }

    this.DriveIt = function(origin)
    {
        var destination = new VELatLong(this.results[this.driveIndex].Latitude, this.results[this.driveIndex].Longitude);
        var options = new VERouteOptions();
        options.RouteCallback = this.gotRouteCallback;
        map.DeleteAllShapes();        
        map.GetDirections([origin, destination], options);
    }
    this.gotRouteCallback = function(veRoute)
    {
        var details = "<b>Total Distance: </b>" + (Math.round(veRoute.Distance * 100) / 100) + " miles<br/><b>Estimated Time: </b>" + Math.round(veRoute.Time / 60) + " minutes <br/><br/>";
        var disclaimer = "<br/>These maps/directions are informational only. No representation is made or warranty given as to their content, road conditions or route usability or expeditiousness. User assumes all risk of use. KFC and their suppliers assume no responsibility for any loss or delay resulting from such use.<br/>";
        var footer = "<center><br/><img style='cursor: pointer;' src='http://www.kfc.com/storelocator/images/button_printdirect.gif' onclick='window.print();'/></center>";
        var oTbl = document.createElement("Table");
        oTbl.style.width = "100%";
        oTbl.style.cellSpacing = "0";
        oTbl.style.borderSpacing = "0px";
        oTbl.style.borderCollapse = "collapse";
        

        var oTR = oTbl.insertRow(0);
        var oTD = oTR.insertCell(0);
        oTD.innerHTML = "<img src='/storelocator/images/directions_hdr.gif'/>";
        oTD.className = 'borderBottom';

        oTD = oTR.insertCell(1);
        oTD.innerHTML = "<img src='/storelocator/images/distance_hdr.gif'/>";
        oTD.className = 'borderBottom';

        for (var i = 0; i < veRoute.RouteLegs[0].Itinerary.Items.length; i++)
        {
            oTR = oTbl.insertRow(i + 1);
            oTD = oTR.insertCell(0);
            oTD.innerHTML = "<b>" + (i + 1) + " </b>" + veRoute.RouteLegs[0].Itinerary.Items[i].Text;
            oTD.className = 'borderBottom';

            oTD = oTR.insertCell(1);
            oTD.innerHTML = (Math.round(veRoute.RouteLegs[0].Itinerary.Items[i].Distance * 100) / 100) + " miles";
            oTD.className = 'borderBottom';
        }

        document.getElementById('itinerary').innerHTML = details;
        document.getElementById('itinerary').appendChild(oTbl)
        document.getElementById('itinerary').innerHTML = document.getElementById('itinerary').innerHTML + disclaimer + footer;

        document.getElementById('itinerary').style.display = "block";
    }

    /*
    this.ChooseNew = function()
    {
        document.getElementById('drivingDirections').style.display = "block";
        document.getElementById('itinerary').style.display = "none";
        document.getElementById('origin').value = "";
        map.DeleteRoute();
    }*/
}

function checkEnter(e, type) {
	var characterCode;
	
	if (window.event) {
		characterCode = e.keyCode;

	}
	else if (e.which) {
		characterCode = e.which;
	}

	if (characterCode == 13) {
		if (type == "globalSearch") {
			window.location = '/storelocator/Default.aspx?address=' + document.getElementById('quickSearch').value;
		}
		else if (type == "search") {
			mapManager.Find();
		}
		else if (type == "from") {
			mapManager.FindDirections();
		}
		
		return true;
	}
	else {
		return false;
	}
}

function Filter(name, value)
{
    this.Name = name;
    this.FilterValue = value;
}

/**
* Parses out querystring using JavaScript
*/
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
        if (pair[0] == variable) {
        return unescape(pair[1]);
        }
    } 
}