sfHover = function() {
	var sfEls = document.getElementById("cat-nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" hover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" hover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

function easySlide(parentID,tagName,indexInput){
	var element 	= document.getElementById(parentID).getElementsByTagName(tagName);
	if(element.length > 1){
		var iElement	= document.getElementById(indexInput);
		var curIndex	= iElement.value;
		if(curIndex == ""){
			curIndex ="0";
		}
		curIndex = parseInt(curIndex);
		element[curIndex].style.display = 'none';
		
		curIndex+=1;
		if(curIndex>=element.length) {curIndex = 0};
		
		element[curIndex].style.display = 'block';
		iElement.value = curIndex;
		
		setTimeout("easySlide('"+parentID+"','"+tagName+"','"+indexInput+"')",2000);
	
	} else if(element.length == 1){
		element[0].style.display = 'block';
	}
}

function setOpacity(obj,opacity)
{
	if(opacity>99)
	{
		opacity =99;
	}

	obj.style.opacity = opacity/100;
	obj.style.MozOpacity = opacity/100;
	obj.style.filter = 'alpha(opacity=' + (opacity) + ')';
}


function easySlideFade(parentID,tagName,indexInput){
	var element 	= document.getElementById(parentID).getElementsByTagName(tagName);
	if(element.length > 1){
		var iElement	= document.getElementById(indexInput);
		var iValue		= iElement.value;
		if(iValue == ""){
			iValue = (element.length-1)+"|100";
		}
		var iTemp		= iValue.split('|');
		var eOpacity	= parseInt(iTemp[1]);
		var curIndex	= parseInt(iTemp[0]);
		var nextIndex	= curIndex+1;
		if(nextIndex>=element.length) {nextIndex = 0};
		
		element[curIndex].style.display = 'block';
		element[nextIndex].style.display = 'block';
		
		eOpacity = eOpacity-5;
		if(eOpacity > 0){
			ropacity = 100-eOpacity;
			setOpacity(element[curIndex],eOpacity);
			setOpacity(element[nextIndex],ropacity);
			setTimeout("easySlideFade('"+parentID+"','"+tagName+"','"+indexInput+"')",30);
		} else {
			element[curIndex].style.display = 'none';
			curIndex = nextIndex;
			eOpacity=100;
			setTimeout("easySlideFade('"+parentID+"','"+tagName+"','"+indexInput+"')",4000);
		}
		
		iElement.value = curIndex+"|"+eOpacity;
	
	} else if(element.length == 1){
		element[0].style.display = 'block';
	}
}

function show(id) {
	var element = document.getElementById(id);
	element.style.display = 'block';
}


function hide(id) {
	var element = document.getElementById(id);
	element.style.display = 'none';
}

function showDomain(){
	showFade('dom-ext');
}

var opacity = 0; 
function showFade(id){
	var el = document.getElementById(id);
	if(opacity==-100){
		opacity = 0;
	}
	show(id);
	opacity += 5;
	setOpacity(el,opacity);
	if(opacity < 99){
		setTimeout("showFade('"+id+"')",30);
	} else {
		opacity = -100;
	}
}

function hideFade(id){
	var el = document.getElementById(id);
	if(opacity==-100){
		opacity = 100;
	}
	opacity -= 5;
	if(opacity > 0){
		setOpacity(el,opacity);
		setTimeout("hideFade('"+id+"')",20);
	}else{
		opacity=0;
		hide(id);
	}
}

function hideDomain(){
	var el = document.getElementById('dom-ext');
	if(opacity==-100){
		opacity = 99;
	}
	opacity -= 5;
	if(opacity > 0){
		setOpacity(el,opacity);
		setTimeout('hideDomain()',20);
	}else{
		opacity=0;
		hide('dom-ext');
	}
}

function htmlDomain(id,ext){
	var html	= "<ul>";
	for(i=0;i<ext.length;i++){
		html +='<li><a href="javascript:void(0);" onclick="changeDomain(\''+ext[i]+'\')">'+ext[i]+'</a></li>';
	}
	html = html+'</ul>';
	setHTML(id,html);
}

function changeDomain(ext){
	var el = document.getElementById('tldtop');
	el.value = ext;
	hideDomain();
}

function setHTML(id,html){
	var el 	= document.getElementById(id);
	el.innerHTML = html;
}

function setValue(id,value){
	var el 	= document.getElementById(id);
	el.value = value;
}

var accordion_id = 0;
function accordion(parentID,tagName,tagName2,tagName3,abbr){
	var element 	= document.getElementById(parentID).getElementsByTagName(tagName);
	var triggers	= new Array();
	var heights		= new Array();
	
	for(i=0;i<element.length;i++){
		var t = element[i].getElementsByTagName(tagName2);
		var r = element[i].getElementsByTagName(tagName3);
		triggers[i] = t[0];
		heights[i]	= r[0].offsetHeight;
		r[0].id = abbr+"_"+i;
		r[0].style.display = "none";
	}
	
	for(i=0;i<triggers.length;i++){
		triggers[i].xid = i;
		triggers[i].onclick = function(){
			var j = this.xid;
			if(j != accordion_id){
				var old_id = abbr+"_"+accordion_id;
				rollUp(old_id,heights[j]);
				
				var new_id = abbr+"_"+j; 
				rollDown(new_id,heights[j]);
				
				accordion_id = j;
			}
		}
	}
	
	var temp_id = abbr+"_"+accordion_id; 
	var starter	= document.getElementById(temp_id);
	starter.style.display= "block";
}

function rollUp(id,maxHeight){
	var el 	= document.getElementById(id);
	var h 	= el.offsetHeight;
	var dev	= parseInt(maxHeight/10);
	el.style.padding 	= "0"; 
	el.style.overflow 	= "hidden";
	h = h - dev;
	if(h>0){
		el.style.height = h+"px"; 
		setTimeout("rollUp('"+id+"','"+maxHeight+"')",10);
	} else {
		el.style.display = 'none';
		el.style.height = "0px"; 
	}
}

function rollDown(id,maxHeight){
	var el 	= document.getElementById(id);
	var h 	= el.offsetHeight;
	var dev	= parseInt(maxHeight/10);
	
	el.style.display = 'block';
	if(h<=maxHeight){
		h = h + dev;
		el.style.height = h+"px"; 
		setTimeout("rollDown('"+id+"','"+maxHeight+"')",10);
	}
}

function selectOrderType(index){
	for(var i=0; i<3;i++){
		el = document.getElementById('box_'+i);
		if(i==index){
			el.style.display = 'block';
		} else {
			el.style.display = 'none';
		}
	}
}

function check_domain(form, notifyID, ID, type){
	var f = eval('document.' + form);
	var domain = eval('f.' + (type == 'transfer' ? 'transdomain':'domain') + ID + '.value.toLowerCase()');
	var tld = eval('f.' + (type == 'transfer' ? 'transtld':'tld') + ID + '.value.toLowerCase()');
	var kelas = notifyID == 'o-msg' ? 'ajax-loading':'ajax-loading2';
	
	if( domain == '' ){
		$(notifyID).empty().setStyle('display', 'block').removeClass(kelas).setHTML('<span style="color: #af0000;">Nama Domain tidak boleh kosong.</span>');
		return false;
	}
	
	if( domain.length > 63 || /\s+/.test( domain ) || /^-/.test( domain ) || /-$/.test( domain ) || /[^a-zA-Z0-9-]/.test( domain ) || /["."]$/.test( domain ) ){
		$(notifyID).empty().setStyle('display', 'block').removeClass(kelas).setHTML('<span style="color: #af0000;">Nama domain yang Anda pilih tidak valid.</span>');
		return false;
	}
	
	$(notifyID).empty().setStyle('display', 'block').addClass(kelas).setHTML('Memeriksa domain&hellip;');
	
	var domainname = domain + '.' + tld;
	
	var url = baseurl + 'index.php/whois/index/' + domain + '/' + tld + '/' + form + '/' + type + '/' + $time();
	var fn = function(){
		$(notifyID).removeClass(kelas);
	}
	new Ajax(url, {
		method: 'get',
		update: notifyID,
		onComplete: fn,
		evalScripts: true
	}).request();
}

function checking_form(){
	var f = document.order_form;
	var domainbaru = $('domain_baru');
	var hostingsaja = $('hosting_saja');
	var transferdomain = $('transfer_domain');
	var checkdomain = f.checkdomain.value;
	var checkeddomain = f.checkeddomain.value;
	var checktransdomain = f.checktransdomain.value;
	var checkedtransdomain = f.checkedtransdomain.value;	
	
	if( domainbaru.checked == true ){
		var domain = f.domain.value.toLowerCase();
		var tld = f.tld.value.toLowerCase();
		var domainname = domain + '.' + tld;
		if( checkdomain == '0' || domainname != checkeddomain ){
			check_domain('order_form', 'order-notify-domain', '', ''); return false;
		}
	}

	if( hostingsaja.checked == true ){
		var domain = f.extdomain.value.toLowerCase();
		var tld = f.exttld.value.toLowerCase();		
		var domainname = domain + '.' + tld;
		if( domain == '' ){
			$('order-notify-extdomain').empty().setStyle('display', 'block').setHTML('<span style="color: #af0000;">Nama Domain tidak boleh kosong.</span>');
			return false;
		}
		if( tld == '' ){
			$('order-notify-extdomain').empty().setStyle('display', 'block').setHTML('<span style="color: #af0000;">Extension Domain tidak boleh kosong.</span>');
			return false;
		}		
	}

	if( transferdomain.checked == true ){
		var domain = f.transdomain.value.toLowerCase();
		var tld = f.transtld.value.toLowerCase();		
		var epp = f.transeppcode.value;
		var domainname = domain + '.' + tld;

		if( domain == '' ){
			$('order-notify-transdomain').empty().setStyle('display', 'block').setHTML('<span style="color: #af0000;">Nama Domain tidak boleh kosong.</span>');
			return false;
		}
		if( epp == '' ){
			$('order-notify-transdomain').empty().setStyle('display', 'block').setHTML('<span style="color: #af0000;">EPP Code Domain tidak boleh kosong.</span>');
			return false;
		}
		
		if( checktransdomain == '0' || domainname != checkedtransdomain ){
			check_domain('order_form', 'order-notify-transdomain', '', 'transfer'); return false;
		}
	}

	return true;
}

function research_domain(){
	$('header_form').setStyle('display','block');
	$('notify').setStyle('display','none');
}

function submitTestimonial(){
	var options = {};
	var update = 'testi-notify';
	$(update).setStyle('display','block');
	$(update).setHTML('<div class="notify-content"><img src="/images/loading.gif" alt="" />&nbsp;&nbsp;Harap Menunggu ...</div>');	
	options['evalScripts'] 	= true;
	options['update'] 		= update;
	$('testimonial_form').send(options);
}

function login(){
	var loginusr = $('loginemail').value;
	var loginpass = $('loginpass').value;
	
	if( loginusr == '' || loginpass == '' ){
		$('login-notify').empty().addClass('warning-msg').setHTML('Silahkan masukkan Email dan Password Anda.');
		return false;
	}
	
	$('login-notify').empty().addClass('warning-msg ajax-loading2').setHTML('Silahkan tunggu&hellip;');
	
	var fn = function(){
		$('login-notify').removeClass('ajax-loading2');
	}
	
	var options = {};
	options['evalScripts'] 	= true;
	options['update'] 		= 'login-notify';
	options['onComplete'] 	= fn;
	$('login_form').send(options);
}

function addElement(i) {
	var max = 10;
	if(i <= max) {
	  i++;
	  var divIdName = 'document'+i+'ID';
	  if(document.getElementById(divIdName) == null) {
		  var doc = document.getElementById('document');
		  var newdiv = document.createElement('div');
		  newdiv.setAttribute('id',divIdName);
		  newdiv.innerHTML = '<input type=file name="document'+ i +'" size="40" onchange="addElement('+i+');" />';
		  doc.appendChild(newdiv);
		  document.getElementById('totalfile').value++;
	  }
	}
}