var DL, DT, top=0, left=0;
var isIE=(window.attachEvent && !window.opera);

	
	// gmail code
	var Ka=navigator.userAgent.toLowerCase();
	var rt=Ka.indexOf("opera")!=-1;
	var r=Ka.indexOf("msie")!=-1&&(document.all&&!rt);
	
	function myAttachEvent(a,b,c){if(r){a.attachEvent("on"+b,c)}else{a.addEventListener(b,c,false)}}



function getViewPoint(){
  if(window.pageXOffset){DL=window.pageXOffset;}
  else if(document.documentElement&&document.documentElement.scrollLeft){
    DL=document.documentElement.scrollLeft;}
  else if(document.body){DL=document.body.scrollLeft;}
  
  if(window.pageYOffset){DT=window.pageYOffset;}
  else if(document.documentElement&&document.documentElement.scrollTop){
    DT=document.documentElement.scrollTop;}
  else if(document.body){DT=document.body.scrollTop;}
}




var viewportwidth;
 var viewportheight;
 
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
 
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth;
      viewportheight = window.innerHeight;
 }
 
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
 else if (typeof document.documentElement != 'undefined'    && typeof document.documentElement.clientWidth !=     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth;
       viewportheight = document.documentElement.clientHeight;
 }
 
 // older versions of IE
 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
       viewportheight = document.getElementsByTagName('body')[0].clientHeight;
 }
 
 
 
 function funLogoOver(obj){

	
				
	img=obj.src;


	
	 /* add image */
	if(!$('imgLargePreview')){
		var imgLargePreview = document.createElement('img');
		imgLargePreview.id = "imgLargePreview";
		/*imgLargePreview.style.display= "none";*/

		imgLargePreview.style.position = 'absolute';
		
		imgLargePreview.style.borderStyle = "solid";
		imgLargePreview.style.borderColor = "#000000";
		imgLargePreview.style.borderWidth = '1px';
		imgLargePreview.style.zIndex = "1";
		document.body.appendChild(imgLargePreview);
	
	}else{
		
		imgLargePreview=$("imgLargePreview");
	}	
	imgLargePreview.src="";
	imgLargePreview.src=img;
	imgLargePreview.style.display="";
	
	
	obj.style.display="block";

	var obj_left=getXCoord(obj)+obj.offsetWidth/2;
	var obj_top=getYCoord(obj)+obj.offsetHeight/2;
	
	
	new_left=getXCoord(obj)+obj.offsetWidth+5;
	new_top=obj_top  - imgLargePreview.offsetHeight/2;
	 
/*	new_left=obj_left - imgLargePreview.offsetWidth/2;
	new_top=obj_top  - imgLargePreview.offsetHeight/2;
*/
	imgLargePreview.style.left=new_left+"px";
	imgLargePreview.style.top=new_top+"px";

	obj.style.display="";


	myAttachEvent(obj,"mouseout",function(){
			imgLargePreview.style.display="none";
		}
	)
	
		
	myAttachEvent(imgLargePreview,"mouseout",function(){
			imgLargePreview.style.display="none";
		}
	)
	
	return false;	
}



 


function notifyLeft( input_message) {


	var i = Math.round(100*Math.random());
	var div_message = document.createElement('div');
	
	var div_id='notifyLeft_'+i;

	div_message.id = div_id;
	
	div_message.className = 'notifyLeft';
	div_message.style.position = 'absolute';
	
	getViewPoint(); // DL DT

	div_message.style.left=DL +'px';

	div_message.style.top =DT+'px';
	

	
	
	div_message.style.zIndex = "10";
	
	div_message.style.display = "none";

		
		
	div_message.innerHTML = input_message; // content
		
	myAttachEvent(div_message,'click', function(){ document.body.removeChild( $(div_id));  } );  // add click event
		
		
	document.body.appendChild(div_message);	


	Effect.Appear(div_id, { duration: 1});
	
	setTimeout(
	
		function(){
		
		
		if ($(div_id) ){
			var xEffect = Effect.Fade(div_id, { from: 1.0, to: 0.0, duration:2.0, queue: 'front' } );
		}

			setTimeout(
			
				function(){
					/*document.body.removeChild( $('div_id')  );*/

					if ($(div_id) ){
						document.body.removeChild( $(div_id)  );
					}
			
			
				}
			
			,3000);	
			 
		}
	
	,2000);
	


	
}


function notifyCenter( input_message,type) {
	var class_name="notifyCenter";

	if(type==null){
	
	}else if(type==1){
		class_name="notifyCenter1";
	}
	
	var i = Math.round(100*Math.random());
	var div_message = document.createElement('div');
	
	var div_id='notifyCenter_'+i;

	div_message.id = div_id;
	
	div_message.className = class_name;
	div_message.style.position = 'absolute';
	
	
/*div_message.style.width =500+'px';*/
/*/div_message.style.width =(getBrowserWidth()-300)+'px';*/
	
	
	div_message.style.zIndex = "10";
	
	
	document.body.appendChild(div_message);	

/*	div_message.style.display = "hidden";*/

		
		
	div_message.innerHTML = input_message; // content

	myAttachEvent(div_message ,'click', function(){ document.body.removeChild( $(div_id));  } );  // add click event
		

	

	getViewPoint(); // DL DT
	div_message.style.left=getXCoord($('spanPosCenter'))-($(div_id).offsetWidth/2) +'px';
	div_message.style.top =DT+(viewportheight/2)-($(div_id).offsetHeight)-120+'px';
	
	div_message.style.display = "none";
	Effect.Appear(div_id, { duration: 0});
	
	setTimeout(
	
		function(){
		
		
		if ($(div_id) ){
			var xEffect = Effect.Fade(div_id, { from: 1.0, to: 0.0, duration:2.0, queue: 'front' } );
			
		}

			setTimeout(
			
				function(){

					if ($(div_id) ){
						document.body.removeChild( $(div_id)  );
					}
			
			
				}
			
			,3000);	
			 
		}
	
	,3000);
	

	
}





function notify(obj, input_message) {
	var i = Math.round(100*Math.random());

	var div_message = document.createElement('div');
	var div_id='message_box_'+i;

	div_message.id = div_id;
	
	div_message.className = 'message_box';
	div_message.style.position = 'absolute';
	
	div_message.style.left = -5+ obj.offsetWidth+(getXCoord(obj)+0)+'px';
	div_message.style.top = -10+(getYCoord(obj)+0)+'px';
	

	div_message.style.zIndex = "10";
	
	div_message.style.display = "none";
	
	
	div_message.innerHTML = input_message; // content

	document.body.appendChild(div_message);

	
	
	
	Effect.Appear(div_id, { duration: 0.3});
	
	setTimeout(
	
		function(){
		
		if ($(div_id) ){
			var xEffect= Effect.Fade(div_id, { duration: 0.3} );
		 }
		 
		/* document.body.removeChild($(div_id));*/


		
			setTimeout(
			
				function(){
					/*document.body.removeChild( $('div_id')  );*/

					if ($(div_id) ){
						document.body.removeChild( $(div_id)  );
					}
			
				}
			
			,3000);	
			 
		}
	
	,2000);



}






function getXCoord(el) {
	x = 0;
	while(el){
		x += el.offsetLeft;
		el = el.offsetParent;
	}
	return x;
}
function getYCoord(el) {
	y = 0;
	while(el){
		y += el.offsetTop;
		el = el.offsetParent;
	}
	return y;
}


function funOpen(){
		var visitorID=$("visitorOption").value;
		if(visitorID!=""){
			window.open("http://www.xanga.com/"+ visitorID);
		}
	}
	
	function funInit(m,k){
	

		inputList = document.getElementsByTagName("input");
		var j=0;
		$("spanTotalOfXanga").innerHTML=m;
		$("spanTotalOfGuest").innerHTML=k;
		$("spanTotalOfVisitor").innerHTML=parseInt(parseInt(m)+parseInt(k));
		
		for (var i=0; i<inputList.length; i++) {
			
			if(inputList[i].getAttribute("name")=="selectRecord[]" ){
				j++;
				
				inputList[i].checked=false;	

			}
		}
		
	}
		
		
		
		
	function funConfirm(action){
	
		if(action=="update"){
			if(window.confirm("更新所有備註？")){	
				$("action").value="update";
				$("updateRecord").submit();		
			}
		}
		
		
		if(action=="delectSelected"){
			if(window.confirm("刪除已選的記錄？")){	
				
				$("action").value="delete";
				$("updateRecord").submit();
				j=0;
				k=0;
				inputList = document.getElementsByTagName("input");
				for (var i=0; i<inputList.length; i++) {
					
					if(inputList[i].getAttribute("name")=="selectRecord[]" ){
						j++;
						
						if(inputList[i].checked==true){
							$("rows"+j).style.display="none";
							k++;
						}
						
					}
	
				}
				
				notifyCenter("已刪除 "+k+" 個已選的記錄。");
				$("spanTotalOfRecord").innerHTML=""+(parseInt($("spanTotalOfRecord").innerHTML)-k);
						
				
			}
		}
		


		if(action=="deleteVisitor"){
			if(window.confirm("刪除已選的訪客?")){	
				
				document.getElementById("action").value="deleteVisitor";
				document.getElementById("updateRecord").submit();
				j=0;
				k=0;
				inputList = document.getElementsByTagName("input");
				for (var i=0; i<inputList.length; i++) {
					
					if(inputList[i].getAttribute("name")=="selectRecord[]" ){
						j++;
						
						if(inputList[i].checked==true){
							document.getElementById("rows"+j).style.display="none";
							k++;
						}
						
					}
	
				}
				
				
				notifyCenter("已刪除 "+k+" 個訪客。");
				/*document.getElementById("spanTotalOfVisitor").innerHTML=""+(parseInt(document.getElementById("spanTotalOfVisitor").innerHTML)-k);*/
						
				
			}
		}



		
		if(action=="deleteAll"){
			if(window.confirm("刪除所有記錄？")){
				$("btnDeleteAllRecord").disabled=true;	
				$("action").value="deleteAll";
				$("updateRecord").submit();
				
				
				j=0;
				k=0;
				inputList = document.getElementsByTagName("input");
				for (var i=0; i<inputList.length; i++) {
					
					if(inputList[i].getAttribute("name")=="selectRecord[]" ){
						j++;
						
						$("rows"+j).style.display="none";	
					}

				}		
								
				notifyCenter("已刪除所有記錄。");
				
			}
		}		
		

		if(action=="deleteAllGuest"){
			if(window.confirm("刪除沒帳戶的記錄？")){
				$("btnDeleteAllGuest").disabled=true;	
				$("action").value="deleteAllGuest";
				$("updateRecord").submit();
				
					notifyCenter("已刪除所有沒帳戶的記錄。");
					
					window.setTimeout(function(){
						
						window.parent.document.location=window.parent.document.location
					},1000);
			}
		}		
		
		return false;		
	}
	





	var selectAllClicked=false;
	function selectAll(){
		inputList = document.getElementsByTagName("input");
		
		
		if(selectAllClicked==true){
			checkedValue=false;
			selectAllClicked=false;
		
			$("chkSelectAll").checked=false;

		}else{
			checkedValue=true;
			selectAllClicked=true;
			
			$("chkSelectAll").checked=true;
		}
		
		var j=0;
		for (var i=0; i<inputList.length; i++) {
			
			if(inputList[i].getAttribute("name")=="selectRecord[]" ){
				j++;
				
				inputList[i].checked=checkedValue;	
				
				if(checkedValue==true){
					$("rows"+j).style.backgroundImage="url(images/red_bg.jpg)";

				}else{
				
					if(j%2==0){
						rowsColor="#fefefe";
					}else{
						rowsColor="#F8F8F8";
					}

					$("rows"+j).style.background=rowsColor;
				}
				
			}
		}
	}
	
	function funRowsClick(id){

		if($("checkbox"+id).checked==false){
			$("checkbox"+id).checked=true;
			

			$("rows"+id).style.backgroundImage="url(images/red_bg.jpg)";

			



		}else{
		
			if(id%2==0){
				rowsColor="#fefefe";
			}else{
				rowsColor="#F8F8F8";
			}
			
			$("checkbox"+id).checked=false;
			$("rows"+id).style.background=rowsColor;
		}
		
	}
	
	function funRowsOver(id){

				 

		if($("checkbox"+id).checked==false){
			/*$("rows"+id).style.background="#95FF9F";*/
			$("rows"+id).style.backgroundImage="url(images/green_bg.jpg)";
		}
		//alert($("checkbox"+id))
	}
	
	function funRowsOut(id){
		if(id%2==0){
			rowsColor="#fefefe";
		}else{
			rowsColor="#F8F8F8";
		}
			
		if($("checkbox"+id).checked==false){
			$("rows"+id).style.background=rowsColor;
		}
	}
	
	
	
	

	var remarkIsLoaded=false;
	function funLoadRemark(remarkID){
		//alert(remarkText);
		if(remarkIsLoaded==false){
			$("remarkDisplayArea"+remarkID).style.display="none";
			$("remarkEditArea"+remarkID).style.display="inline";
			
			
			$("remarkText"+remarkID).value=$("remarkDisplay"+remarkID).innerHTML;
			
			if($("remarkText"+remarkID).value.indexOf("?? ")>=0){
				$("remarkText"+remarkID).value="";
			}
			
			//$("remarkText"+remarkID).select();
			$("remarkText"+remarkID).focus();
			remarkIsLoaded=true;
		}

	}


	
	function funSaveRemark(remarkID,guestID,guestIP){
			
		remarkIsLoaded=false;
		var displayText="??????";
		//alert(remarkID+","+guestID);
		$("remarkEditArea"+remarkID).style.display="none";
		$("remarkDisplayArea"+remarkID).style.display="";
		
		remarkText=$("remarkText"+remarkID).value;
	
		oldRemark =$("remarkDisplay"+remarkID).innerHTML;


	
		if(remarkText==""){
			//$("remarkDisplay"+remarkID).innerHTML="aa";
			$("remarkDisplay"+remarkID).innerHTML="備註 "+$("guestID"+remarkID).innerHTML;
			//alert($("guestID"+remarkID).innerHTML);
		}else{
		
			$("remarkDisplay"+remarkID).innerHTML=remarkText;
		}

		
		
		
		spanList = document.getElementsByTagName("span");
				
		for (var i=0; i<spanList.length; i++) {	
			//alert(spanList[i].innerHTML);
			if(spanList[i].innerHTML==oldRemark){
				
				if(remarkText==""){
					spanList[i].innerHTML="備註 "+$("guestID"+remarkID).innerHTML;
				}else{
					spanList[i].innerHTML=remarkText;
				}
			}

						
		}
		
		
		inputList = document.getElementsByTagName("input");
				
		for (var i=0; i<inputList.length; i++) {	
			
			if(inputList[i].value==oldRemark){
				inputList[i].value=remarkText;
			}
			
		}
		
	//alert(oldRemark.indexOf("??")+","+remarkText);
	//alert(oldRemark);
		if(oldRemark.indexOf("??")>=0 && remarkText==""){
			
		}
		
		if(remarkText!=""){
			$("imgSaveRemark").src="saveSetting.php?fieldName=remark&id="+guestID+"&ip="+guestIP+"&value="+remarkText;
			notify($("remarkDisplayArea"+remarkID), "訪客備註已儲存。");
			
			
			/*notifyCenter("訪客備註已儲存。");*/
			
		}
		
		if(remarkText==""){
			$("imgSaveRemark").src="saveSetting.php?fieldName=remark&id="+guestID+"&ip="+guestIP+"&value="+remarkText;
			//alert("delete");
		}	
		//window.open($("imgSaveRemark").src);
	
	}
	
	
	
	function funCancelRemark(remarkID){
		remarkIsLoaded=false;
		
		$("remarkEditArea"+remarkID).style.display="none";
		$("remarkDisplayArea"+remarkID).style.display="inline";

	}
	
	
	/*
	function funSetVisitor(rowID,xangaID,xangaLogo){
		
		$("remarkDisplayArea"+rowID).innerHTML="<a href=\'http://www.xanga.com/"+xangaID+"\' target=\'_blank\' >"+xangaID+"<\/a>";
						
		$("guestID"+rowID).innerHTML="<a href=\'http://www.xanga.com/'"+xangaID+"'\' target=\'_blank\' ><img  class=\'logo\' border=\'1\' width=\'40\' height=\'35\'  src=\'"+xangaLogo+"\'  "+xangaLogo+" s&#39;xanga\'><\/a>";
		
	}
	*/