// JavaScript Document
/*Add Function to Windows Event Load*/
addEvent(window,'load',lblControler);
addEvent(window,'load',fixHeightContainers);
addEvent(window,'load',applyRoundBorders);

if(navigator.appVersion.indexOf('MSIE 6')!=-1){
	addEvent(window,'load',initOverList);
	addEvent(window,'load',applyPNGFilters);
}

/* round borders */
function applyRoundBorders(){
	var rLinks = getElementsByClassName(document, "ul", "right-links");
	for(var i=0;i<rLinks.length;i++){
		var LIs = rLinks[i].childNodes;
		for(var j=0;j<LIs.length;j++){
			if(LIs[j].tagName == 'LI'){
				LIs[j].innerHTML+='<span class="rl-tleft"></span>';
				LIs[j].innerHTML+='<span class="rl-tright"></span>';
				LIs[j].innerHTML+='<span class="rl-bleft"></span>';
				LIs[j].innerHTML+='<span class="rl-bright"></span>';
			}
		}
	}
}

/* for height of columns */
function fixHeightContainers() {
	var rowBoxes = getElementsByClassName(document, "div", "table-row");
	for(var i=0;i<rowBoxes.length;i++){
		var divs = new Array();			
		for(var j=0; j < rowBoxes[i].childNodes.length; j++){
			if(rowBoxes[i].childNodes[j].tagName == "DIV"){
				divs.push(rowBoxes[i].childNodes[j]);
			}
		}
		if(divs.length>1){
			setTall(divs);
		}
	}
}
function setTall() {	
		divs = arguments[0];
		// Let's determine the maximum height out of all columns specified
		var maxHeight = 0;
		for (var i = 0; i < divs.length; i++) {
			if (divs[i].offsetHeight > maxHeight) maxHeight = divs[i].offsetHeight;
		}
		
		for (var i = 0; i < divs.length; i++) {
			divs[i].style.height = maxHeight + 'px';
			
			if (divs[i].offsetHeight > maxHeight) {
				divs[i].style.height = (maxHeight - (divs[i].offsetHeight - maxHeight)) + 'px';
				
			}
			
		}
}

/* for PNG Images in IE 6 */
function applyPNGFilters(){
	if( navigator.appVersion.indexOf('MSIE 6')!=-1 && document.body.filters){
		for(var i=0; i<document.images.length; i++) {
			var img = document.images[i];
			var imgName = img.src.toUpperCase()
			if (imgName.substring(imgName.length-3, imgName.length) == "PNG"){
				var imgID = (img.id) ? "id='" + img.id + "' " : "";
				var imgClass = (img.className) ? "class='" + img.className + "' " : "";
				var imgTitle = (img.title) ? 'title="' + img.title + '" ' : 'title="' + img.alt + '" ';
				var imgStyle = "display:inline-block;" + img.style.cssText;
				if (img.align == "left") imgStyle = "float:left;" + imgStyle;
				if (img.align == "right") imgStyle = "float:right;" + imgStyle;
				if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle;
				var strNewHTML = "<span " + imgID + imgClass + imgTitle
				+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
				+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
				+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>";
				img.outerHTML = strNewHTML;
				i = i-1;
			}
		}
	}
} 

/* for LI event hover*/
/*var navMainLI = 'country';*/
function initOverList(){
   if(!document.getElementsByTagName) return;
   var LIs, listItem;
	/*var nav = document.getElementById(navMainLI);*/
	var topNav = document.getElementsByTagName('LI');
   for(var i=0; i < topNav.length; i++) {
		var liItem = topNav[i];
      if(liItem!=null){
			liItem.onmouseover=function(){
				if(this.className!=null){
					this.className+=' hover';
				}else{
					this.className='hover';
				}
			}
			liItem.onmouseout=function(){
				this.className=this.className.replace('hover','');
			};
      }		
		//console.debug("%d %o %o", i, liItem, aTag);
   }
}

//http://www.alistapart.com/articles/makingcompactformsmoreaccessible
function initOverLabels () {
  if (!document.getElementById) return;     

  var labels, id, field;

  // Set focus and blur handlers to hide and show 
  // LABELs with 'overlabel' class names.
  labels = document.getElementsByTagName('label');
  //console.debug("labels", labels);
  for (var i = 0; i < labels.length; i++) {
    //console.debug("over label found %b",(labels[i].className.indexOf('overlabel') == 0) );
    if (labels[i].className.indexOf('overlabel ') == 0) {

      // Skip labels that do not have a named association
      // with another field.
      id = labels[i].htmlFor || labels[i].getAttribute('for');
      if (!id || !(field = document.getElementById(id))) {
        continue;
      }

      // Change the applied class to hover the label 
      // over the form field.
	  //console.debug("before find and replace: %s",labels[i].className);
      labels[i].className = labels[i].className.replace('overlabel','overlabel-apply');
	  //console.debug("after replace: %s",labels[i].className);
	  
      // Hide any fields having an initial value.
      if (field.value !== '') {
        hideLabel(field.getAttribute('id'), true);
      }

      // Set handlers to show and hide labels.
      field.onfocus = function () {
        hideLabel(this.getAttribute('id'), true);
      };
      field.onblur = function () {
        if (this.value === '') {
          hideLabel(this.getAttribute('id'), false);
        }
      };

      // Handle clicks to LABEL elements (for Safari).
      labels[i].onclick = function () {
        var id, field;
        id = this.getAttribute('for');
        if (id && (field = document.getElementById(id))) {
          field.focus();
        }
      };

    }
  }
};

function hideLabel (field_id, hide) {
  var field_for;
  var labels = document.getElementsByTagName('label');
  for (var i = 0; i < labels.length; i++) {
    field_for = labels[i].htmlFor || labels[i].getAttribute('for');
    if (field_for == field_id) {
      labels[i].style.textIndent = (hide) ? '-2000px' : '0px';
      return true;
    }
  }
}

var loaded = false;
function lblControler()
{
	if(!loaded) 
	{ initOverLabels(); 
		loaded = true;
	}
	setTimeout(initOverLabels, 100);
}

// firebug degradiation
if (! ("console" in window) || !("firebug" in console)) {
    var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", "group"
                 , "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
    window.console = {};
    for (var i = 0; i <names.length; ++i) window.console[names[i]] = function() {};
}

// utility functions 
function endBubble(evt)
{
    if(evt.cancelBubble == false){ 
        evt.cancelBubble = true; 
        evt.returnValue = false;
        
     }
	 if (evt.stopPropagation) {
	    evt.stopPropagation(); 
	    evt.preventDefault();
    	
	 }
}

/**
 * This function allows the programmer to retrieve objects biased on the class name you 
 * want to retrieve. Similar to the GetElementByID and GetElementByTagName.
 * @member UtilNS
 * @param {object} oElm The object you want to search, could be a whole document or something more specific.
 * @param {string} strTagName The string containing the name of the tag name i.e. "a", "div", "span" what ever the class name is attached to.
 * If no tag is given it will search all elements.
 * @param {string} strClassName The string containing the class name you're searching for
 * @returns An array filled with the class names found in the search
 * @type Array
 * {@link  http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/#more-256 getElementsByClassName} Utility Function
 */


function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && document.all)? document.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;
}

function addEvent(_target,_event,_function){
	if (_target.addEventListener)
		_target.addEventListener(_event, _function, false );
	else{
		_target.attachEvent('on'+_event, _function);
		ieModel = true;	
	}	
}