/********************************************************************************************/
/* AJAX Simple Tabs by developersnippets, This code is intended for practice purposes.      */
/* You may use these functions as you wish, for commercial or non-commercial applications,  */
/* but please note that the author offers no guarantees to their usefulness, suitability or */
/* correctness, and accepts no liability for any losses caused by their use.                */
/********************************************************************************************/

var req;
function callPage(pageUrl, divElementId, loadinglMessage, pageErrorMessage) {
     //document.getElementById(divElementId).innerHTML = loadinglMessage;
	//document.getElementById(divElementId).style.display = "none";
	document.getElementById("tabs_msg_error").className = "msg_invisible";
	document.getElementById("tabs_msg_loading").className = "msg_visible";
	 
     try {
		req = new XMLHttpRequest(); /* e.g. Firefox */
     } catch(e) {
		try {
			req = new ActiveXObject("Msxml2.XMLHTTP");  /* some versions IE */
		} catch (e) {
			try {
				req = new ActiveXObject("Microsoft.XMLHTTP");  /* some versions IE */
			} catch (E) {
				req = false;
			} 
		} 
	}
	req.onreadystatechange = function() {responsefromServer(divElementId, pageErrorMessage);};
	req.open("GET",pageUrl,true);
	req.send(null);
}

function responsefromServer(divElementId, pageErrorMessage) {
	var output = '';
	if(req.readyState == 4) {
		document.getElementById("tabs_msg_loading").className = "msg_invisible";
		document.getElementById("tabs_msg_error").className = "msg_invisible";
		if(req.status == 200) {
			output = req.responseText;
			document.getElementById(divElementId).style.display = "block";
			document.getElementById(divElementId).innerHTML = output;
		} else {
			document.getElementById(divElementId).style.display = "none";
			document.getElementById("tabs_msg_error").className = "msg_visible";
			/* document.getElementById(divElementId).innerHTML = pageErrorMessage+"\n"+output; */
		}
	}
}
  
/* ######################################## */

var tabs_tab = 1;
var tabs_sno = 0;
var tab1type = "";

var tabs_sno_max = 2;

function activeTab(tab) {
	tabs_sno = 0;
	document.getElementById("tab1").className = document.getElementById("tab1").className.replace(new RegExp("_active\\b"),"");
	document.getElementById("tab2").className = document.getElementById("tab2").className.replace(new RegExp("_active\\b"),"");
	document.getElementById("tab"+tab).className += "_active";

	if(tab == 1) {
		tabs_tab = tab;
		callPage('tabs_inner.php?tab=1'+'&sno='+tabs_sno, 'tabs_content', '<div class="tabs_msg"><img src=\"tabs/images/loading.gif\" /> Oldal betöltése folyamatban...</div>', '<div class="tabs_msg">Hiba az oldal betöltése kozben <img src=\"tabs/images/error_caution.gif\" /></div>');
	} else if(tab == 2) {
		tabs_tab = tab;
		callPage('tabs_inner.php?tab=2'+'&sno='+tabs_sno, 'tabs_content', '<div class="tabs_msg"><img src=\"tabs/images/loading.gif\" /> Oldal betöltése folyamatban...</div>', '<div class="tabs_msg">Hiba az oldal betöltése kozben <img src=\"tabs/images/error_caution.gif\" /></div>');
	} else {
		tabs_tab = tab;		
		callPage('xxxxx.html', 'tabs_content', '<div class="tabs_msg"><img src=\"tabs/images/loading.gif\" /> Oldal betöltése folyamatban...</div>', '<div class="tabs_msg">Hiba az oldal betöltése kozben <img src=\"tabs/images/error_caution.gif\" /></div>');
	}
	createCookie('tabs_id_current',tabs_tab, 3);
}

function tabs_select_sno (new_sno) {
	callPage('tabs_inner.php?tab='+tabs_tab+'&sno='+new_sno, 'tabs_content', '<div class="tabs_msg"><img src=\"tabs/images/loading.gif\" /> Oldal betöltése folyamatban...</div>', '<div class="tabs_msg">Hiba az oldal betöltése kozben <img src=\"tabs/images/error_caution.gif\" /></div>');
}


function get_inc_tab_id () {
	tid = readCookie('tabs_id_current');
	if (tid) {
		tid = parseInt(tid) + 1;
		if (tid > tabs_sno_max) { tid = 1; }
	} else {
		tid = 1;
	}
	createCookie('tabs_id_current', tid, 3);
	return tid;
}