/*
  Developed by Huy Van: hvan021@gmail.com
*/
function showHideElement(elementID, countryID) {
    
    hideElement("intro");
    
  //var elementList = getElementsByClassName("category_wrapper");  
  //hide all category detailed contents
  var elementList = getElementsByClassName(document.getElementById("main_wrapper"),"div", "category_wrapper");
  for (var i = 0; i< elementList.length; i++){    
    elementList[i].style.display = 'none';
  }
  //hide all country titles
  var countryList = getElementsByClassName(document.getElementById("main_wrapper"),"div", "country");
  for (var i = 0; i< countryList.length; i++){    
    countryList[i].style.display = 'none';
  }
  var activeCountry = document.getElementById(countryID);
  activeCountry.style.display = 'block';  
  var activeElem = document.getElementById(elementID);
  activeElem.style.display = 'block';
}

function hideElement(elementID){
     document.getElementById(elementID).style.display = 'none';
}

/*
    Written by Jonathan Snook, http://www.snook.ca/jonathan
    Add-ons by Robert Nyman, http://www.robertnyman.com
*/
function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }   
    }
    return (arrReturnElements)
}

/*


To get all a elements in the document with a “info-links” class.
    getElementsByClassName(document, "a", "info-links");
To get all div elements within the element named “container”, with a “col” class.
    getElementsByClassName(document.getElementById("container"), "div", "col"); 
To get all elements within in the document with a “click-me” class.
    getElementsByClassName(document, "*", "click-me"); 

*/


function printDate(){
    var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
    var monthNames = new Array("January","February","March","April","May","June","July",
                               "August","September","October","November","December");
    var dt = new Date();
    var y  = dt.getYear();
    // Y2K compliant
    if (y < 1000) y +=1900;
    return "test";
    //return (dayNames[dt.getDay()] + ", " + monthNames[dt.getMonth()] + " " + dt.getDate() + ", " + y);
    document.write(dayNames[dt.getDay()] + ", " + monthNames[dt.getMonth()] + " " + dt.getDate() + ", " + y);
    //document.getElementById("datetime").value = (dayNames[dt.getDay()] + ", " + monthNames[dt.getMonth()] + " " + dt.getDate() + ", " + y);
}


///
/// show or hide (toggle) element by its ID
///
function showHideElementID(elementID)
{
    var theElement;
    // get the element
	if (document.getElementById)
    {
        theElement = document.getElementById(elementID).style;
    }
	else if (document.all)
    {
        theElement = document.all[elementID].style;
    }
	else if (document.layers)
    {
        theElement = document.layers[elementID];
    }
    
    //display or show the element
	if (theElement.display=='none')
    {
        theElement.display = 'block';
    }
	else
    {
		theElement.display = 'none';
    }
}
