/**
 * @filename ExploreHandler.js
 * 
 * @description Handles events for explore
 * 
 * @author Yahui Jin
 * @email yahui.jin@garmin.com
 * 
 * @requires Prototype 1.6.0.2+
 * 
 * Copyright(c) 2008, Garmin International
 */
		    
if (Garmin == undefined) var Garmin = {};

/**
 * ExploreHandlerConstants provides id's and classes used for generated elements
 * created within the ExploreHandler object.
 */
var ExploreHandlerConstants = {
	// IDs
	PERMA_URL_FRAGMENT_ID: 'permaURLFragment'
};

/**
 * The ExploreHandler class
 * 
 * @constructor
 */
Garmin.ExploreHandler = Class.create({		    
    
    /**
     * Populate search fields based on url fragment.
     */
    populateSearchFields: function(urlFragment) {
		// Only do something when we have a urlFragment
    	if (urlFragment != "") {
	    	var isFilterVisible = false;
	    	// Reset all search fields
	    	searchBarHandler.resetAll();
	    	    	
	    	// Trim # and ? from the urlFragment if there is one.
	    	if (urlFragment.length > 0) {
				if ((urlFragment.charAt(0) == '#') || (urlFragment.charAt(0) == '?')) {
					urlFragment = urlFragment.substring(1, urlFragment.length);
				}
	    	}
	
	    	var exploreSearchForm = "exploreSearchForm:";
	    	// Split the parameters
	    	var parameters = new Array();
	    	parameters = urlFragment.split('&');	    	
	
	    	// Iterate through each key value and try to find the element
	    	for (var i = 0; i < parameters.length; i++) {    
	    		var keyValue = new Array();
	    		keyValue = parameters[i].split('=');
	
	    		// Key and value
	    		var key = exploreSearchForm + keyValue[0];
	    		// Decode the url fragment so we can process it correctly
	    		var value = decodeURIComponent(keyValue[1]);    		
	
	    		// TODO: Refactor this... some elements do not have consistent
	    		// id naming
	    		switch (key) {
		    		case "exploreSearchForm:timePeriod":
		    			key = SearchBarHandlerConstants.TIME_SELECT_ID;
		    			
		    			// We are handling custom dates differently.
		    			// Since customDates has a parameters of a paramter, the array
		    			// length will be 1 longer than just a regular key value pair.
		    			if (keyValue.length > 2) {
		    				value = value + decodeURIComponent(keyValue[2]);
		    			}
		    				    			
		    			if (value == "customTimestamp") {
		    				$(SearchBarHandlerConstants.CUSTOM_DATES_ID).show();
		    			}
		    			
		    			break;
		    		// For personalized dateFormat, we need to make sure the format is correct before setting the value
		    		case "exploreSearchForm:customStartDate":						
						var jsDate = this.javascriptDateFormat(value);
						var date = new Date(jsDate);
						value = date.format(DATE_FORMAT.toLowerCase());
		    			key = SearchBarHandlerConstants.START_ID;		    			
		    			break;
		    		// For personalized dateFormat, we need to make sure the format is correct before setting the value
		    		case "exploreSearchForm:customEndDate":
						var jsDate = this.javascriptDateFormat(value);
						var date = new Date(jsDate);
						value = date.format(DATE_FORMAT.toLowerCase());
		    			key = SearchBarHandlerConstants.END_ID;
		    			break;
		    		case "exploreSearchForm:currentPage":	    			
		    			key = SearchBarHandlerConstants.CURRENT_PAGE_ID;
		    			break;
		    		case "exploreSearchForm:username":
		    			// When clicking on the username in the grid, we need to populate the username in the filter
		    			if (value == $('exploreUser').innerHTML) {
		    				key = SearchBarHandlerConstants.MY_ACTIVITIES_ID;
		    				value = true;
		    				searchBarHandler.disable($(SearchBarHandlerConstants.USERNAME_ID), $('usernameField'));
		    			} else {
		    				key = SearchBarHandlerConstants.USERNAME_ID;
		    			}
		    			
		    			break;
		    		case "exploreSearchForm:owner":
		    			key = SearchBarHandlerConstants.USERNAME_ID;
		    			break;
		    		default:
		    			break;
	    		}
	
	    		// Find element
	    		var element = document.getElementById(key);    		    	
	    		
	    		// Check to see if the element exists
	    		if ((element != "") && (element != null)) {
	    			var elementType = element.type;
					
	    			// Set value of field
					if (((key == SearchBarHandlerConstants.ACTIVITY_TYPE_SELECT_ID) && (value != 'all')) ||
					((key == SearchBarHandlerConstants.EVENT_TYPE_SELECT_ID) && (value != 'all')) ||
					(key == SearchBarHandlerConstants.TIME_SELECT_ID) ||
					(key == SearchBarHandlerConstants.MIN_DISTANCE_ID) ||
					(key == SearchBarHandlerConstants.MAX_DISTANCE_ID) ||
					(key == SearchBarHandlerConstants.MIN_TIME_ID) ||
					(key == SearchBarHandlerConstants.MAX_TIME_ID) ||
					(key == SearchBarHandlerConstants.MIN_ELEVATION_ID) ||
					(key == SearchBarHandlerConstants.MAX_ELEVATION_ID) ||
					(key == SearchBarHandlerConstants.USERNAME_ID) ||
					(key == SearchBarHandlerConstants.MY_ACTIVITIES_ID)) {						
						// If it is not any of the above fields, then we need to show the filter
						isFilterVisible = true;
					}
					
	    			// Needed for the my activities checkbox
	    			if (elementType == "checkbox") {
	    				element.setValue(true);
	    			} else if (elementType ==  "hidden"){	
						element.value = value;
					}else{
	    				element.setValue(value + "");
						
	    			}				
	    		} else {    			
	    			// Field does not exist
	    			//alert("parameter does not exist: " + key);
	    		}			
	    	}
	    	// If we fill in filter stuff, let's show the filter
	    	if (isFilterVisible) {
	    		searchBarHandler.showFilters();
	    	} else {
	    		searchBarHandler.hideFilters();
	    	}
			
	    	// Search
			searchBarHandler.clickCheck();
	    	searchBarHandler.showSearchProgress();    	
	    	$(SearchBarHandlerConstants.REAL_SEARCH_BUTTON).click();
			$(SearchBarHandlerConstants.REAL_SEARCH_BUTTON).disabled = true;
    	}
    	else {
			// Since there is no url fragment, we will simply add the current state to the history event.
			addHistoryEvent();
		}
    },
	
    // This is a pretty gimp solution to the personalized dateFormat issue
    // Since the activity search service can only take one type of date format 
    // (a format javascript dislikes), we need it to make it javascript friendly to set the value
    // The solution should really be modifying the service to take javascript friendly date format
	// This is to make the date javascript friendly
	javascriptDateFormat: function(date) {
		// First, break up the date of yyyy-mm-dd
		var dateArray = new Array();
	    dateArray = date.split('-');
		
		// Then, put it back together to something javascript likes mm/dd/yyyy
		var dateFormat = dateArray[1] + "/" + dateArray[2] + "/" + dateArray[0];
		
		return dateFormat;
	}
});