/**
 * @author umxprime
 */


function init()
{
	addListener(get("jpo_cambrai_out"),"mouseover",show,false);
	addListener(get("jpo_cambrai_over"),"mouseout",hide,false);
	addListener(get("jpo_dunkerque_out"),"mouseover",show,false);
	addListener(get("jpo_dunkerque_over"),"mouseout",hide,false);
	addListener(get("jpo_tourcoing_out"),"mouseover",show,false);
	addListener(get("jpo_tourcoing_over"),"mouseout",hide,false);
	addListener(get("jpo_valenciennes_out"),"mouseover",show,false);
	addListener(get("jpo_valenciennes_over"),"mouseout",hide,false);
}

function getCssValue(tagRef,element) {
  var tag = document.all(tagRef);
  var value= tag.style[element];
  if(value==null || value=='' || value=='undefined'){
    var aClass = tag.id;
    var cssRules = 'cssRules';
    for (var sSheet=0; sSheet < document.styleSheets.length; sSheet++){
      for (var rule=0; rule < document.styleSheets[sSheet][cssRules].length; rule++) {
	    var currentClass = document.styleSheets[sSheet][cssRules][rule].selectorText;
        if (currentClass == aClass) {
          return document.styleSheets[sSheet][cssRules][rule].style[element];
        }
      }
    }
  }
  return  value;
}

function setCssValue(tagRef,element,value)
{
	var tag = get(tagRef);
	var aClass = "#"+tag.id;
	var cssRules = 'cssRules';
	for (var sSheet=0; sSheet < document.styleSheets.length; sSheet++){
		for (var rule=0; rule < document.styleSheets[sSheet][cssRules].length; rule++) {
			var currentClass = document.styleSheets[sSheet][cssRules][rule].selectorText;
			if (currentClass == aClass) {
				document.styleSheets[sSheet][cssRules][rule].style[element] = value;
			}
		}
	}
}

function get(id)
{
	return document.getElementById(id);
}

function addListener(element, type, expression, bubbling)
{
	bubbling = bubbling || false;

	if (window.addEventListener) { // Standard
		return element.addEventListener(type, expression, bubbling);
	} else if (window.attachEvent) { // IE
		return element.attachEvent('on' + type, expression);
	} else
		return false;
}

function show(evt)
{
	var id = evt.target.id.split("_");
	var nid = id[0]+"_"+id[1];
	get(nid+"_out").className = "hide";
	//setCssValue(nid+"_out","width","10px");
	get(nid+"_over").className = "show";
}

function hide(evt)
{
	var id = evt.target.id.split("_");
	var nid = id[0]+"_"+id[1];
	get(nid+"_over").className = "hide";
	get(nid+"_out").className = "show";
}

addListener(window, "load", init, true);