var headerbukutamu = '<div class="border"><center><img src="images/banner_guestbook.gif"></center></div><div class="border" style="text-align:right;"><img src="images/home.ico" align="absmiddle"><a href="#" onclick="bukutamu(\'\')">Beranda</a> | <img src="mod/guestbook/images/write_gb.png" align="absmiddle"><a style="cursor:pointer" onclick="tambahbukutamu()">Tulis Buku Tamu</a></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('Loading');
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('Loading');
document.getElementById('respon').innerHTML = '<div class="error"><b>Info :</b><br>No data yet...!</div>';
return;	
}
var html = '';
html += '<div class="border"><table style="width:100%" cellspacing="1" cellpadding="0"><tr><td width="30%" style="border: 1px solid #f2f2f2;padding: 8px;background-color: #f2f2f2;" align="center"><img src="mod/guestbook/images/sender.png"><br><b>Pengirim</b></td><td width="70%" style="border: 1px solid #f2f2f2;padding: 8px;background-color: #f2f2f2;" align="center"><img src="mod/guestbook/images/message.png"><br><b>Pesan Anda</b></td></tr>';
var total = auraCMS.bukutamuList.length;

if (total > 0){
for (i=0;i<total;i++){
alamat = auraCMS.bukutamuList[i].alamat.length > 80 ? substrdata(auraCMS.bukutamuList[i].alamat,80) : auraCMS.bukutamuList[i].alamat;
html += '<tr style="border: 1px solid #f2f2f2;padding: 5px;">';
html += '<td width="30%" valign="center" style="border: 1px solid #f2f2f2;padding: 5px;text-align:center;">';
html += '<img alt="" src="http://www.gravatar.com/avatar/'+auraCMS.bukutamuList[i].gravatar+'?s=32&amp;d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&amp;r=G" class="avatar" height="39" width="39" border="0"><br><b><a title="'+auraCMS.bukutamuList[i].email+'">'+auraCMS.bukutamuList[i].nama+'</a></b><br>';
html += ''+alamat+'<br><a href="'+auraCMS.bukutamuList[i].homepage+'" target=_blank title="'+auraCMS.bukutamuList[i].homepage+'"><img src="mod/guestbook/images/Web.png" border="0"></a>&nbsp;<A href="mailto:'+auraCMS.bukutamuList[i].email+'" title="'+auraCMS.bukutamuList[i].email+'"><img src="mod/guestbook/images/email.png" border="0"></A>';
html += '</td><td width="70%" valign="top" style="border: 1px solid #f2f2f2;padding: 5px;"><span style="color:#E9A002;">Posted On : '+auraCMS.bukutamuList[i].sekarang+'</span><br>'+auraCMS.bukutamuList[i].komentar+'<br>';
if (auraCMS.bukutamuList[i].jawab != "") html += '<p><table><tr><td valign="top" align=center><img src="mod/guestbook/images/reply.png"></td><td><span style="color:#ED6705;"><b>Tanggapan :</b><br>'+auraCMS.bukutamuList[i].jawab+'</span></td></tr></table>';
html += '</td></tr>';
}
}

html += '</table></div>';
if (auraCMS.paging != "") {html += '<div class="border">'+auraCMS.paging+'</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 = '<div id="responseFade2">'+auraCMSsimpan.pesanError+'</div>';
					document.getElementById('rahasia').innerHTML = '<img src="includes/code_image.php" border="1" alt="Security Code" />';
					a.disabled = false;
					
					
					}else {
					Fat.fade_element("responseFade2",null,1000,'#FF3333');	
					document.getElementById('responseFade').innerHTML = '<div class="sukses" id="responseFade2"><b>Thank you...</b><br>Your message has been saved!</div>';	
					
					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 +='<div class="border">';
html+= '<form id="myform" method="post" action="" name="myform"><table style="width:100%" cellspacing="3" cellpadding="0">';
html+= '<tr><td valign="top">Nama</td><td valign="top">:</td><td valign="top"><input type="text" name="nama" size="25" /></td></tr>';
html+= '<tr><td valign="top">E-mail</td><td valign="top">:</td><td valign="top"><input type="text" name="email" size="25" /></td></tr>';
html+= '<tr><td valign="top">Website/Blog</td><td valign="top">:</td><td valign="top"><input type="text" name="homepage" size="25" /></td></tr>';
html+= '<tr><td valign="top">Alamat (kota)</td><td valign="top">:</td><td valign="top"><input type="text" name="alamat" size="40" /></td></tr>';
html+= '<tr><td valign="top">Pesan Anda</td><td valign="top">:</td><td valign="top"><textarea rows="5" name="message" id="message"  cols="35" maxlength="500" onkeyup="limittxt(\'myform\')""></textarea></td></tr>';
html+= '<tr><td valign="top"></td><td valign="top"></td><td valign="top"><span id="limiter" style="font-weight:bold"></span></td></tr>';
html+= '<tr><td valign="top">Security Code</td><td valign="top">:</td><td valign="top"> <span id="rahasia"><img src="includes/code_image.php" border="1" alt="Security Code"></span></td></tr><tr><td valign="top">Type Code</td><td valign="top">:</td><td valign="top"><input type="text" name="gfx_check" size="10"></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="Save" id="buttonsubmit"> <input type="button" value="Cancel" onclick="bukutamu(\'\')"></td></tr></table></form>';
html +='</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('Loading');
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('Loading');
}

};
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);	  
   };
