SS.Controllers.SimpleStore = {
		
	ssView: undefined,
		
	init: function() {
		var
			simpleStore,
			categoryListView,
			simpleStoreView,
			ieView;
		
		_.bindAll(this, "loadCSS", "createDropdown");
		
		// Styling
		this.loadCSS();
			
		// Initialize models and views
		simpleStore = new SS.Models.SimpleStore();
		
		this.ssView = simpleStoreView = new SS.Views.SimpleStore({
			model: simpleStore,
			el: $('#wrapper')
		});
		
	},

	
	//Loads css dynamically and alters classes
	loadCSS: function() {
		
		// For now, don't load css dynamically for facebook
		// Alter classes for FB then return
		if($("#productForm_fromFacebook").val()== "true") { 
			$('#categories').removeClass("round");
			$('#productArea').removeClass("round2");
			return;
		}

		this.createDropdown();
		
		// Load styles
		EcommerceObj.refreshStyles({
			callback: function() {
				$("#wrapper").show();
				SS.Utils.hideAjaxLoader();
			}
		});
		
	},
	
	
	// creates visual appearance of dropdown
	createDropdown: function() {
		var
			$dropdownEl = $('\
				<div id="categoryDropdownWrapper" style="">\
					<h2>Categories</h2>\
					<div class="input_select_wrapper">\
						<div class="input_select_wrapper_bg">\
						<span>-</span>\
						<select id="categoryDropdown">\
						</select>\
					</div>\
				</div>\
			'),
			$categorySelect, 
			$categoryLinks = $("#categoryLinks");
		
		// Append options to dropdown
		$categorySelect = $dropdownEl.find("#categoryDropdown");
		
		$categoryLinks.find("li a").each(function(){
			var 
			id,
			a_id = $(this).attr("id"),
			split = a_id.split("_"),
			html;
			
			if ( a_id.length > 1 ) id = "categoryDropdown_" + split[1];
			else id = "categoryDropdown_";
			
			html = $(this).html();
			//if ( $.trim(html).toLowerCase() === "all" ) html = "Select a category...";
			
			var $option = $("<option id=\"" + id + "\" value=\"" + $(this).attr("href") + "\" >" + html +  "</option>");
			$categorySelect.append($option);
		});		
	
		$("#categoryLinks").before($dropdownEl);
	}

};