/********************************************************************************************/
/* 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 loadPage(pageUrl, divElementId, loadinglMessage, pageErrorMessage) {
     document.getElementById(divElementId).innerHTML = loadinglMessage;
     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) {
      if(req.status == 200) {
         output = req.responseText;
         document.getElementById(divElementId).innerHTML = output;
         } else {
         document.getElementById(divElementId).innerHTML = pageErrorMessage+"\n"+output;
         }
      }
  }
  
/* This Function is for Menu Links */
function fetchData(linkId)
	{   
		$('#hidFile').val(linkId);
		loadPage(linkId, 'container', '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="100" align="center" valign="middle"><div align="center"><img src=\"images/loader.gif\" /></div><div align="center" id="loading">LOADING</div></td></tr></table>', '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="100" align="center" valign="middle"><div align="center" id="loading">Error in loading page. Please refresh again.</div></td></tr></table>');
}

function fetchData2(linkId)
	{   
		$('#hidFile').val(linkId);
		loadPage(linkId, 'subcontainer', '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="100" align="center" valign="middle"><div align="center"><img src=\"images/loader.gif\" /></div><div align="center" id="loading">LOADING</div></td></tr></table>', '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td height="100" align="center" valign="middle"><div align="center" id="loading">Error in loading page. Please refresh again.</div></td></tr></table>');
}

function buttonMouseOver(obj, name)
{
	$(obj).attr('src', 'images/button/after/' + name + '.jpg');
}

function buttonMouseOut(obj, name)
{
	if ($(obj).hasClass('selected')) $(obj).attr('src', 'images/button/after/' + name + '.jpg');
	else $(obj).attr('src', 'images/button/before/' + name + '.jpg');
}

function buttonClick(obj, name)
{
	if (editing == false)
	{
		$('.top_buttons').removeClass('selected');
		$('.top_buttons').each(function() 
		{
			$(this).attr('src', $(this).attr('src').replace('after', 'before'));
		});
		$(obj).addClass('selected');
		$(obj).attr('src', 'images/button/after/' + name + '.jpg');
		fetchData(name + ".php");
	}
	else
	{
		alert("Please save or discard the changes before seeing another page.");
	}
}