var SliderW = 25;		
	var drgObj = null;
	var mixerW = 510;//765 510
	var contentsW = 933;
	var intR = 0;
	var intG = 0;
	var intB = 0;
	var sortType = 1;//1-add 2-agrees 4-view		
	
	function IsDrg(obj)
	{
		drgObj = obj;		
		if (drgObj == 'put')
		{
			PostData();
		}		
	}
	
	function DrgMove(e)
	{
		var drgDiv = document.getElementById(drgObj);		
		if (drgDiv != null)
		{			
			var pos = RemovePX(drgDiv.style.left);			
			var ww = 0;
			if(document.all)
			{
				ww = document.body.clientWidth;
			}
			else if(document.layers)
			{
				ww = innerWidth;
			}
			else if(document.getElementById)
			{
				ww = innerWidth;
			}		
				
			if (pos <= mixerW+1 && pos >= 0)
			{
				drgDiv.style.left =  GetXPosition(e) - SliderW/2 - ( ww - contentsW ) / 2 + 'px';				
				//alert(drgDiv.style.left + " / " + GetXPosition(e) + " / " + SliderW/2 + " / " + (( ww - contentsW ) / 2));							
			}
			else
			{				
				IsDrg(null);
				if (pos > mixerW)
				{
					drgDiv.style.left = mixerW + "px";																				
				}
				else if (pos < 1)
				{
					drgDiv.style.left = "1px";												
				}									
			}			
			PutColor();	
			document.getElementById("sort2").style.display = "block";				
		}				
	}
	
	function RemovePX(obj)
	{
		var strPX = obj.indexOf("px");
		var pos = 0;
		if (strPX > -1)
		{
			pos = obj.substring(0,strPX);
		}
		else
		{
			pos = obj;
		}
		return pos;
	}
	
	function GetRGBint()
	{
		var strR = document.getElementById("drgR").style.left;
		var strG = document.getElementById("drgG").style.left;
		var strB = document.getElementById("drgB").style.left;
		
		if (strR == "")
		{
			strR = "1px";
		}
		
		if (strG == "")
		{
			strG = "1px";
		}
		
		if (strB == "")
		{
			strB = "1px";
		}
		
		intR = Math.round((RemovePX(strR)-1)/2);
		intG = Math.round((RemovePX(strG)-1)/2);
		intB = Math.round((RemovePX(strB)-1)/2);
		
		if (intR > 255)
		{
			intR = 255;
		}
		if (intG > 255)
		{
			intG = 255;
		}
		if (intB > 255)
		{
			intB = 255;
		}
		if (intR < 0)
		{
			intR = 0;
		}
		if (intG < 0)
		{
			intG = 0;
		}
		if (intB < 0)
		{
			intB = 0;
		}
	}
	
	function PutColor()
	{
		GetRGBint();		
		document.getElementById("RGBText").innerHTML = "R" + intR + " G" + intG + " B" + intB;
		//document.getElementById("RGBText").innerHTML = document.getElementById(drgObj).style.left;
		document.getElementById("C16Text").innerHTML = "#" + RgbTo16(intR) + RgbTo16(intG) + RgbTo16(intB);
		document.getElementById("ColorSample").style.backgroundColor = "rgb(" + intR + "," + intG + "," + intB + ")";		
	}
	
	function SetColor(r,g,b)
	{
		if (r > 255)
		{
			r = 255;
		}
		if (g > 255)
		{
			g = 255;
		}
		if (b > 255)
		{
			b = 255;
		}
		if (r < 0)
		{
			r = 0;
		}
		if (g < 0)
		{
			g = 0;
		}
		if (b < 0)
		{
			b = 0;
		}
		
		document.getElementById("drgR").style.left = r*2+1 + 'px';
		document.getElementById("drgG").style.left = g*2+1 + 'px';
		document.getElementById("drgB").style.left = b*2+1 + 'px';	
		PutColor();		
	}
	
	function PostData()//送信します
	{
		GetRGBint();
		
		if (drgObj == null && intR == 0  && intG == 0  && intB == 0)
		{
			return;
		}	
		
		SetXMLObj();
		if (XMLObjct)
		{
			XMLObjct.onreadystatechange = function()//コールバックを用意
			{				 
				if (XMLObjct.readyState == 4)
				{			
					var HTMLResultObj = document.getElementById("Result");
					HTMLResultObj.innerHTML = XMLObjct.responseText;
					document.getElementById("ColorSample").innerHTML = "";						
				}
			}
				
			document.getElementById("ColorSample").innerHTML = "<img src='../images/loading.gif' />";			
			//データを送信			
			if (drgObj != null)
			{		
				XMLObjct.open('GET', 'http://www.designlinkdatabase.net/colorPut.aspx?r=' + intR + '&g=' + intG + '&b=' + intB + '&s=' + sortType + '&h=38.107.191.102&gid=8529ddad-c86a-452d-a647-924b13990eff&rnd=' + Math.random());
			}
			else
			{
				XMLObjct.open('GET', 'http://www.designlinkdatabase.net/colorPut.aspx?r=' + intR + '&g=' + intG + '&b=' + intB + '&s=' + sortType + '&h=38.107.191.102&gid=8529ddad-c86a-452d-a647-924b13990eff&noLog=1&rnd=' + Math.random());
			}			
			//ここにスペースないとなぜか動かなくなる　クソバグ
			XMLObjct.send(null);		
		}	
	}
	
	function SetSort(type)
	{
		sortType = type;
		document.getElementById("lnkAddDate").style.fontWeight = 'normal';
		document.getElementById("lnkViewCount").style.fontWeight = 'normal';
		document.getElementById("lnkAgreesCount").style.fontWeight = 'normal';
		document.getElementById("lnkTotalCount").style.fontWeight = 'normal';
		document.getElementById("lnkBookmarkCount").style.fontWeight = 'normal';
		if (type == 1)
		{			
			document.getElementById("lnkViewCount").style.fontWeight = 'bold';
		}
		else if (type == 2)
		{
			document.getElementById("lnkAgreesCount").style.fontWeight = 'bold';
		}
		else if (type == 4)
		{
			document.getElementById("lnkTotalCount").style.fontWeight = 'bold';
		}
		else if (type == 5)
		{
			document.getElementById("lnkBookmarkCount").style.fontWeight = 'bold';
		}
		else
		{
			document.getElementById("lnkAddDate").style.fontWeight = 'bold';
		}
		document.getElementById("lnkAddDate2").style.fontWeight = document.getElementById("lnkAddDate").style.fontWeight;
		document.getElementById("lnkViewCount2").style.fontWeight = document.getElementById("lnkViewCount").style.fontWeight;
		document.getElementById("lnkAgreesCount2").style.fontWeight = document.getElementById("lnkAgreesCount").style.fontWeight;
		document.getElementById("lnkTotalCount2").style.fontWeight = document.getElementById("lnkTotalCount").style.fontWeight;
		document.getElementById("lnkBookmarkCount2").style.fontWeight = document.getElementById("lnkBookmarkCount").style.fontWeight;
		PostData();		
	}
	
	//rgbObjは0～255の値
	function RgbTo16(rgbObj)
	{
		var h = "0123456789ABCDEF";
		var a = rgbObj % 16;
		var b = ( rgbObj - a ) / 16;		
		return h.charAt(b) + h.charAt(a);
	}
	
	function OnlyColorPost(R,G,B)//送信だけします
	{		
		if (R == 0  && G == 0  && B == 0)
		{
			return;
		}		
		SetXMLObj();
		if (XMLObjct)
		{			
			//データを送信			
			XMLObjct.open('GET', 'http://www.designlinkdatabase.net/colorPut.aspx?r=' + R + '&g=' + G + '&b=' + B + '&s=0&h=38.107.191.102&gid=8529ddad-c86a-452d-a647-924b13990eff&rnd=' + Math.random());					
			//ここにスペースないとなぜか動かなくなる　クソバグ
			XMLObjct.send(null);		
		}	
	}