function setCookie(choosenStyle) {
	// javascript set
	$.cookie('style', null); 			// clear cookie
	$.cookie('style', choosenStyle); 	// set cookie
}


$(document).ready(function() {
	// stylesheet setup
	var headID = document.getElementsByTagName("head")[0];
	var cssNode = document.createElement('link');
	cssNode.type = 'text/css';
	cssNode.rel = 'stylesheet';

	var style_color = $.cookie('style');
	if (style_color != undefined) {
		cssNode.href = 'catalog/view/theme/TechStore/stylesheet/' + style_color + '.css';
	} else {
		cssNode.href = 'catalog/view/theme/TechStore/stylesheet/red.css';
		style_color = "red";
	}
	cssNode.media = 'screen';
	headID.appendChild(cssNode);
	// set style for the image src.  Not required unless you are setting an image dynamically, like we do here.

	// click actions
	$("#Blue").click(function()
	{
		setCookie("blue");
		location.reload();
	});
	
	$("#Orange").click(function()
	{
    	setCookie("orange");
		location.reload();
	});

	$("#Green").click(function()
	{
		setCookie("green");
		location.reload();
	});
	
	$("#Pink").click(function()
	{
		setCookie("pink");
		location.reload();
	});
	
	$("#Red").click(function()
	{
		setCookie("red");
		location.reload();
	});
	
	$("#Gray").click(function()
	{
		setCookie("gray");
		location.reload();
	});

});