var xmlHttptab = buatObjekXmlHttptab();
var idNow = "tabsad";
var id = new Array;
var judul = new Array;
var img = new Array;

function buatObjekXmlHttptab(){
	//var obj = null;
	//if (window.XMLHttpRequest)obj = new XMLHttpRequest();
	//return obj;
	
    var http_request = false;
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
         	// set type accordingly to anticipated content type
            //http_request.overrideMimeType('text/xml');
            http_request.overrideMimeType('text/html');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
	  return http_request;
}

function ambilDataTab (sumberData, idElemen){
	var obj = document.getElementById(idElemen);
	obj.innerHTML = "<center><img src='mod/tabber/load.gif' height='150'></center>";
	if (xmlHttptab != null){
		xmlHttptab.open("GET", sumberData, true);
		xmlHttptab.onreadystatechange = function (){
			if (xmlHttptab.readyState == 4 && xmlHttptab.status == 200){
				var txt = xmlHttptab.responseText;
				obj.innerHTML = txt;
			}
		}
	xmlHttptab.send(null);
	}
}


function ambilDataTabAdd (sumberData, idElemen){
	var obj = document.getElementById(idElemen);
	if (xmlHttptab != null){
		xmlHttptab.open("GET", sumberData, true);
		xmlHttptab.onreadystatechange = function (){
			if (xmlHttptab.readyState == 4 && xmlHttptab.status == 200){
				var txt = xmlHttptab.responseText;
				showAdd(txt);
			}
		}
	xmlHttptab.send(null);
	}
}

var id = new Array();
var judul = new Array();
var img = new Array();
var tgl = new Array();

function showAdd(txt){


	txts = txt.split(";");
	ii = 0;
	for (i=0; i<(txts.length-1); i+=4){
		id[ii] = txts[i]
		ii++;
	}
	ii = 0;
	for (i=1; i<(txts.length-1); i+=4){
		judul[ii] = txts[i];
		ii++;
	}
	ii = 0;
	for (i=2; i<(txts.length-1); i+=4){
		img[ii] = txts[i];
		ii++;
	}
	ii = 0;
	for (i=3; i<(txts.length-1); i+=4){
		tgl[ii] = txts[i];
		ii++;
	}
	txthasil = "";
	
	return txthasil;
}

var index = 0;
function showAddSlide(){
	var obj = document.getElementById("tabsmain");
	if (idNow == "tabsad"){
		if (img.length == 0){
			obj.innerHTML = "<center><img src='mod/tabber/load.gif' height='150'></center>";
		}
		else {
			var IE = document.all?true:false;
			if (true){
				txthasil = "";
				txthasil = "<div id='tabber_main' style='postiton:absolute;overflow:hidden;height:250px;background:#484848;text-align:center'>";
				txthasil += "<img style='position:relative;top:0px;left:0px' src='"+img[index]+"'>";
				txthasil += "<div id='tabber_judul' style='position:absolute;top:10px;left:10px;height:50px;width:423px;background:#000000;text-align:center'></div>";
				txthasil += "<div id='tgl' style='position:absolute;top:10px;left:10px;height:20px;width:250px;background:#ffffff;text-align:center;color:#000000;border:1px solid #000000''>"+tgl[index]+"</div>";
				txthasil += "<div id='tabber_border' style='position:absolute;top:10px;left:10px;height:228px;width:400px;border:5px solid #CFCFCF'></div>";
				txthasil += "<div id='tabber_judul2' style='position:absolute;top:10px;left:10px;height:50px;width:423px;text-align:center'><a style='color:#ffffff'  href='article-"+id[index]+"-000.html'><h4>"+judul[index]+"</h4></a></div>";
				txthasil += "<div id='tabber_index' style='position:absolute;top:10px;left:10px'>";
				txthasil += "<div id='index1' style='position:relative;height:20px;width:20px;background:#FFFFFF;text-align:center;margin:5px;font-weight:bold;border:1px solid #000000'><a href='javascript:index=0;counter=0;showAddSlide();' style='color:#000000'> 1 </a></div>";
				txthasil += "<div id='index2' style='position:relative;height:20px;width:20px;background:#FFFFFF;text-align:center;margin:5px;font-weight:bold;border:1px solid #000000'><a href='javascript:index=1;counter=0;showAddSlide();' style='color:#000000'> 2 </a></div>";
				txthasil += "<div id='index3' style='position:relative;height:20px;width:20px;background:#FFFFFF;text-align:center;margin:5px;font-weight:bold;border:1px solid #000000'><a href='javascript:index=2;counter=0;showAddSlide();' style='color:#000000'> 3 </a></div>";
				txthasil += "<div id='index4' style='position:relative;height:20px;width:20px;background:#FFFFFF;text-align:center;margin:5px;font-weight:bold;border:1px solid #000000'><a href='javascript:index=3;counter=0;showAddSlide();' style='color:#000000'> 4 </a></div>";
				txthasil += "<div id='index5' style='position:relative;height:20px;width:20px;background:#FFFFFF;text-align:center;margin:5px;font-weight:bold;border:1px solid #000000'><a href='javascript:index=4;counter=0;showAddSlide();' style='color:#000000'> 5 </a></div>";
				txthasil += "</div>";
				txthasil += "</div>";
				obj.innerHTML = txthasil;
				
				document.getElementById("tabber_judul").style.top = document.getElementById("tabber_main").offsetTop + 200 +"px";
				document.getElementById("tabber_judul").style.left = document.getElementById("tabber_main").offsetLeft + 0 +"px";
				document.getElementById("tabber_judul").style.opacity = 0.7;
				
				document.getElementById("tgl").style.top = document.getElementById("tabber_main").offsetTop + 17 +"px";
				document.getElementById("tgl").style.left = document.getElementById("tabber_main").offsetLeft + 153 +"px";
				document.getElementById("tgl").style.opacity = 0.5;
				
				document.getElementById("tabber_judul2").style.top = document.getElementById("tabber_main").offsetTop + 200 +"px";
				document.getElementById("tabber_judul2").style.left = document.getElementById("tabber_main").offsetLeft + 0 +"px";
				document.getElementById("tabber_judul2").style.opacity = 1.0;
				
				document.getElementById("tabber_border").style.top = document.getElementById("tabber_main").offsetTop + 6 +"px";
				document.getElementById("tabber_border").style.left = document.getElementById("tabber_main").offsetLeft + 6 +"px";
				document.getElementById("tabber_border").style.width = document.getElementById("tabber_main").style.width +400+ "px";
				document.getElementById("tabber_border").style.opacity = 0.4;
				
				document.getElementById("tabber_index").style.top = document.getElementById("tabber_main").offsetTop + 12 +"px";
				document.getElementById("tabber_index").style.left = document.getElementById("tabber_main").offsetLeft + 12 +"px";
				
				if (index == 0){
					document.getElementById("index1").style.opacity = 1;
					document.getElementById("index2").style.opacity = 0.3;
					document.getElementById("index3").style.opacity = 0.3;
					document.getElementById("index4").style.opacity = 0.3;
					document.getElementById("index5").style.opacity = 0.3;
				} else if (index == 1) {
					document.getElementById("index1").style.opacity = 0.3;
					document.getElementById("index2").style.opacity = 1;
					document.getElementById("index3").style.opacity = 0.3;
					document.getElementById("index4").style.opacity = 0.3;
					document.getElementById("index5").style.opacity = 0.3;
				} else if (index == 2) {
					document.getElementById("index1").style.opacity = 0.3;
					document.getElementById("index2").style.opacity = 0.3;
					document.getElementById("index3").style.opacity = 1;
					document.getElementById("index4").style.opacity = 0.3;
					document.getElementById("index5").style.opacity = 0.3;
				} else if (index == 3) {
					document.getElementById("index1").style.opacity = 0.3;
					document.getElementById("index2").style.opacity = 0.3;
					document.getElementById("index3").style.opacity = 0.3;
					document.getElementById("index4").style.opacity = 1;
					document.getElementById("index5").style.opacity = 0.3;
				} else if (index == 4) {
					document.getElementById("index1").style.opacity = 0.3;
					document.getElementById("index2").style.opacity = 0.3;
					document.getElementById("index3").style.opacity = 0.3;
					document.getElementById("index4").style.opacity = 0.3;
					document.getElementById("index5").style.opacity = 1;
				} else {
				}
			}
			else {
				txthasil = "<center>konten tidak dapat ditampilkan<br /><img src='images/browser-48x48.png' /></center>";
				obj.innerHTML = txthasil;
			}
		}
	}
	if (index < 4){
		index++;
	}
	else {
		index = 0;
	}
}

function getRand(awl,akh){
	rand = Math.floor(Math.random() * 10);
	awal = (10 / (akh-awl));
	hasil = Math.round(rand / awal);
	return hasil;
}

function tabsshow (id){

	if (id == "tabsad"){
		var obj = document.getElementById("tabsmain");
		obj.innerHTML = "<center><img src='mod/tabber/load.gif' height='150'></center>";
		idNow = id;
		document.getElementById("tabsad").className = "current";
		document.getElementById("tabslastp").className = "normal";
		document.getElementById("tabslastc").className = "normal";
		document.getElementById("tabsadlink").blur();
		
		ambilDataTabAdd("mod/tabber/feed.php?do=ad", "tabsmain");
		//document.getElementById("tabsmain").innerHTML = "tabsadd";
		//setTimeout("showSlideShow()", 5000);
	}
	else if (id=="tabslastp"){
		idNow = id;
		document.getElementById("tabsad").className = "normal";
		document.getElementById("tabslastp").className = "current";
		document.getElementById("tabslastc").className = "normal";
		document.getElementById("tabslastplink").blur();
		
		ambilDataTab("mod/tabber/feed.php?do=p", "tabsmain");
		//document.getElementById("tabsmain").innerHTML = "tabslastp";
	}
	else if (id=="tabslastc"){
		idNow = id;
		document.getElementById("tabsad").className = "normal";
		document.getElementById("tabslastp").className = "normal";
		document.getElementById("tabslastc").className = "current";
		document.getElementById("tabslastclink").blur();
		
		ambilDataTab("mod/tabber/feed.php?do=c", "tabsmain");
		//document.getElementById("tabsmain").innerHTML = "tabslastc";
	}
	else {
	}
}

tabsshow("tabsad");

var counter = 0;
function showAddSlideTimer(){
	if (counter >= 5){
		showAddSlide();
		counter = 0;
	}
	counter ++;
	setTimeout("showAddSlideTimer()",800)
}

showAddSlideTimer();