/**
 * Copyright © 2007 Garmin Ltd. or its subsidiaries.
 *
 * Licensed under the Apache License, Version 2.0 (the 'License')
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an 'AS IS' BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * 
 * @fileoverview GarminDeviceControlDemo Demonstrates Garmin.DeviceControl.
 * 
 * @author Michael Bina michael.bina.at.garmin.com
 * @version 1.0
 */
var GarminDeviceControlDemo = Class.create();
GarminDeviceControlDemo.prototype = {

	initialize: function(statusDiv, mapId, keysArray) {        
        this.status = $(statusDiv);
        this.mc = new Garmin.MapController(mapId);
        this.factory = null;
        this.keys = keysArray;
        
        this.findDevicesButton = $("findDevicesButton");
        this.cancelFindDevicesButton = $("cancelFindDevicesButton");
        this.deviceSelect = $("deviceSelect");
        this.deviceInfo = $("deviceInfoText");

		this.fileTypeSelect=$("fileTypeSelect");
        this.readDataButton = $("readDataButton");
        this.cancelReadDataButton = $("cancelReadDataButton");
        this.readTracksText = $("readTracksText");
        this.readRoutesSelect = $("readRoutesSelect");
        this.readTracksSelect = $("readTracksSelect");
        this.readWaypointsSelect = $("readWaypointsSelect");
        this.dataString = $("dataString");

        this.writeDataButton = $("writeDataButton");
        this.cancelWriteDataButton = $("cancelWriteDataButton");
        this.writeDataSelect = $("writeDataSelect");
		this.writeDataText = $("writeDataText");
		this.writeDataFilename = $("writeDataFilename");

		this.progressBar = $("progressBar");
		this.progressBarDisplay = $("progressBarDisplay");

		this.garminController = null;
		this.intializeController();		

		if(this.garminController && this.garminController.isPluginInitialized()) {
	        this.findDevicesButton.disabled = false;
	        this.findDevicesButton.onclick = function() {
	        	this.findDevicesButton.disabled = true;
	        	this.cancelFindDevicesButton.disabled = false;
	        	this.garminController.findDevices();
	        }.bind(this)
		}		
	},
	
	intializeController: function() {
		try {
			this.garminController = new Garmin.DeviceControl();
			this.garminController.register(this);
			
			if(this.garminController.unlock(this.keys)) {
	        	this.setStatus("Plug-in initialized.  Click 'Find Devices' to get started.");
			} else {
	        	this.setStatus("The plug-in was not unlocked successfully.");
	        	this.garminController = null;
			}
		} catch (e) { this.handleException(e); }
	},

	showProgressBar: function() {
		Element.show(this.progressBar);
	},

	hideProgressBar: function() {
		Element.hide(this.progressBar);
	},

	updateProgressBar: function(value) {
		if (value) {
			var percent = (value <= 100) ? value : 100;
	    	this.progressBarDisplay.style.width = percent + "%";
		}
	},

    onStartFindDevices: function(json) {
        this.setStatus("Looking for connected Garmin devices");
    },

    onFinishFindDevices: function(json) {
    	try {
	       	this.findDevicesButton.disabled = false;
	       	this.cancelFindDevicesButton.disabled = true;
	
	        if(json.controller.numDevices > 0) {
	            var devices = json.controller.getDevices();
	            this.setStatus("Garmin devices found: " + devices.length + ".");
	
				this.listDevices(devices);
				
		        this.cancelReadDataButton.onclick = function() {
		        	this.fileTypeSelect.disabled = false;
		        	this.readDataButton.disabled = false;
		        	this.cancelReadDataButton.disabled = true;
		        	this.writeDataButton.disabled = false;
		        	this.hideProgressBar();
		        	this.garminController.cancelReadFromDevice();
		        }.bind(this)
				
				this.fileTypeSelect.disabled = false;	        
		        this.readDataButton.disabled = false;
		        this.readDataButton.onclick = function() {		
			    	this.readTracksSelect.length = 0;	
			    	this.readWaypointsSelect.length = 0;
			    	this.readRoutesSelect.length = 0;
					this.mc.map.clearOverlays();
		        	this.fileTypeSelect.disabled = true;
		        	this.readDataButton.disabled = true;
		        	this.cancelReadDataButton.disabled = false;
		        	this.showProgressBar();
		        	if (this.fileTypeSelect.value == Garmin.DeviceControl.FILE_TYPES.gpx) {
		        		this.garminController.readFromDevice();
		        		this.writeDataButton.disabled = false;
		        	} else if (this.fileTypeSelect.value == Garmin.DeviceControl.FILE_TYPES.hst) {
		        		this.garminController.readFromDeviceFitness();
		        		this.writeDataButton.disabled = true;
		        	}
		        }.bind(this)
	
	
		        this.writeDataSelect.disabled = false;
				this.writeDataSelect.onchange = function() {
					this.loadWriteData(this.writeDataSelect.value);
				}.bind(this)
				this.loadWriteData(this.writeDataSelect.value);
	
		        this.cancelWriteDataButton.onclick = function() {
		        	this.writeDataButton.disabled = false;
		        	this.cancelWriteDataButton.disabled = true;
		        	this.hideProgressBar();
		        	this.garminController.cancelWriteToDevice();
		        }.bind(this)
	
		        this.writeDataButton.disabled = false;	        
		        this.writeDataButton.onclick = function() {
		        	this.writeDataButton.disabled = true;
		        	this.cancelWriteDataButton.disabled = false;
		        	this.showProgressBar();
		        	this.garminController.writeToDevice(this.writeDataText.value, this.writeDataFilename.value);
		        }.bind(this);
	        } else {
				this.setStatus("No devices found.");
				this.deviceInfo.innerHTML = "";
				this._clearHtmlSelect(this.deviceSelect);
				this.deviceSelect.disabled = true;
	        }
    	} catch (e) { this.handleException(e); }
    },

	onCancelFindDevices: function(json) {
    	this.setStatus("Find cancelled");
    },

	listDevices: function(devices) {
		this._clearHtmlSelect(this.deviceSelect);
		for( var i=0; i < devices.length; i++ ) {
           	this.deviceSelect.options[i] = new Option(devices[i].getDisplayName(),devices[i].getNumber());
           	if(devices[i].getNumber() == this.garminController.deviceNumber) {
           		this.deviceSelect.selectedIndex = i;
           		this.showDeviceInfo(devices[i]);
           	}
		}
   		this.deviceSelect.selectedIndex = 0;
       	this.showDeviceInfo(devices[0]);
		this.deviceSelect.onchange = function() {
			var device = this.garminController.getDevices()[this.deviceSelect.value];
			this.showDeviceInfo(device);
			this.garminController.setDeviceNumber(this.deviceSelect.value);
		}.bind(this)
		this.deviceSelect.disabled = false;
	},

	showDeviceInfo: function(device) {
		this.deviceInfo.innerHTML = "Part Number:\t\t" + device.getPartNumber() + "\n";
		this.deviceInfo.innerHTML += "Software Version:\t" + device.getSoftwareVersion() + "\n";
		this.deviceInfo.innerHTML += "Description:\t\t" + device.getDescription() + "\n";
		this.deviceInfo.innerHTML += "Id:\t\t\t" + device.getId() + "\n\n";
		
		var dataTypes = device.getDeviceDataTypes().values();		
		var typeListSize = dataTypes.length;
		for (var i = 0; i < typeListSize; i++) {
			this.deviceInfo.innerHTML += "-DataType---------------\n"
			this.deviceInfo.innerHTML += "  Name:\t\t" + dataTypes[i].getDisplayName() + "\n";
			this.deviceInfo.innerHTML += "  Extension:\t" + dataTypes[i].getFileExtension() + "\n";
			this.deviceInfo.innerHTML += "  Read:\t\t" + dataTypes[i].hasReadAccess() + "\n";
			this.deviceInfo.innerHTML += "  Write:\t" + dataTypes[i].hasWriteAccess() + "\n\n";			
		}
	},

    onProgressReadFromDevice: function(json) {
	  	this.updateProgressBar(json.progress.getPercentage());
    	this.setStatus(json.progress);
    },
    
	onCancelReadFromDevice: function(json) {
    	this.setStatus("Read cancelled");
    },

    onFinishReadFromDevice: function(json) {
    	try {
	    	this.setStatus("Parsing location data...");
	    	this.fileTypeSelect.disabled = false;
	       	this.readDataButton.disabled = false;
	       	this.cancelReadDataButton.disabled = true;
		    this.hideProgressBar();
	    	this.dataString.value = json.controller.gpsDataString;
	    	if (this.fileTypeSelect.value == Garmin.DeviceControl.FILE_TYPES.gpx) {
				this.factory = Garmin.GpxActivityFactory;
	    	} else if (this.fileTypeSelect.value == Garmin.DeviceControl.FILE_TYPES.hst) {
	    		this.factory = Garmin.TcxActivityFactory;
	    	}
			// parse the data into activities if possible
			if (this.factory != null) {
				// convert the data obtained from the device into activities
				this.activities = this.factory.parseDocument(json.controller.gpsData);				
			}
	    	this.setStatus("Listing activities...");
	    	var summary = this._listActivities(this.activities);
	    	this.setStatus( new Template("Results: #{routes} routes, #{tracks} tracks and  #{waypoints} waypoints found").evaluate(summary) );
    	} catch (e) { this.handleException(e); }
    },

   	_listActivities: function(activities) {
		var numOfRoutes = 0;
		var numOfTracks = 0;
		var numOfWaypoints = 0;
		
		// clear existing entries
		this._clearHtmlSelect(this.readRoutesSelect);
		this._clearHtmlSelect(this.readTracksSelect);
    	this._clearHtmlSelect(this.readWaypointsSelect);
		
		// loop through each activity
		for (var i = 0; i < activities.length; i++) {
			var activity = activities[i];
			var series = activity.getSeries();
			
			// loop through each series in the activity
			for (var j = 0; j < series.length; j++) {
				var curSeries = series[j];								
				if (curSeries.getSeriesType() == Garmin.Series.TYPES.history) {
					// activity contains a series of type history, list the track
					this._listTrack(activity, curSeries, i, j);
					numOfTracks++;
				} else if (curSeries.getSeriesType() == Garmin.Series.TYPES.route) {
					// activity contains a series of type route, list the route
					this._listRoute(activity, curSeries, i, j);
					numOfRoutes++;
				} else if (curSeries.getSeriesType() == Garmin.Series.TYPES.waypoint) {
					// activity contains a series of type waypoint, list the waypoint
					this._listWaypoint(activity, curSeries, i, j);				
					numOfWaypoints++;
				}
			}
		}
		if(numOfRoutes > 0) {
			this.readRoutesSelect.disabled = false;
			this.displayTrack(this.readRoutesSelect.options[this.readRoutesSelect.selectedIndex].value);			
			this.readRoutesSelect.onchange = function() {
				this.displayTrack(this.readRoutesSelect.options[this.readRoutesSelect.selectedIndex].value);
			}.bind(this);
		} else {
			this.readRoutesSelect.disabled = true;
		}
		
		if(numOfTracks > 0) {
			this.readTracksSelect.disabled = false;
			this.displayTrack(this.readTracksSelect.options[this.readTracksSelect.selectedIndex].value);			
			this.readTracksSelect.onchange = function() {
				this.displayTrack(this.readTracksSelect.options[this.readTracksSelect.selectedIndex].value);
			}.bind(this);
		} else {
			this.readTracksSelect.disabled = true;
		}
		
		if(numOfWaypoints > 0) {
			this.readWaypointsSelect.disabled = false;
			this.displayWaypoint(this.readWaypointsSelect.options[this.readWaypointsSelect.selectedIndex].value);			
			this.readWaypointsSelect.onchange = function() {
				this.displayWaypoint(this.readWaypointsSelect.options[this.readWaypointsSelect.selectedIndex].value);
			}.bind(this);
		} else {
			this.readWaypointsSelect.disabled = true;			
		}
		
		return {routes: numOfRoutes, tracks: numOfTracks, waypoints: numOfWaypoints};
	},

    /** Load route names into select UI component.
     * @private
     */    
	_listRoute: function(activity, series, activityIndex, seriesIndex) {
		var routeName = activity.getAttribute(Garmin.Activity.ATTRIBUTE_KEYS.activityName);
		this.readRoutesSelect.options[this.readRoutesSelect.length] = new Option(routeName, activityIndex + "," + seriesIndex);
	},

    /** Load track name into select UI component.
     * @private
     */    
	_listTrack: function(activity, series, activityIndex, seriesIndex) {
		var startDate = activity.getSummaryValue(Garmin.Activity.SUMMARY_KEYS.startTime).getValue();
		var endDate = activity.getSummaryValue(Garmin.Activity.SUMMARY_KEYS.endTime).getValue();
		var trackName = startDate.getDateString() + " (Duration: " + startDate.getDurationTo(endDate) + ")";
		this.readTracksSelect.options[this.readTracksSelect.length] = new Option(trackName, activityIndex + "," + seriesIndex);
	},

    /** Load waypoint name into select UI component.
     * @private
     */
	_listWaypoint: function(activity, series, activityIndex, seriesIndex) {
		var wptName = activity.getAttribute(Garmin.Activity.ATTRIBUTE_KEYS.activityName);
		this.readWaypointsSelect.options[this.readWaypointsSelect.length] = new Option(wptName, activityIndex + "," + seriesIndex);
	},
    
    /** Draws a simple line on the map using the Garmin.MapController.
     * @param {Select} index - value of select widget. 
     */
    displayTrack: function(index) {
    	index = index.split(",", 2);
    	var activity = this.activities[parseInt(index[0])];
    	var series = activity.getSeries()[parseInt(index[1])];
    	
		this.mc.map.clearOverlays();
		this.mc.drawTrack(series);
    },

    /** Draws a point (usualy as a thumb tack) on the map using the Garmin.MapController.
     * @param {Select} index - value of select widget. 
     */
    displayWaypoint: function(index) {
    	index = index.split(",", 2);
    	var activity = this.activities[parseInt(index[0])];
    	var series = activity.getSeries()[parseInt(index[1])];
    	    	
		this.mc.map.clearOverlays();
        this.mc.drawWaypoint(series);
    },
    
	/**Sets the size of the select to zero which essentially clears it from 
	 * any values.
	 * @private
	 */
    _clearHtmlSelect: function(select) {
		if(select) {
			select.size = 0;
		}
    },

	loadWriteData: function(filepath) {
		new Ajax.Request(filepath, {
			onSuccess: function(resp) {
				this.writeDataText.value = resp.responseText;
			}.bind(this),
			onFailure: function(resp) {
				this.handleException(new Error("Error loading default data: "+filepath));
			}.bind(this)
		});
	},

    onStartWriteToDevice: function(json) { 
    	this.setStatus("Essex Walks is writing GPX data to your Garmin");
    },

    onCancelWriteToDevice: function(json) { 
    	this.setStatus("Writing cancelled");
    },

    /**
     * The device already has a file with this name on it.  Do we want to override?  1 is yes, 2 is no
     */ 
    onWaitingWriteToDevice: function(json) { 
        if(confirm(json.message.getText())) {
            this.setStatus('Overwriting file');
            json.controller.respondToMessageBox(true);
        } else {
            this.setStatus('Will not be overwriting file');
            json.controller.respondToMessageBox(false);
        }
    },

    onProgressWriteToDevice: function(json) {
	  	this.updateProgressBar(json.progress.getPercentage());
    	this.setStatus(json.progress);
    },

    onFinishWriteToDevice: function(json) {
	    this.hideProgressBar();
    	this.setStatus("GPX data saved successfully.");
	    this.hideProgressBar();
       	this.writeDataButton.disabled = false;
       	this.cancelWriteDataButton.disabled = true;
    },

    onException: function(json) {
	    this.handleException(json.msg);
    },

	handleException: function(error) {
		var msg = error.name + ": " + error.message;	
		if (Garmin.PluginUtils.isDeviceErrorXml(error)) {
			msg = Garmin.PluginUtils.getDeviceErrorMessage(error);	
		}
	    this.setStatus(msg);
	    alert(msg);
	},

	setStatus: function(statusText) {
	    this.status.innerHTML = statusText;
	}
};