var headerbukutamu = '<div style="margin:0 4px 0 4px;padding-bottom:5px;border:none;"><center><a style="cursor:pointer" onclick="tambahbukutamu()"><img src="images/isibukutamu.gif" alt="add guestbook" title="header=[Klik Disini Untuk Mengisi Buku Tamu] body=[Silahkan Sampaikan Pesan,Kesan,Kritik dan Saran <br/>Maupun Pertanyaan Anda Melalui Buku Tamu ini..!!]"></a></center></div>';
document.getElementById('headerbukutamu').innerHTML = headerbukutamu;
loadingTextInterval = setInterval(function(){
		if (document.getElementById("ellipsis") && document.getElementById('load').style.display == 'block'){
			var dots = document.getElementById("ellipsis").innerHTML;
			document.getElementById("ellipsis").innerHTML = (dots != "...") ? dots += "." : "";
		}
	}, 500);
substrdata=function(vardata,maxdata){
var txt = vardata.substring(0,10);
if (vardata.length > maxdata) txt += '...';
return txt;
};
bukutamu=function(querystring){
boxloading('');
var request = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
	request.open("GET", 'mod/guestbook/guestbook_data.php?'+querystring, true);	
request.onreadystatechange = function(){
if (request.readyState == 4 && request.responseText != "" && request.status == 200){	
var auraCMS = eval("(" + request.responseText + ")");	
if (typeof auraCMS.bukutamuList != 'object'){
boxloading('');
document.getElementById('respon').innerHTML = '<center><div class="error">Buku Tamu Masih Kosong, Silahkan Jadi Yang Pertama !!</div></center>';
return;	
}
var html = '';
html += '<table style="width:100%" cellspacing="1" cellpadding="0"><tr><td width="30%" style="text-align:center;background:url(images/tablebg.gif);color:#6699CC;padding:5px;border-bottom:1px solid #D0D0D0;font-weight:bold;-moz-border-radius:5px 5px 0 0;">Nama dan Lokasi</td><td width="70%" style="text-align:center;background:url(images/tablebg.gif);color:#6699CC;padding:5px;border-bottom:1px solid #D0D0D0;font-weight:bold;-moz-border-radius:5px 5px 0 0;">Komentar</td></tr>';
var total = auraCMS.bukutamuList.length;

if (total > 0){
for (i=0;i<total;i++){
alamat = auraCMS.bukutamuList[i].alamat.length > 25 ? substrdata(auraCMS.bukutamuList[i].alamat,12) : auraCMS.bukutamuList[i].alamat;
html += '<tr style="border:1px solid #F2F2F2;padding:2px;background:#F3F7FB;">';
html += '<td width="30%" valign="top" style="border: 1px solid #F2F2F2;padding: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#F7FCFF url(images/bg-comment.gif) repeat-x center top;">';
html += '<a href="'+auraCMS.bukutamuList[i].homepage+'" target=_blank title="'+auraCMS.bukutamuList[i].homepage+'"><img src="images/tamu.gif" alt="tamu"/>&nbsp;<b>'+auraCMS.bukutamuList[i].nama+'</b></a><br/>';
html += '<a href="mailto:'+auraCMS.bukutamuList[i].email+'" title="'+auraCMS.bukutamuList[i].email+'"><img src="images/home.gif" alt="alamat"/>&nbsp;<b>'+alamat+'</b></a><br/>';
html += '<div class="gravatar"><img src="http://www.gravatar.com/avatar/'+auraCMS.bukutamuList[i].hash+'?s=60&amp;r=g&amp;d=http%3A%2F%2Fwww.himatansi.org%2Fimages%2Fbtgravatar.jpg" alt="gravatar"/><span></span></div>';
html += '</td>';
html += '<td width="70%" valign="top" style="background:#F7FCFF url(images/bg-comment.gif) repeat-x center top;border:1px solid #F2F2F2;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-align:justify;"><img src="images/gb_add.gif" alt="waktu kunjungan"/>&nbsp;'+auraCMS.bukutamuList[i].sekarang+' :<br/>'+auraCMS.bukutamuList[i].komentar+'';
if (auraCMS.bukutamuList[i].jawab != "") html += '<table width="100%"><p align="left"><span style="color:#FF7C7C;font-weight:bold;">himatansi:</span><br/><span style="color:#909090;text-align:justify;">'+auraCMS.bukutamuList[i].jawab+'</span></p></table>';
html += '</td></tr>';
}
}

html += '</table>';
if (auraCMS.paging != "") {html += '<center><div class="smallbody">'+auraCMS.paging+'</div></center>';}
html += '<div class="border" style="border:none;text-align:center;color:#CCC;">himatansi.org&nbsp;<sup>&reg;</sup><br/>Tasikmalaya-West Java-Indonesia<br/>&copy;2009</div>';
document.getElementById('respon').innerHTML = html;
document.getElementById('load').style.display = 'none';
}

};
request.send(null);	
};
attVal=function(element, attName) {
 return parseInt(element.getAttribute(attName));
};
limittxt=function (myform){
var myforms = document.getElementById(myform);
myforms.textarea  = document.getElementById('message');	
var maxlimit=attVal(myforms.textarea, 'maxlength');
var limited = maxlimit - myforms.textarea.value.length;
if (limited <= 0)  myforms.textarea.value = myforms.textarea.value.substring(0,maxlimit);
var limited = maxlimit - myforms.textarea.value.length;
document.getElementById('limiter').innerHTML = limited;
};
getFormValues = function (element){
var submitDisabledElements=false;
if(arguments.length > 1&&arguments[1]==true) submitDisabledElements=true;
var prefix="";
if(arguments.length > 2)prefix=arguments[2];
if("string"==typeof(element))element=element;
var aXml=new Array;
if(document.getElementById(element)){
	var formElements=document.getElementById(element).elements;
	for(var i=0;i < formElements.length;++i){
		var child=formElements[i];
		if(!child.name)continue;
		
		if(prefix!=child.name.substring(0,prefix.length))continue;
		if(child.type&&(child.type=='radio'||child.type=='checkbox')&&child.checked==false)continue;
		if((child.type=='checkbox' || child.type=='text')&&child.disabled==true)continue;
		if(child.type=='reset')continue;
		if(prefix!=child.name.substring(0,prefix.length))continue;
		var name=child.name;
		if(name){
			if(1 < aXml.length) aXml.push('&');
		if('select-multiple'==child.type){
			if(name.substr(name.length-2,2)!='[]') name+='[]';
			for(var j=0;j < child.length;++j){
				
					var option=child.options[j];
					if(true==option.selected){
						aXml.push(name);
						aXml.push("=");
						aXml.push(encodeURIComponent(option.value));
						aXml.push("&");
						}
					}
				}else{
					aXml.push(name);
					aXml.push("=");
					aXml.push(encodeURIComponent(child.value));
					}
			}
	}
			}

return aXml.join('');
};
simpan = function (a) {
	a.disabled = true;
	boxloading('Saving');
	var request = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
	request.open("POST", "mod/guestbook/guestbook_data.php?action=add&token="+Math.random(), true);
	request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	request.onreadystatechange = function(){
		if (request.readyState == 4){
			var auraCMSsimpan = eval("(" + request.responseText + ")");
			boxloading('Saving');
			if (typeof(auraCMSsimpan) == 'object'){
				
				if (auraCMSsimpan.error == true){
					
					
					Fat.fade_element("responseFade2",null,1000,'#FF3333');
					document.getElementById('responseFade').innerHTML = '<center><div class="error" id="responseFade2">'+auraCMSsimpan.pesanError+'</div></center>';
					document.getElementById('rahasia').innerHTML = '<img src="includes/code_image.php?math.rand='+Math.random()+'" border="1" alt="Security Code" />';
					a.disabled = false;
					
					
					}else {
					Fat.fade_element("responseFade2",null,1000,'#FF3333');	
					document.getElementById('responseFade').innerHTML = '<center><div class="sukses" id="responseFade2">Pesan Berhasil....!! Terimakasih Telah Mengisi Buku Tamu<br/>Dan Terimakasih Atas Kunjungannya Ke http://himatansi.org!<br/>Sering-Sering Mampir Ya.. ^_^ </div></center>';	
					
					var myforms = document.getElementById('myform').reset();
					setTimeout("bukutamu('')", 2000);	
					}

				

			}


				

		}
	}
;request.send(getFormValues('myform'));

};
tambahbukutamu=function (){
dhtmlLoadScript("js/fat.js");
var html = '<div id="responseFade"></div>';
html +='<blockquote><p><b>Aturan :</b><br/>- Kode html tidak diizinkan !<br/>- Dalam pengisian pesan, jika pindah baris baru gunakan <b>tombol ENTER</b>.</p></blockquote>';
html +='<div class="formstylish">';

html+= '<form id="myform" method="post" action="" name="myform" enctype="multipart/form-data"><table border="0" style="padding:5px" align="center" width=100%><tr><td valign="top">Nama</td><td valign="top">:</td><td valign="top"><input type="text" name="nama" style="width:300px" ></td></tr><tr><td valign="top">Email</td><td valign="top">:</td><td valign="top"><input type="text" name="email" style="width:300px" ></td></tr><tr><td valign="top">Website</td><td valign="top">:</td><td valign="top"><input type="text" name="homepage" style="width:300px" ></td></tr><tr><td valign="top">Lokasi</td><td valign="top">:</td><td valign="top"><input type="text" name="alamat" style="width:300px"></td></tr><tr><td valign="top">Pesan</td><td valign="top">:</td><td valign="top"><textarea rows="10" name="message" id="message"  style="width:300px" cols="20" maxlength="500" onkeyup="limittxt(\'myform\')""></textarea></td></tr><tr><td valign="top">Klik Emotions</td><td valign="top">:</td><td valign="top"><a onClick="addG(\':s1:\')"><img src="./smilies/s1.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s2:\')"><img src="./smilies/s2.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s3:\')"><img src="./smilies/s3.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s4:\')"><img src="./smilies/s4.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s5:\')"><img src="./smilies/s5.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s6:\')"><img src="./smilies/s6.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s7:\')"><img src="./smilies/s7.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s8:\')"><img src="./smilies/s8.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s9:\')"><img src="./smilies/s9.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s10:\')"><img src="./smilies/s10.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s11:\')"><img src="./smilies/s11.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s12:\')"><img src="./smilies/s12.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s13:\')"><img src="./smilies/s13.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s14:\')"><img src="./smilies/s14.gif" alt=""/>&nbsp;<a onClick="addG(\':s15:\')"><img src="./smilies/s15.gif" alt=""/></a><br/><a onClick="addG(\':s16:\')"><img src="./smilies/s16.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s17:\')"><img src="./smilies/s17.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s18:\')"><img src="./smilies/s18.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s19:\')"><img src="./smilies/s19.gif" alt=""/></a><a onClick="addG(\':s20:\')"><img src="./smilies/s20.gif" alt=""/></a><a onClick="addG(\':s21:\')"><img src="./smilies/s21.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s22:\')"><img src="./smilies/s22.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s23:\')"><img src="./smilies/s23.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s24:\')"><img src="./smilies/s24.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s25:\')"><img src="./smilies/s25.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s26:\')"><img src="./smilies/s26.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s27:\')"><img src="./smilies/s27.gif" alt=""/></a><br/><a onClick="addG(\':s28:\')"><img src="./smilies/s28.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s29:\')"><img src="./smilies/s29.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s30:\')"><img src="./smilies/s30.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s31:\')"><img src="./smilies/s31.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s32:\')"><img src="./smilies/s32.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s33:\')"><img src="./smilies/s33.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s34:\')"><img src="./smilies/s34.gif" alt=""/></a>&nbsp;<a onClick="addG(\':s35:\')"><img src="./smilies/s35.gif" alt=""/></a><a onClick="addG(\':s36:\')"><img src="./smilies/s36.gif" alt=""//></a><a onClick="addG(\':s37:\')"><img src="./smilies/s37.gif" alt=""//></a>&nbsp;</td></tr><tr><td valign="top"></td><td valign="top"></td><td valign="top"><span id="limiter" style="font-weight:bold;color:#FF8D8D"></span></td></tr>';

html+= '<tr><td valign="top">Kode Security</td><td valign="top">:</td><td valign="top"><span id="rahasia"><img src="includes/code_image.php?math.rand='+Math.random()+'" border="1" alt="Security Code" title="header=[Security Code (Chapta Image)] body=[Tuliskan kembali kode security kedalam textfield dibawah !]"/></span></td></tr><tr><td valign="top">Masukan Kode</td><td valign="top">:</td><td valign="top"><input type="text" name="gfx_check" style="width:90px" ></td></tr>';

html+= '<tr><td valign="top"></td><td valign="top"></td><td valign="top"></td></tr><tr><td valign="top"></td><td valign="top"></td><td valign="top"><input type="button" onclick="limittxt(\'myform\');simpan(this);" name="submit" value="Kirim" class="button" id="buttonsubmit"> <input type="button" value="Batal" class="button" onclick="bukutamu(\'\')"></td></tr></table></form>';
html +='<b>&nbsp;&nbsp;Cancel : Ctrl + z</b></div>';
html +='<div class="border" style="border:none;text-align:center;color:#CCC;">himatansi.org&nbsp;<sup>&reg;</sup><br/>Tasikmalaya-West Java-Indonesia<br/>&copy;2009</div>';		
document.getElementById('respon').innerHTML = html;	
document.getElementById('myform').onkeydown = function(evt){
evt = (evt) ? evt : event;
if (evt.ctrlKey && evt.keyCode == 90){
bukutamu('');
return false;
}

};

boxloading('');
var request = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
	request.open("GET", 'mod/guestbook/guestbook_data.php?action=setting', true);	
request.onreadystatechange = function(){
if (request.readyState == 4 && request.responseText != "" && request.status == 200){	
var auraCMS = eval("(" + request.responseText + ")");	
if (typeof auraCMS.bukutamuList != 'object'){
document.getElementById('myform').message.setAttribute('maxlength',500);
}
document.getElementById('myform').message.setAttribute('maxlength',auraCMS.char);
boxloading('');
}

};
request.send(null);
};

boxloading=function(pesan){

var posisi_top = 0;
if (navigator.appName == "Microsoft Internet Explorer")
	{
		posisi_top = parseInt(document.documentElement.scrollTop + (screen.height/3));
	}
	else
	{
		posisi_top = parseInt(window.pageYOffset + (screen.height/3));
	}
var lebar = pesan.length * 6 + 40;
document.getElementById('load').style.width = lebar + 'px';
document.getElementById('load').style.top = posisi_top + 'px';
document.getElementById('load').style.display = document.getElementById('load').style.display == 'none' ? 'block' : 'none';	
document.getElementById('loadmessage').innerHTML = pesan;
};
dhtmlLoadScript=function(url)
   {
      var e = document.createElement("script");
	  e.src = url;
	  e.type="text/javascript";
	  document.getElementsByTagName("head")[0].appendChild(e);	  
   };
