// JavaScript Document
window.addEvent('domready',function(){

					
					// Note that the addEvent function referred to below is a custom function, not built-in
				
					function test1(e){
							var Prod = $('prod'+e);
							var selector = $(e);
							var NumOpen=$('num').innerHTML;
							
							if(Prod.getStyle('display')=='none')
							{
								Prod.tween('opacity', 1);
								Prod.setStyle('display','block');
								selector.setStyle('border','1px solid #165f85');
								NumOpen++;
								$('num').innerHTML = NumOpen;
							}
							else if(Prod.getStyle('display')=='block')
							{
									Prod.tween('opacity', 0);
									Prod.setStyle('display','none')
									selector.setStyle('border','1px solid #FFF');
									NumOpen--;
									$('num').innerHTML = NumOpen;
							}
							display_type();
					}
					
					function display_type()
					{
							if($('num').innerHTML=='0')
							{
								$('selection_type').tween('opacity', 0);
							}
							else
							{
								$('selection_type').tween('opacity', 1);
							}
					}
					/*
					function test1(e){
							var Prod = $('prod'+e);
							var selector = $(e);
							if(Prod.getStyle('display')=='inline')
							{
								Prod.tween('width', [0,70]);
								Prod.setStyle('display','block');
								selector.setStyle('border','1px solid #f00');
							}
							else if(Prod.getStyle('display')=='block')
							{
									Prod.tween('width', [70,0]);
									Prod.setStyle('display','inline')
									selector.setStyle('border','1px solid #FFF');
							}
					}
					*/
						for (i=1;i<=14;i++)						{
							$('prod'+i).fade('out');
							$('prod'+i).setStyle('display','none')
							
						}
					
					$('1').addEvent("click", function(){test1('1');});
					$('2').addEvent("click", function(){test1('2');});
					$('3').addEvent("click", function(){test1('3');});
					$('4').addEvent("click", function(){test1('4');});
					$('5').addEvent("click", function(){test1('5');});
					$('6').addEvent("click", function(){test1('6');});
					$('7').addEvent("click", function(){test1('7');});
					$('8').addEvent("click", function(){test1('8');});
					$('9').addEvent("click", function(){test1('9');});
					$('10').addEvent("click", function(){test1('10');});
					$('11').addEvent("click", function(){test1('11');});
					$('12').addEvent("click", function(){test1('12');});
					$('13').addEvent("click", function(){test1('13');});
					$('14').addEvent("click", function(){test1('14');});
					
					$('selection_type').set('opacity', 0);
					
					$('invert').addEvent("click", function(){
						for (i=1;i<=14;i++)
						{
							test1(i+"");
						}
					});
					
					$('openall').addEvent("click", function(){
						for (i=1;i<=14;i++)
						{
							var Prod = $('prod'+i);
							var selector = $(i+"");
									Prod.tween('opacity', 1);
								Prod.setStyle('display','block');
								selector.setStyle('border','1px solid #165f85');
						}
						$('num').innerHTML = 14;
						display_type();
					});
					
					$('closeall').addEvent("click", function(){
						for (i=1;i<=14;i++)
						{
							var Prod = $('prod'+i);
							var selector = $(i+"");
									Prod.tween('opacity', 0);
									Prod.setStyle('display','none')
									selector.setStyle('border','1px solid #FFF');
						}
						$('num').innerHTML = 0;
						display_type();
					});
				});