var timer_id;
var isPlay = false;
var divThumb;//出力エリア
var divFirstThumb;//出力エリア
var XMLObjct;
var isDataLoaded = false;
var arrSite;//デザインサイト配列
var tempSite = "";

//HTMLを読み込んで出力
function loadThumb(r,g,b)
{		
		if (!isDataLoaded)//まだデータロードがすんでいないならロード
		{
			SetXMLObj();
			if (XMLObjct)
			{
				XMLObjct.onreadystatechange = function()//コールバックを用意
				{				 
					if (XMLObjct.readyState == 4)
					{							
							arrSite = XMLObjct.responseText.split(",");	
							clear_Thumb();
							var tCount = arrSite.length;
							if (arrSite[0] == "")
							{
								tCount = 0;
							}
							document.getElementById("ThumbCount").innerHTML = "[ サムネイル <b>" + tCount + "</b> 枚 ]";
							//alert(document.getElementById("ThumbCount").innerText);						
					}																		
				}				
						
				if (r == 0 && g == 0 && b == 0)
				{				
					XMLObjct.open('GET', 'http://www.thumbnailcloud.net/putthumb.aspx?rnd=' + Math.random());					
				}
				else
				{
					XMLObjct.open('GET', 'http://www.thumbnailcloud.net/putthumb.aspx?r=' + intR + '&g=' + intG + '&b=' + intB + '&s=' + sortType + '&h=38.103.63.59&gid=d4061b0f-120a-4787-a397-e899c025391d&rnd=' + Math.random());
				}	
				//ここにスペースないとなぜか動かなくなる　クソバグ
				XMLObjct.send(null);		
			}
			isDataLoaded = true;
		}
		
		if (arrSite != null && isDataLoaded)
		{				
			if (arrSite[0] != "")
			{
				var rnd = Math.floor(Math.random() * arrSite.length);//ランダムで出力する			
				if (tempSite != "")
				{				
					var tempInnerHTML = tempSite + divThumb.innerHTML;
					var arrInnerSite = tempInnerHTML.toLowerCase().split("</div>");
					var arrMax = document.getElementById("itemCount").value - 1;//divFirstThumbを一つ引く
					if (arrInnerSite.length >= arrMax)
					{
						tempInnerHTML = "";
						for (i=0;i < arrMax;i++)//>
						{
							tempInnerHTML += arrInnerSite[i] + "</div>";
						}						
					}
					divThumb.innerHTML = tempInnerHTML;
				}
				//"http://www.designlinkdatabase.net/datas/redirect.aspx?id="		
				divFirstThumb.innerHTML = "<div><a href=\"http://www.designlinkdatabase.net/datas/" + arrSite[rnd].split(";")[0] + "\" class=\"pic\" target=\"_blank\"><img src=\"http://www.designlinkdatabase.net/thumbnail/" + arrSite[rnd].split(";")[1] + ".png\" width=\"" + arrSite[rnd].split(";")[2] + "\" /></a></div>";
				tempSite = divFirstThumb.innerHTML;
			}
		}
}

//タイマーセット
function start_load(intR,intG,intB)
{			
		loadThumb(intR,intG,intB);		
		var sec = document.getElementById("sec").value;
		//alert(sec.match(/[0-9]+/g) == sec);
		if(sec.match(/[0-9]+/g) != sec)
		{ 
			sec = 1;
		}
		timer_id = setTimeout("start_load()",sec * 1000);
}


//タイマークリア
function clear_load()
{
	clearTimeout(timer_id);
}

//出力したものをクリア
function clear_Thumb()
{		
		divThumb.innerHTML = "";
		divFirstThumb.innerHTML = "";
		tempSite = "";					
}

//クリアボタンを押す
function Click_Clear()
{		
		clear_load();
		clear_Thumb();
		arrSite = null;
		isDataLoaded = false;
		
		if (isPlay)
		{
			GetRGBint();		
			start_load(0,0,0);			
		}
		else
		{
			clear_load();			
		}		
		
		document.getElementById("drgR").style.left = '1px';
		document.getElementById("drgG").style.left = '1px';
		document.getElementById("drgB").style.left = '1px';	
		document.getElementById("RGBText").innerHTML = "";
		document.getElementById("C16Text").innerHTML = "";
		document.getElementById("ColorSample").style.backgroundColor = "rgb(255,255,255)";		
}

//スタート・ストップ
function play_stop()
{
		divThumb = document.getElementById("ThumbnailClouds");
		divFirstThumb = document.getElementById("FirstThumbnail");		
		isPlay = !isPlay;
		if (isPlay)
		{
			GetRGBint();		
			start_load(intR,intG,intB);
			document.getElementById("play").value = "STOP";
			document.getElementById("play").style.fontWeight = "Normal";
		}
		else
		{
			clear_load();
			document.getElementById("play").value = "PLAY";
			document.getElementById("play").style.fontWeight = "Bold";
		}
}

function SetXMLObj()
{
	//XMLHttpRequestオブジェクトの取得	
	try
	{
		XMLObjct = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{		
		try
		{
			XMLObjct = new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(e)
		{
			XMLObjct = false;
		}
	}

	if (!XMLObjct && typeof XMLHttpRequest!='undefined')
	{
		XMLObjct = new XMLHttpRequest();
	}
}