jQuery(document).ready(function($){
	var $hcolorspan=$('#hcolorspan'), $scolordiv=$('#scolorspan')
	var $palettedivs=$('div.colorpalette').find('div')
	$palettedivs.bind('mouseover', function(){
		var selectedhex=$(this).attr('title')
		$hcolorspan.html(selectedhex)
		$hcolorspan.css({borderColor: selectedhex})
	})
	$palettedivs.bind('click', function(){
		var selectedhex=$(this).attr('title')
		$scolordiv.html(selectedhex)
		$scolordiv.css({borderColor: selectedhex})
	})
	$('#keywords').bind('click', function(){
		if (this.value=="Search Site")
			this.value=""
	})
})