window.addEvent('domready', function() {
	$("moresearch").onclick = function(){ expandedSearch(); };
	setupColorPicker();
});

function expandedSearch(){
	var xs = new Fx.Style('expandedsearch', 'height', {duration: 500});
	xs.start(0,75); 
	$("moresearch").src="http://www.artadviser.com/img/aa_close_search_tab.png";
	
	$("moresearch").onclick = function(){
		$("moresearch").src="http://www.artadviser.com/img/aa_more_search_tab.png";
		var xsc = new Fx.Style('expandedsearch', 'height', {duration: 500,onComplete:expandedSearchClosed});
		xsc.start(75,0);
	}	
}

function expandedSearchClosed(){
	$("moresearch").onclick = function(){ expandedSearch(); };
}

var COLORS=["black","white","red","orange","yellow","green","blue","purple","brown","none"];

function setupColorPicker(){
	$("ccblack").onclick = function(){ chooseColor("black",this); } 
	$("ccwhite").onclick = function(){ chooseColor("white",this); } 
	$("ccred").onclick = function(){ chooseColor("red",this); } 
	$("ccorange").onclick = function(){ chooseColor("orange",this); } 
	$("ccyellow").onclick = function(){ chooseColor("yellow",this); } 
	$("ccgreen").onclick = function(){ chooseColor("green",this); } 
	$("ccblue").onclick = function(){ chooseColor("blue",this); } 
	$("ccpurple").onclick = function(){ chooseColor("purple",this); } 
	$("ccbrown").onclick = function(){ chooseColor("brown",this); } 
	$("ccnone").onclick = function(){ chooseColor("none",this); } 
}

function toggleCpStyle(el){
	if(el.id != "ccnone"){
		if(el.title == "selected"){
			el.style.border = "3px solid white";
		}else{
			el.style.border = "2px solid #E3DEC2";
		}
	}else{
		for(i=0;i<COLORS.length;i++){
			$("cc"+COLORS[i]).style.border="2px solid #E3DEC2";
		}	
	}
}

function toggleCpState(el){
	var selectedArr = new Array();	

		if(el){
			if(el.title == "selected"){
				el.title = "";	
			}else{
				el.title = "selected";	
			}
			/*loop through previously defined elements and see if they have a title of 'selected'*/
			for(i=0;i<COLORS.length;i++){
				if($("cc"+COLORS[i]).title == "selected"){
					selectedArr.push(COLORS[i]);
				}
			}	
		
	};
}

function chooseColor(color,el){
	toggleCpState(el);
	toggleCpStyle(el);
}