var activer = 'sr0'
var activem = 'sm0'
var route = 'sr0'
var map = 'sm0'
var focus = 'fm0'
var url = ''
var country = ''
var ID = ''
var osLeft = ''
var osTop = ''
var mapActive = ''
function stopRKey(evt) {
	if(document.getElementById('srCity') != null) {
		var evt = (evt) ? evt : ((event) ? event : null);
		var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
		var cityVal = document.getElementById('srCity').value;
		var zipVal = document.getElementById('srSubmit').value;
		if ((evt.keyCode == 13) && (node.type=='text') && (cityVal != '' || zipVal != '')) {
			goToRouteLoc()
			return false;
		}
	}
}
document.onkeypress = stopRKey;

function findPosX(obj)
{
	var curleft = 0;
	if(obj.offsetParent)
		while(1) 
		{
			curleft += obj.offsetLeft;
			if(!obj.offsetParent)
				break;
			obj = obj.offsetParent;
		}
	else if(obj.x)
		curleft += obj.x;
	return curleft;
}
	function findPosY(obj)
{
	var curtop = 0;
	if(obj.offsetParent)
		while(1)
		{
			curtop += obj.offsetTop;
			if(!obj.offsetParent)
				break;
			obj = obj.offsetParent;
		}
	else if(obj.y)
		curtop += obj.y;
	return curtop;
}
function goToMapLoc()
{
	if(mapActive == '') {
		document.getElementById('mapIframe').style.position ='relative'
		document.getElementById('mapIframe').style.left ='0px'
		document.getElementById('mapIframe').style.top ='0px'
		document.getElementById(activem).style.position ='absolute'
		document.getElementById('pos'+ID).style.height ='360'
		document.getElementById(activem).style.zIndex ='100'
		document.getElementById(activem).style.display ='block'
		if(findPosX(document.getElementById('pos'+ID))+610 > document.body.offsetWidth) {
			document.getElementById(activem).style.left = document.body.offsetWidth-670+'px'
		}
		else if(findPosX(document.getElementById('pos'+ID))-100 > 0) {
			document.getElementById(activem).style.left = findPosX(document.getElementById('pos'+ID))-100+'px'
		}
		else
		{
			document.getElementById(activem).style.left = findPosX(document.getElementById('pos'+ID))+'px'
		}
		document.getElementById(activem).style.top = findPosY(document.getElementById('pos'+ID))+'px'
		document.getElementById(activem).style.overflow ='visible'
		mapActive = 'activated'
	}
	else
	{
		showRoute(ID,country)
		showMap(ID,country)
		document.getElementById('pos'+ID).style.height ='360'
	}
}
function goToRouteLoc()
{
	window.open('http://www.i-paint.com/AKZO.DECO.WEB/Scripts/LocateStores.aspx?site=www_sikkens_com_fr_fr&red=r&id='+ID+'&adrs='+document.getElementById('srAddress').value.toLowerCase().replace('.','+').replace(' ','%20').replace('&','%26')+'&ct='+document.getElementById('srCity').value.toLowerCase().replace('.','+').replace(' ','%20').replace('&','%26')+'','NAME','width=800,height=600,resizable=yes,scrollbars=yes,toolbar=yes')
}
function showRoute(id,cnt)
{
	if(route != 'tr'+id) {
		document.getElementById(activer).innerHTML= ''
		var stylediv = document.getElementById(activer).style;
		stylediv.display = "none";
		document.getElementById(route).innerHTML='<a style="cursor:pointer">Route</a>'
		if(ID != id && activem != 'sm0')
{
			document.getElementById(activem).innerHTML=''
			stylediv = document.getElementById(activem).style;
			stylediv.display = stylediv.display? "":"none";
			document.getElementById(activem).style.width ='0px'
			document.getElementById(activem).style.height ='0px'
			document.getElementById(map).innerHTML='<a style="cursor:pointer">Carte</a>'
			document.getElementById(focus).innerHTML=''
			mapActive = ''
		}
		var stylediv2 = document.getElementById('sr'+id).style;
		stylediv2.display = stylediv2.display? "":"block";
		document.getElementById('sr'+id).innerHTML='<table class="SL_Getroute"><tr><td><label for="srAddress">Adresse</label>: </td><td><input name="srAddress" type="text" id="srAddress" class="showroute" /></td></tr><td><label for="srCity">Ville</label>: </td><td><input name="srCity" type="text" id="srCity" class="showroute" /></td></tr><td></td><td><input type="button" name="srSubmit" value="Chercher" id="srSubmit" class="submitroute" onClick="goToRouteLoc()" /></td></tr></table>'
		document.getElementById('tr'+id).innerHTML='<b>Entrez votre adresse ou localit&#233;:</b>'
		if(mapActive != ''){
			document.getElementById(activem).style.top = findPosY(document.getElementById('pos'+ID))+'px'
		}
	}
	activer = 'sr'+id;
	route = 'tr'+id;
	if(document.getElementById('pos'+ID) && id != ID) {
		document.getElementById('pos'+ID).style.height ='0'
	}
	ID = id;
	if(document.getElementById('srCity').value == '') {
		document.getElementById('srCity').value = document.getElementById('cty'+ID).innerHTML
	}
	document.getElementById('srAddress').focus()
	document.getElementById(activem).style.top = findPosY(document.getElementById('pos'+ID))+'px'
}
function showMap(id,cnt)
{
	if(mapActive == '' || (ID != id && ID != '')){
		country = cnt
		document.getElementById(activem).innerHTML=''
		var stylediv = document.getElementById(activem).style;
		stylediv.display = stylediv.display? "":"none";
		document.getElementById(activem).style.width ='0px'
		document.getElementById(activem).style.height ='0px'
		if(document.getElementById('pos'+ID)) {
			document.getElementById('pos'+ID).style.height ='0'
		}
	}
	document.getElementById(map).innerHTML='<a style="cursor:pointer">Carte</a>'
	document.getElementById(focus).innerHTML=''
	if(ID != id && activer != 'sr0')
{
		document.getElementById(activer).innerHTML=''
		var stylediv = document.getElementById(activer).style;
		stylediv.display = stylediv.display? "":"none";
		document.getElementById(route).innerHTML='<a style="cursor:pointer">Route</a>'
	}
	stylediv = document.getElementById('sm'+id).style;
	stylediv.display = stylediv.display? "":"block";
	if(mapActive == '' || (ID != id && ID != '')){
		ID = id;
		document.getElementById('sm'+id).innerHTML='<table cellspacing=0 cellpadding=0 style=background-color:#f9f9f9;><tr><td><iframe id=mapIframe src=http://www.i-paint.com/AKZO.DECO.WEB/Scripts/LocateStores.aspx?www=ok&site=www_sikkens_com_fr_fr&red=m&id='+ID+' width=610 height=386 frameborder=0 scrolling=no marginheight=0 marginwidth=0 style=cursor:pointer></iframe></td><td valign=top><img onclick=showMap(ID,country); style=cursor:pointer; src="/NR/rdonlyres/B294F81E-B06F-4103-A690-47EB1BA5923A/0/close_app.gif"></td></tr></table>'
	}
	ID = id;
	document.getElementById(activem).style.border =''
	activem = 'sm'+id;
	map = 'tm'+id;
	focus = 'fm'+id;
	mapActive = ''
	document.getElementById(activem).style.position ='absolute'
	document.getElementById(activem).style.border ='solid 2px #c2c2c2'
	document.getElementById(activem).style.left = findPosX(document.getElementById('pos'+ID))+'px'
	document.getElementById(activem).style.top = findPosY(document.getElementById('pos'+ID))+'px'
	document.getElementById('pos'+ID).style.height ='360'
	document.getElementById(activem).style.overflow ='hidden'
	document.getElementById('mapIframe').style.position ='relative'
	document.getElementById(activem).style.width ='450px'
	document.getElementById(activem).style.height ='340px'
	document.getElementById('mapIframe').style.left ='-23px'
	document.getElementById('mapIframe').style.top ='-23px'
	document.getElementById('tm'+id).innerHTML='<b>Carte:</b>'
	document.getElementById('fm'+id).innerHTML='&nbsp;<img src="/NR/rdonlyres/284CCD1B-8915-4481-8D96-C9FC27C211DF/0/sl_mapfocus.gif" border="0" onClick="goToMapLoc(ID)" style="cursor:pointer;">'
}