nowork = Array();


// ****************

// **   下準備   **

// ****************

 calendar="no value";
var nmonth;
var pmonth;

nowork.push(new Array('12/24/2007','0','9','00','14','00'));
nowork.push(new Array('1/1/2008','0','9','00','14','00'));
nowork.push(new Array('1/2/2008','0','9','00','14','00'));
nowork.push(new Array('1/3/2008','0','9','00','14','00'));
nowork.push(new Array('12/31/2007','1','10','00','17','00'));
nowork.push(new Array('12/25/2007','0','9','00','14','00'));
nowork.push(new Array('7/4/2008','0','9','00','14','00'));



function drawCalender(_month)

{



if(!(_month))

_month = 0;



myMonthTbl= new Array(31,28,31,30,31,30,31,31,30,31,30,31);



myDate    = new Date();          

tempDate = new Date();

myDate.setTime(tempDate.getTime()+tempDate.getTimezoneOffset()*60*1000-25200000+_month*60*60*24*myMonthTbl[myDate.getMonth()]*1000);                 

  			

					   // 今日の日付データ取得

myWeekTbl = new Array("S","M","T","W","T","F","S");  // 曜日テーブル定義

// 月テーブル定義

myYear = myDate.getYear();                                 // 下２桁の西暦取得

myYear = (myYear<2000) ? (1900+myYear) : (myYear);         // ４桁の西暦に変換

if (((myYear%4)==0 && (myYear%100)!=0) || (myYear%400)==0) // うるう年だったら...

   myMonthTbl[1] = 29;                                     // 　２月を２９日とする

myMonth = myDate.getMonth();  

                             // 月を取得(0月?11月)

myToday = myDate.getDate();                                // 今日の'日'を退避

myDate.setDate(1);                                         // 日付を'１日'に変えて、

myWeek = myDate.getDay();                                  // 　'１日'の曜日を取得

myTblLine = Math.ceil((myWeek+myMonthTbl[myMonth])/7);     // カレンダーの行数

myTable   = new Array(7*myTblLine);                        // 表のセル数分定義



for(i=0; i<7*myTblLine; i++) myTable[i]="　";              // myTableを掃除する

for(i=0; i<myMonthTbl[myMonth]; i++)myTable[i+myWeek]=i+1; // 日付を埋め込む



 calendar = "<table border='0' cellspacing='0' width='100%'  bgcolor='#33865c' style='color:#33865c;cursor:default;' ";
    calendar += "bordercolor='#808080' ";
    calendar += "bordercolordark='#000000' ";
    calendar += "bordercolorlight='#C0C0C0'>";
    calendar += "<tr><td colspan='7' bgcolor='#ffffff' align='center'>";
    //
    calendar += "<span onclick='drawCalender("+(_month-1)+")'> <<--　</span><strong>"+myYear+ "/"+ (myMonth+1)+ "</strong>";
    calendar += "<span onclick='drawCalender("+(_month+1)+")'> -->></span></td></tr>";
    calendar += "<tr>";
    
for(i=0; i<7; i++){                                        // 一行(１週間)ループ

  calendar+="<td align='center' ";

   if(i==0)calendar+="bgcolor='#98C2AC' style='color:#FFFFFF'>";           // 日曜のセルの色

   else    calendar+="bgcolor='#98C2AC' style='color:#FFFFFF'>";           // 月?土のセルの色

   calendar+="<strong>"+myWeekTbl[i]+"</strong>";    // '日'から'土'の表示

   calendar+="</td>";

}



calendar += "</tr>";



for(i=0; i<myTblLine; i++){                                // 表の「行」のループ

  calendar += "<tr>";                               // 行の開始

   for(j=0; j<7; j++){                                     // 表の「列」のループ

      myDat = myTable[j+(i*7)];

	  wholeDate = (myMonth+1)+"/"+myDat+"/"+myYear;                           // 書きこむ内容の取得

	   calendar +="<td align='center' id='"+wholeDate+"' onmouseover=\"Mover('"+wholeDate+"');\" onmouseout= \"Mout();\" onclick=\"clicked('"+wholeDate+"');\" ";               // 列(セル)の作成

      if (myDat==myToday && _month==0) calendar +="bgcolor='#669999' style='color:#ffffff'>"; // 今日のセルの色

      else if(j==1)  	calendar +="bgcolor='#ffffff' style='color:#FF1100' >";

	  	

	// 月曜のセルの色

      else               calendar +="bgcolor='#ffffff'>"; // 平日のセルの色

      calendar +=myDat;        // 日付セット

       calendar +="</td>";                             // 列(セル)の終わり

   }

     calendar +="</tr>";                                // 行の終わり

}

  calendar +="</table><span  style='color:#FF1100'>*</span><span style='font-size:10px;color:#666666'>Close</span>";  // 表の終わり


document.getElementById('calendar1').innerHTML = calendar;
  compare();                       

}



function compare()

{

	

	for(i=0;i<nowork.length;i++)

	{
		if(document.getElementById(nowork[i][0]))
        {
		var temp = document.getElementById(nowork[i][0]);
		var tempTime = document.getElementById('_time');
			
		if(temp)
		{
			if(nowork[i][1]==1)
            {
			temp.style.color= "#FF9900";
           temp.style.font = "bolder";
            }
			else
            {
			temp.style.color= "#FF1100";
             
            }
		}
		else 
		 temp.style.color = "#33865c";

		}
	}

	

}


myID = "_time";                  // DIVタグで付けたID
myX = 8;            // カーソル先端から少しずらす(X座標)
myY = 16;           // カーソル先端から少しずらす(Y座標)

function myGetBrowser(){            // ブラウザを判断する
   myOP = (navigator.userAgent.indexOf("Opera",0) != -1)?1:0; //OP
   myN6 = document.getElementById;  // N6 or IE
   myIE = document.all;             // IE
   myN4 = document.layers;          // N4

   if (myOP){                          // OP?
      document.onmouseover = myMoveOP;
   }else if (myIE){                    // IE?
      document.onmouseover = myMoveIE;
   }else if (myN6){                    // N6?
      window.addEventListener("mousemove",myMoveN6,true);
   }else if (myN4){                    // N4?
      window.captureEvents(Event.MOUSEMOVE);
      window.onmouseover = myMoveN4;
   }
}

function myMoveOP(){ // OPでマウスが動いた
  myObj=document.getElementById(myID).style;
  myObj.left = myX + window.event.clientX + "px";
  myObj.top  = myY + window.event.clientY + "px";
}
function myMoveN6(myEvent){  // N6でマウスが動いた
  myObj=document.getElementById(myID).style;
  myObj.left = myX + myEvent.clientX + window.pageXOffset + "px";
  myObj.top  = myY + myEvent.clientY + window.pageYOffset + "px";
}
function myMoveIE(){ // IEでマウスが動いた
  myObj=document.all[myID].style;
  myObj.left = myX + window.event.clientX + document.body.scrollLeft + "px";
  myObj.top  = myY + window.event.clientY + document.body.scrollTop + "px";
}
function myMoveN4(myEvent){ // N4でマウスが動いた
  myObj=document[myID];
  myObj.left = myX + myEvent.x ;
  myObj.top  = myY + myEvent.y ;
}




function compNewDate(text)

{

	if(document.getElementById(text))

		{

			if(document.getElementById(text).style.color)

			document.getElementById(text).style.color = "#33865c";

			 else

			 document.getElementById(text).style.color= "#FF9900";

		}

}


function clicked(_date)
{
	document.changeDate.style.display = "block";
	document.changeDate.sub_date.value = _date;
	
	
}

function Mover(_date)
{
	for(var i=0;i<nowork.length;i++)

	{

		var temp = document.getElementById(nowork[i][0]);
		var tempTime = document.getElementById('_time');
			
		if(nowork[i][0] == _date && nowork[i][1]==1)
		{
				
				 tempTime.innerHTML = "Open:<br /> "+nowork[i][2]+":"+nowork[i][3]+"<br />";
				tempTime.innerHTML += "Close:<br /> "+nowork[i][4]+":"+nowork[i][5];
				 
				tempTime.style.display = "block";
				break;
		}
	}
	
	
}

function Mout()
{
	var tempTime = document.getElementById('_time');
	tempTime.style.display = "none";
}

function  checkCheckbox()
{
	if(document.changeDate.sub_change.checked == true)
		document.getElementById("Change").style.display = "block";
	else
		document.getElementById("Change").style.display = "none";
}


function printCalendar(place)
{

document.getElementById(place).innerHTML = calendar;
}