//<![CDATA[
	 $(document).ready(function(){
		var delayLoad =  setTimeout('setUpColorSearch()', 1000); // wait for IE
		
		$(function(){// Shuffle colorSelector Box display so active box is layered on top
			$(".color").click( function(){
			var dspPanel = $(this).attr('id');
				
			selectDisplay( dspPanel, 0 );
			setActiveBorderColor(dspPanel);
			});

		});	// [END: colorSelector Box display]
		
				
		$(function(){ 
			// cancel Colour Searching
			$('#cancelColorSearch').click(function(){ 
				for(var i=0;i<3; i++){
					$('#colorSelection_0'+(i+1)).attr('checked',false);
					$('#color'+(i+1)).css('opacity','0');
				}
				$('#color2').val('');
				$('#color3').val('');
				$('#colorReset2').hide();
				$('#colorReset3').hide();
				
				var srchString = $('#search_string').val();
				if(srchString.indexOf('@') != -1){
					nStr = srchString.substring(0,srchString.indexOf('@')-1);
					document.getElementById('search_string').value = nStr;
				}

				$('#colorSelectionDiv').hide();
				$('#fauxPanel').show();
			}); // [END: colorSearch reset]
			
			$('#fauxPanel').click(function(){
				$('#fauxPanel').hide();
				$('#colorSelectionDiv').show();
				selectDisplay('color1',0);
				setActiveBorderColor('color1');

			});
			
			// remove individual colors
			$('#colorReset2').click(function(){
				$(this).hide();
				$('#colorSelection_02').attr('checked',false);
				$('#color2').css('opacity','0');
			});
			$('#colorReset3').click(function(){
				$(this).hide();
				$('#colorSelection_03').attr('checked',false);
				$('#color3').css('opacity','0');
			});
		});
		
		
	 });//[END document.Ready]
	 var activeFlag = 1;
 	 function setActive(){
 	 	if(activeFlag){
 	 		selectDisplay( 'color1', 1 );
 	 	}
 	 }
 	 
 	 function setActiveBorderColor(bColor){ // changes active textbox border colour to white
 	 	$('.color').css('border','2px solid #A6A6A6');
 	 	$("#" + bColor).css('border','2px solid #FFFFFF');
 	 }
 	
	 function selectDisplay(arg,n) {
	 // hide all 
	 			$('div[title^="sat"]').hide();
	 			$('div[title^="hue"]').hide();
		
				switch (arg){
				case "color1" :
					$('#color1').parent('div').find('div[title^="sat"]').show();
					$('#color1').parent('div').find('div[title^="hue"]').show();
					$('#color1').css('opacity','1');
					
					if(!n){
						$('#colorSelection_01').attr('checked','checked');
					}

				break;
				case "color2" :
					$('#color2').parent('div').find('div[title^="sat"]').show();
					$('#color2').parent('div').find('div[title^="hue"]').show();
					$('#color2').css('opacity','1');
					$('#colorReset2').css('left','275px');
					$('#colorReset2').css('top','45px');
					$('#colorReset2').css('display','block');
					$('#colorReset2').css('background','white');
					$('#colorReset3').css('background','#A6A6A6');
					if(!n){
						$('#colorSelection_02').attr('checked','checked');
					}

				break;
				case "color3" :
					$('#color3').parent('div').find('div[title^="sat"]').show();
					$('#color3').parent('div').find('div[title^="hue"]').show();
					$('#color3').css('opacity','1');
					$('#colorReset3').css('left','275px');
					$('#colorReset3').css('top','73px');
					$('#colorReset3').css('display','block');
					$('#colorReset3').css('background','white');
					$('#colorReset2').css('background','#A6A6A6');
					if(!n){
						$('#colorSelection_03').attr('checked','checked');
					}
				break;
				}
				
	 };//[END: selectDisplay]
	 
	 function setUpColorSearch(){
		// position the text input fields 
		for(var i=1; i<4; i++){
			$('#color'+i).css('left','206px');
			$('#color'+i).css('opacity','0');
		}// 
		 	
		$('#color1').css('top','12px');
		$('#color2').css('top','40px','display','none'); // remove display none if more than one colour required
		$('#color3').css('top','68px','display','none');

	// place 1st input box ontop of stack
		selectDisplay('color1',1);
		$('#cancelColorSearch').click();
		
		};//[END: setUpColorSearch]
	
	
	
// Begin color Object
	var ColorSearch = {
		checkForColorSelected : function(keywordStr, colorStr){
		var srch 	= '';
		var srchStr =[];
		var keywords = "";
		var keyWordsArr = [];
		var	uniqueKeywords = [];

		srchStr = keywordStr.split(' ');
		// if keywords has color - filter
			for(var i=0; i < srchStr.length; i++){
				if(srchStr[i].indexOf('@')!= -1){ 
				// seperate colors from keywords
				}else{
					keywords += srchStr[i] + " ";
				}
			}
				
			keyWordsArr = keywords.split(' ');

		var	uniqueKeywords = keyWordsArr.unique();


		
		var uniqueColors = colorStr.unique();// loop thru array and remove color duplicates 
		// regEx search strings
		// 	remove ','s & extra spaces from returned array
		var re = /,/g;
		var reSpc = /(\s)\2/g;
		
			uniqueColors 	= uniqueColors.toString();
			uniqueKeywords  = uniqueKeywords.toString();

			srch 	= uniqueKeywords + uniqueColors + " ";
			srch	= srch.replace(re,' ');
			srch	= srch.replace(reSpc,' ');
	
			return srch;
		},
		removeDuplicateChr:function(str){ // remove duplicate spaces

			var reSpc 	= /(\s){2}/;
			var srch	= str.replace(reSpc,' ');

			return srch;
		}
	};
		
	Array.prototype.unique = function () { // make array contents unique
	var r = new Array();
	o:for(var i = 0, n = this.length; i < n; i++)
	{
		for(var x = 0, y = r.length; x < y; x++)
		{
			if(r[x]==this[i])
			{
				continue o;
			}
		}
		r[r.length] = this[i];
	}
	return r;
	}//
		
	 //]]>