function openFormatting(){
	var formattingKey = $('formattingKeyDiv');
	new Effect.Appear(formattingKey,{duration: .5});
}

function closeFormatting(){
	var formattingKey = $('formattingKeyDiv');
	new Effect.Fade(formattingKey,{duration: .5});
}

function showCategories(categories_id){
//	var ul_id = 'categories_'+categories_id;
	
	Element.toggle(categories_id);
}

function toggleMenu(menu_name){
	Element.toggle($(menu_name));
}

function wasOptionSelected(){
	
	var doesHaveOptions = $('has_options').value;
	var selectedOptionValue = $('size-colour').value;

	if(selectedOptionValue == ""){
		if(doesHaveOptions > 0){
			alert("You must selected a color / size option for this product before adding to your cart");
			return false;
		}else{
			return true;
		}
	}else{
		return true;
	}


	
}

function findMySize(products_id){
	var color_selected = $('color-select').value;
	
	out = "/"; // replace this
	add = "%2C"; // with this
	temp = "" + color_selected; // temporary holder

	while (temp.indexOf(out)>-1) {
	pos= temp.indexOf(out);
	temp = "" + (temp.substring(0, pos) + add + 
	temp.substring((pos + out.length), temp.length));
	}
	var newColorName = temp;
	
	var url = '/colors_products_sizes/find_sizes_ajax/'+products_id+'/'+newColorName;
	
	var req = new Ajax.Request(url, {
	 	method: 'get', 
	 	onSuccess: function(transport) {

	 		var arrOptions = transport.responseText.evalJSON();
			// console.log(arrOptions);
	 		
			$A($('size-select-drop').options).each(function(o){
				$('size-select-drop').remove(o.index);
			});
			
			var newOption;
			
			// Add the new ones
			arrOptions.each(function(element) {
				newOption = null;
				newOption = document.createElement('option');
				newOption.value = element.value;
				newOption.text = element.text;
				$('size-select-drop').options.add(newOption);
			});
			
			if ($('size-select-drop').options.length == 1 && $('size-select-drop').options[0].value == "") {
				$('size-select-drop').disabled = true;
			} else {
				$('size-select-drop').disabled = false;
			}
	 	}
	});
}


function closeDiv(div_name){
	$(div_name).style.display = "none";
}

function showDiv(div_name){
	$(div_name).style.display = "";
}

function makesure(){
	var has_color = $('has_colors').value;
	var has_size = $('has_size').value;
	if($('color-select')){
		var selected_color = $('color-select').options[$('color-select').selectedIndex].value;
	}else{
		var selected_color = "";
	}

	if($('size-select-drop')){
		var selected_size = $('size-select-drop').options[$('size-select-drop').selectedIndex].value;
	}else{
		var selected_size = "";
	}

	if(has_color == 1 && selected_color == ""){
		alert('You must select a color');
		return false;
	}
	
	if (has_size == 1 && selected_size == "") {
		alert('You must select a size');
		return false;
	}
	
}

function showhidenav(nav_element){
	
	if(nav_element == "dragonboat"){
		var navstyle = $('dragonboat').style.display;

		if(navstyle == "") { //visible
			$(nav_element).style.display = "none";
		}else{ //open
			$(nav_element).style.display = "";
			
			//close other navs
			$('rsnav').style.display = "none";
			$('tracknav').style.display = "none";
		}
		
	}
	if(nav_element == "rsnav"){
		var navstyle = $('rsnav').style.display;

		if(navstyle == "") { //visible
			$(nav_element).style.display = "none";
		}else{ //open
			$(nav_element).style.display = "";
			
			//close other navs
			$('tracknav').style.display = "none";
			$('dragonboat').style.display = "none";
		}
		
	}
	if(nav_element == "tracknav"){
		var navstyle = $('tracknav').style.display;

		if(navstyle == "") { //visible
			$(nav_element).style.display = "none";
		}else{ //open
			$(nav_element).style.display = "";
			
			//close other navs
			$('rsnav').style.display = "none";
			$('dragonboat').style.display = "none";
		}
		
	}
	
}

function clearelement(element_id){

	$(element_id).value = "";
}