var liste_images = new Array('photo_on','visuel1_on','visuel2_on','logo_on','animation_on');
function b_onload()
{
div_scroll('','div_cat');
if(document.getElementById('div_scat')){div_scroll('','div_scat');}
cadcount();
}


function touche(event) 
{ 
	var IE5 = false; 
	if (!event) var event = window.event; 
	if (event.keyCode) { IE5= true; code = event.keyCode;} 
	else if (event.which) code = event.which ; 

	return code;

}

function div_scroll(d,div)
{
	if(document.getElementById(div).scrollLeft>0)
	{
	document.getElementById('goleft_'+div).style.display='block';
	}
	else
	{
	document.getElementById('goleft_'+div).style.display='none';
	}
	
	if(document.getElementById(div).scrollLeft+document.getElementById(div).offsetWidth<document.getElementById(div).scrollWidth)
	{
	document.getElementById('goright_'+div).style.display='block';
	}
	else
	{
	document.getElementById('goright_'+div).style.display='none';
	}
	
	if(d=='r')
	{
	Timer = setInterval("document.getElementById('"+div+"').scrollLeft += 2;div_scroll('','"+div+"');", 15);
	}
	else if(d=='l')
	{
	Timer = setInterval("document.getElementById('"+div+"').scrollLeft -= 2;div_scroll('','"+div+"');", 15);
	}
}

function addtocad(i,f,id)
{
	document.getElementById('filter').style.display='block';
	document.getElementById('addcad').style.display='block';
	document.getElementById('addcad').style.width='600px';
	document.getElementById('addcad').style.height='175px';
	document.getElementById('addcad').innerHTML= "<table border='0' style='width:600px;height:150px;'><tr><td align='center' valign='center'><img src='pics/loader.gif'></td></tr></table>";
	centrebox('addcad');
	var url = "addtocad.php";
	var data = "i="+i+"&f="+f+"&id="+id+"&d="+(new Date()).getTime();;
	XHR_2(url,data,"xml",addedtocad);
}

function cadpopmod(ids,q)
{
	document.getElementById('filter').style.display='block';
	document.getElementById('addcad').style.display='block';
	document.getElementById('addcad').style.width='600px';
	document.getElementById('addcad').style.height='175px';
	document.getElementById('addcad').innerHTML= "<table border='0' style='width:600px;height:150px;'><tr><td align='center' valign='center'><img src='pics/loader.gif'></td></tr></table>";
	centrebox('addcad');
	var url = "cadpopmod.php";
	var data = "ids="+ids+"&q="+q+"&d="+(new Date()).getTime();;
	XHR_2(url,data,"xml",addedtocad);
}

function cadcount()
{
	var url = "cadcount.php";
	var data = "d="+(new Date()).getTime();;
	var reponse = XHR(url,data,"xml");
	var rep = reponse.documentElement;
	document.getElementById('cadcount').innerHTML = rep.getElementsByTagName("cadcount")[0].firstChild.nodeValue;
}


function addedtocad(data)
{
	var rep = data.documentElement;
	var txt = '';
	if(rep.getElementsByTagName("q")[0].firstChild.nodeValue>0)
	{
	txt += "<table cellpadding='0' cellspacing='0' border='0' width='100%' height='100%'>";
	txt += "<tr><td colspan='6' align='center'>";
			txt += "<font style='font-family: Arial; FONT-WEIGHT: bold;font-size: 15px; color:#000000;'><u>Votre Article a bien été ajouté au caddie.<br>";
	txt += "</td></tr>";
	txt += "<tr><td colspan='6' align='center'><br>";
			txt += "<font style='font-family: Arial; FONT-WEIGHT: bold;font-size: 12px; color:#a40101;'>"+rep.getElementsByTagName("label")[0].firstChild.nodeValue;+"</font>";
	txt += "</td></tr>";
	txt += "<tr><td colspan='2' width='210'></td>";
	txt += "<td align='center' width='90' valign='center'>";
			txt += rep.getElementsByTagName("pic")[0].firstChild.nodeValue;
	txt += "</td>";
	txt += "<td align='center' valign='center' width='65'><font style='font-family: Arial; FONT-WEIGHT: bold;font-size: 12px; color:#000000;'>Quantité</font><br>";
	txt += "<input type='button' value='-' onclick='cadpopmod("+rep.getElementsByTagName("ids")[0].firstChild.nodeValue+",-1);' style=' background-color: #FFFFFF; width:15px; height:15px; border-width: 1px; border-color: #000000; border-style: solid; font-family: Arial; FONT-WEIGHT: bold;font-size: 9px; color:#000000; text-align:center;'>";
	txt += "&nbsp;<font style='font-family: Arial; FONT-WEIGHT: bold;font-size: 10px; color:#666666;'>"+rep.getElementsByTagName("q")[0].firstChild.nodeValue+"</font>&nbsp;";
	txt += "<input type='button' value='+' onclick='cadpopmod("+rep.getElementsByTagName("ids")[0].firstChild.nodeValue+",1);' style=' background-color: #FFFFFF; width:15px; height:15px; border-width: 1px; border-color: #000000; border-style: solid; font-family: Arial; FONT-WEIGHT: bold;font-size: 9px; color:#000000; text-align:center;'><br></td>";
	txt += "<td colspan='2' width='235'></td></tr>";
	txt += "<tr><td colspan='3' align='center' valign='center' width='300'>";
			txt += "<a href=\"javascript:window.location='caddy.php';\"><img src='pics/cad_b_gocad.jpg' onmouseover=\"this.src='pics/cad_b_gocad_r.jpg';\" onmouseout=\"this.src='pics/cad_b_gocad.jpg';\" border='0'></a>";
	txt += "</td><td colspan='3' align='center' valign='center' width='300'>";
		txt += "<a href='javascript:;'><img src='pics/cad_b_cont.jpg' onclick=\"document.getElementById('filter').style.display='none';document.getElementById('addcad').style.display='none';\" onmouseover=\"this.src='pics/cad_b_cont_r.jpg';\" onmouseout=\"this.src='pics/cad_b_cont.jpg';\" border='0'></a>";
	txt += "</td></tr>";
	txt += "</table>";
	}
	else
	{
		txt += "<table cellpadding='0' cellspacing='0' border='0' width='100%' height='100%'>";
		txt += "<tr height='100'><td colspan='2' align='center'>";
		txt += "<font style='font-family: Arial; FONT-WEIGHT: bold;font-size: 15px; color:#000000;'><u>Votre Article a bien été supprimé du caddie.<br>";
		txt += "</td></tr>";
		txt += "<tr><td align='center' valign='center' width='300'>";
		txt += "<a href=\"javascript:window.location='caddy.php';\"><img src='pics/cad_b_gocad.jpg' onmouseover=\"this.src='pics/cad_b_gocad_r.jpg';\" onmouseout=\"this.src='pics/cad_b_gocad.jpg';\" border='0'></a>";
		txt += "</td><td align='center' valign='center' width='300'>";
		txt += "<a href='javascript:;'><img src='pics/cad_b_cont.jpg' onclick=\"document.getElementById('filter').style.display='none';document.getElementById('addcad').style.display='none';\" onmouseover=\"this.src='pics/cad_b_cont_r.jpg';\" onmouseout=\"this.src='pics/cad_b_cont.jpg';\" border='0'></a>";
		txt += "</td></tr>";
		txt += "</table>";
	}
	
	document.getElementById('addcad').innerHTML = txt;
	cadcount();
}
function poppic(pic){
	document.getElementById('filter').style.display='block';
	document.getElementById('pop').style.display='block';
	document.getElementById('pop').style.width='555px';
	document.getElementById('pop').style.height='590px';
	centrebox('pop');
	var txt = "<table border='0' style='width:550px;height:575px;'><tr><td align='center' valign='center'>";
	txt += "<p align='right'><a href='javascript:;'onclick=\"popclose();\" title='Fermer'><img src='pics/close.gif' alt='Fermer' border='0' /></p><img id='pop_img' src='pics/loader.gif' border='0'></a></td></tr></table>";
	document.getElementById('pop').innerHTML = txt;
	document.image_chargee = new Image;
	document.image_chargee.src = pic;
	document.getElementById('pop_img').src = document.image_chargee.src;

}

function popclose()
{
if(document.getElementById('addcad').style.display!='block')
{
document.getElementById('filter').style.display='none';
}
document.getElementById('pop').style.display='none';
}


function centrebox(box)
{
var v = document.getElementById(box).offsetWidth;
var h = document.getElementById(box).offsetHeight;
document.getElementById(box).style.top = (document.documentElement.scrollTop + ((document.documentElement.clientHeight-h)/2)) + "px";
document.getElementById(box).style.left = (((document.documentElement.clientWidth-v)/2)) + "px";
document.getElementById('filter').style.width = document.documentElement.scrollWidth+"px";
document.getElementById('filter').style.height = document.documentElement.scrollHeight+"px";
}



function XHR_2(url,data,type,callback) {
	if (window.XMLHttpRequest)
	{ 
	xmlhttp=new XMLHttpRequest();
		if (xmlhttp.overrideMimeType) {
		xmlhttp.overrideMimeType('text/xml');
		}	
	}
	else if (window.ActiveXObject)
	{
	xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
	}
	xmlhttp.onreadystatechange=
		function()
		{
		if(xmlhttp.readyState==4)
		{
			if(type=='xml')
			{
			callback(xmlhttp.responseXML);
			}
			else
			{
			callback(xmlhttp.responseText);
			}
		}
		}
	xmlhttp.open('POST', url, true);
	xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded;charset=iso-8859-1'); 
	xmlhttp.send(data);
	
}

function XHR(url,data,type) {
	if (window.XMLHttpRequest)
	{ 
	xmlhttp=new XMLHttpRequest();
		if (xmlhttp.overrideMimeType) {
		xmlhttp.overrideMimeType('text/xml');
		}	
	}
	else if (window.ActiveXObject)
	{
	xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
	}
	xmlhttp.open('POST', url, false);
	xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded;charset=iso-8859-1'); 
	xmlhttp.send(data);
	if(type=='xml')
	{
	return xmlhttp.responseXML;
	}
	else
	{
	return xmlhttp.responseText;
	}
}
function print_prod()
{
var txt = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n";
txt += "<html xmlns=\"http://www.w3.org/1999/xhtml\">\n";
txt += "<head>\n";
txt += "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=ISO-8859-1\" />\n";
txt += "</head><body>\n";
txt += "<table cellpadding='0' cellspacing='0' border='0' align='center' style='width:750px;'>";
txt += "<tr>";
txt += "<td><p align='center' style='margin:5px;'><img src='http://www.microcity.be/webshop/pics/lg_colormc.jpg'/>&nbsp;<img src='http://www.microcity.be/webshop/pics/lg_colormm.jpg'/>&nbsp;<img src='http://www.microcity.be/webshop/pics/lg_colorms.jpg'/></p></td>";
txt += "</tr>";
txt += "<tr>";
txt += "<td align='center' valign='top'>";
txt += document.getElementById("tdproduit").innerHTML;
txt += "</td>";
txt += "</tr>";
txt += "<tr><td align='center' valign='bottom'><br><p style='font-family: Arial; FONT-WEIGHT: bold;font-size: 12px; color:#000000;'>";
txt += "Tous nos magasins sont ouverts du mardi au vendredi de 10h à 18h, le samedi de 10h à 16h.<br>Micromedia est ouvert le lundi également.<br><br>Votre configuration sera montée et testée en magasin, vous pouvez passer commande via notre site web,téléphone, fax ou email.<br>Le payement peut se faire en liquide, bancontact, financement ou par virement avant enlèvement.<br>Un acompte sera demandé pour toute commande supérieure à 1500&euro;, Tous nos prix sont toutes taxes comprises.<br>Tout nos produits sont garantis 2 ans sauf stipulation contraire du fabricant.<br>";
txt += "<table border='0'><tr>";
txt += "<td align='center'>";
txt += "<img src='http://www.microcity.be/webshop/pics/Mc67.jpg'>";
txt += "</td>";
txt += "<td align='center'>";
txt += "<img src='http://www.microcity.be/webshop/pics/Ms67.jpg'>";
txt += "</td>";
txt += "<td align='center'>";
txt += "<img src='http://www.microcity.be/webshop/pics/Mm67.jpg'>";
txt += "</td>";
txt += "</tr>";
txt += "<tr>";
txt += "<td style='font-family: Arial; FONT-WEIGHT: bold;font-size: 12px; color:#000000;' valign='top' align='center' width='240'>";
txt += "Microcity s.p.r.l.<br>";
txt += "260-264 Rue Blaes, 1000 Bruxelles<br>";
txt += "T&eacute;l : (02) 512.64.04<br>";
txt += "Fax : (02) 512.31.24<br>";
txt += "TVA BE 448.764.065<br>";
txt += "Banque ING 363-0061783-34<br>";
txt += "Email : sales@microcity.be";
txt += "</td>";
txt += "<td style='font-family: Arial; FONT-WEIGHT: bold;font-size: 12px; color:#000000;' valign='top' align='center' width='240'>";
txt += "Microsys s.a.<br>";
txt += "Place communale d'Auderghem 17<br>";
txt += "(sur la rue Jacques Bassem)<br>";
txt += "1160 Auderghem<br>";
txt += "T&eacute;l : (02) 660.45.36<br>";
txt += "Fax : (02) 675.78.82<br>";
txt += "TVA BE 860.128.296<br>";
txt += "Banque ING 363-0061864-18<br>";
txt += "Email : sales@microsys.be";
txt += "</td>";
txt += "<td style='font-family: Arial; FONT-WEIGHT: bold;font-size: 12px; color:#000000;' valign='top' align='center' width='240'>";
txt += "Micromedia s.a.<br>";
txt += "28 Avenue Charbo, 1030 Bruxelles<br>";
txt += "T&eacute;l : (02) 245.84.28<br>";
txt += "Fax : (02) 245.77.06<br>";
txt += "TVA BE 446.530.887<br>";
txt += "Banque ING 310-1032935-68<br>";
txt += "Email : micromedia@telenet.be";
txt += "</td>";
txt += "</tr>";
txt += "</table>";
txt += "</td>";
txt += "</tr>";
txt += "</table>";
txt += "</body></html>";

var popprint = window.open("", "print", "height=800, width=770,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10");
var dd = new Date();
popprint.document.body.innerHTML = txt;
popprint.window.focus();
popprint.window.print();
popprint.window.close();

}

function gmap(id)
{
gmapclose();
	document.getElementById('filter').style.display='block';
	document.getElementById('ggmap').style.display='block';
	document.getElementById('ggmap').src='http://www.microcity.be/webshop/map.php?id='+id;
	document.getElementById('ggmapback').style.display='block';
	var h = 480;
	var v = 640;
	document.getElementById('ggmap').style.top = (document.documentElement.scrollTop + ((document.documentElement.clientHeight-h)/2)) + "px";
	document.getElementById('ggmap').style.left = (((document.documentElement.clientWidth-v)/2)) + "px";
	document.getElementById('ggmapback').style.top = ((document.documentElement.scrollTop + ((document.documentElement.clientHeight-h)/2))-20) + "px";
	document.getElementById('ggmapback').style.left = ((((document.documentElement.clientWidth-v)/2))-20) + "px";
	document.getElementById('filter').style.width = document.documentElement.scrollWidth+"px";
	document.getElementById('filter').style.height = document.documentElement.scrollHeight+"px";
}
function gmapclose()
{
document.getElementById('ggmap').style.display='none';
document.getElementById('ggmapback').style.display='none';
document.getElementById('filter').style.display='none';

}