$(function() {
		   
	var toHex = function(N)  {
		if (N==null) return "00";
		N=parseInt(N); if (N==0 || isNaN(N)) return "00";
		N=Math.max(0,N); N=Math.min(N,255); N=Math.round(N);
		return "0123456789ABCDEF".charAt((N-N%16)/16)
		+ "0123456789ABCDEF".charAt(N%16);
	};
	
	var headerColor = function(xpos) {
		var RGBtoHex = function(R,G,B) {return toHex(R)+toHex(G)+toHex(B)};
		var headerWidth = $('#colorpicker').width();
		var colorSpread = headerWidth*0.15;
		var	blackPos = headerWidth*0.05;
		var redPos = headerWidth*0.2;
		var	yellowPos = headerWidth*0.35;
		var	greenPos = headerWidth*0.50;
		var cyanPos = headerWidth*0.65;
		var bluePos = headerWidth*0.80;
		var purplePos = headerWidth*0.95;
		if (xpos <= redPos) //red
			{var hexcolor = RGBtoHex((xpos-blackPos)/colorSpread*255,0,0);}
		else if (xpos <= yellowPos) //yellow
			{var hexcolor = RGBtoHex(255,(xpos-redPos)/colorSpread*255,0);}
		else if (xpos <= greenPos) //green
			{var hexcolor = RGBtoHex((greenPos-xpos)/colorSpread*255,255,0);}
		else if (xpos <= cyanPos) //cyan
			{var hexcolor = RGBtoHex(0,255,(xpos-greenPos)/colorSpread*255);}
		else if (xpos <= bluePos) //blue
			{var hexcolor = RGBtoHex(0,(bluePos-xpos)/colorSpread*255,255);}
		else if (xpos <= purplePos) //purple
			{var hexcolor = RGBtoHex((xpos-bluePos)/colorSpread*255,0,255);}
		else if (xpos <= headerWidth)
			{var hexcolor = RGBtoHex(255,0,255);}
		return hexcolor
	};
	
	$('#colorpicker').click(function(e) {
		var xpos = Math.round(e.pageX - $(this).offset().left)
		var hexcolor = headerColor(xpos);
		$('#header').animate({backgroundColor: "#" + hexcolor},500);
		$('#gallery').animate({backgroundColor: "#" + hexcolor},500);
		$('#footer').animate({backgroundColor: "#" + hexcolor},500);
		$('#colorpicker_pointer').animate({left: xpos-8 + 'px'},300);
		$.ajax({
			   url: '/wp-content/themes/first-photography/js/colorpicker/colorpicker.php',
			   type: 'POST',
			   data: 'color=' + hexcolor + '&xpos=' + (xpos-8)
		});
	});
	
	$("#colorpicker_pointer").draggable({ cursorAt: {cursor: 'crosshair', top: 5, left: 8},
										axis: 'x',
										containment: 'parent',
										scroll: false,
										drag: function(e) {
											var pointerxpos = Math.round(e.pageX - $('#colorpicker').offset().left);
											var hexcolor = headerColor(pointerxpos);
											$('#header').css({backgroundColor: "#" + hexcolor});
											$('#gallery').css({backgroundColor: "#" + hexcolor});
											$('#footer').css({backgroundColor: "#" + hexcolor});
										},
										stop: function(e) {
											var pointerxpos = Math.round(e.pageX - $('#colorpicker').offset().left);
											var hexcolor = headerColor(pointerxpos);
											$.ajax({
			   									url: '/wp-content/themes/first-photography/js/colorpicker/colorpicker.php',
			   									type: 'POST',
			   									data: 'color=' + hexcolor + '&xpos=' + (pointerxpos-8)
			   								});
										}
	});
	
	$('#header').hover(function() {
			$('#colorpicker_pointer').stop().animate({"opacity" : "1"},500);
			},
			function() {
			$('#colorpicker_pointer').stop().animate({"opacity" : "0"},1000);
			}
	);
});