var Preferences = Class.create();
Preferences.prototype = {
		
	initialize: function() {
		Jq(".horiz_menu_item").click(this.handleMenuItemClick.bind(this));
		Jq("#preferences_welcome").trigger("click");
	},
	
	handleMenuItemClick: function(e) {
		Jq(".horiz_menu_item").css({"borderBottom": "1px solid #000000"});
		Jq("#"+e.target.id).css({"borderBottom": "1px solid #FFFFCC"});
		var page = e.target.id.replace("preferences_", "");
		this.currentTab = page;
		ajaxRequestor('loadPreferencesContent', 'page='+page, this.handleLoadPreferencesContent.bind(this), this.handleLoadPreferencesContent.bind(this));
	},
	
	GenerateAPIKey: function() {
		ajaxRequestor('generateAPIKey', '', this.handleGenerateAPIKey.bind(this), this.handleGenerateAPIKey.bind(this));
	},
	
	handleGenerateAPIKey: function(response) {
		Jq("#api_key").text(response.api_key);
	},
	
	handleLoadPreferencesContent: function(response) {
		$('menu_item_content').innerHTML = response.paneHTML;
		switch(this.currentTab)
		{
			case 'api':
				Jq('#generate_api_key').click(this.GenerateAPIKey.bind(this));
			break;
		}
	}
}