function searchColour(r,g,b){
	searchPattern = '';
	searchCat = '';
	searchRed = r;
	searchGreen = g;
	searchBlue = b;
	carousel.reload();
	updateInfo("<div>containing <span style=\"color:rgb("+r+","+g+","+b+")\">this colour</span></div> <!--div class=\"colourBoxLeft\" style=\"background-color:rgb("+r+","+g+","+b+")\"></div-->");
}

function updateInfo(m){
	$('#searchInfo').html("<div>Displaying all swatches</div>" + m + "<div id=\"infoCount\"></div>");
}

function slideShow(state){
	
	if(state == true){
		carousel.setProperty("autoplay", 5000);
		$('#slideshowOn').hide();
		$('#slideshowOff').show();
	}else{
		carousel.setProperty("autoplay", 0);
		$('#slideshowOn').show();
		$('#slideshowOff').hide();
	}
}


function searchPatterns(pattern){
	
	searchRed = '';
	searchGreen = '';
	searchBlue = '';
	searchCat = '';
	searchPattern = pattern;
	carousel.reload();
	$('#searchInfo').html("<div>Displaying all \"" + pattern + "\" swatches</div><div id=\"infoCount\"></div>");
}


function searchCats(cat,catId){
	
	searchRed = '';
	searchGreen = '';
	searchBlue = '';
	searchPattern = '';
	searchCat = catId;
	carousel.reload();
	$('#searchInfo').html("<div>Displaying all swatches from \"" + cat + "\" </div><div id=\"infoCount\"></div>");
}

function toggleMood(){

	document.getElementById('moodText').value = '';
	$("#moodBubble").toggle(500);

}