//black,blue320,limegreen,orange811,pink813,red-185,silver,wood

$(function(){

	var colArray = new Array("black","blue","orange","pink","red","silver","wood","limegreen");
	$("#colorPicker").append("<div id='colors' style='width:208px; position:absolute; z-index:1000; top:0px; left:22px;'></div>");
	
	
	for(i=0;i<8;i++){
		$("#colors").append("<img src='site_images/"+colArray[i]+".gif' alt='"+colArray[i]+"' rel='"+i+"' style='padding:0px; margin:0px; width:50px; height:50px; float:left; cursor:pointer;' class='swatch' position:relative; z-index:2000;/>");
	}
	
	$("#colorPicker").click(function(){
		if(!$("#colors").hasClass("Copen")){
		$("#colors").show(function(){
		
	
				$(this).addClass("Copen");
	
			
		});
		}else{
			$("#colors").hide(function(){
				$(this).removeClass("Copen");
			})
		}
		
	});
	$(".swatch").click(function(){
		$("#colour").attr("selectedIndex",$(this).attr("rel"));	
	});
	
$("#colors").hide();
});


$(function(){

	var colArray = new Array("black","blue","orange","pink","red","silver","wood","limegreen");
	$("#ecolorPicker").append("<div id='ecolors' style='width:208px; position:absolute; z-index:1000; top:0px; left:22px;'></div>");
	
	
	for(i=0;i<8;i++){
		$("#ecolors").append("<img src='site_images/"+colArray[i]+".gif' alt='"+colArray[i]+"' title='"+colArray[i]+"' rel='"+i+"' style='padding:0px; margin:0px; width:50px; height:50px; float:left; cursor:pointer;' class='eswatch' position:relative; z-index:2000;/>");
	}
	
	$("#ecolorPicker").click(function(){
		if(!$("#ecolors").hasClass("Copen")){
		$("#ecolors").show(function(){
		
	
				$(this).addClass("Copen");
	
			
		});
		}else{
			$("#ecolors").hide(function(){
				$(this).removeClass("Copen");
			})
		}
		
	});
	$(".eswatch").click(function(){
		$("#ecolour").attr("selectedIndex",$(this).attr("rel"));	
	});
	
$("#ecolors").hide();
});