sm = new Image;
sm.src = './images/home_shop1.gif'
subvia = new Image;
subvia.src = './images/home_subvia1.gif'
mtv = new Image;
mtv.src = './images/mtv1.gif'
video = new Image;
video.src = './images/video1.gif'
rt = new Image;
rt.src = './images/rt1.gif'
ebu = new Image;
ebu.src = './images/ebu1.gif'
//anim = new Image;
//anim.src = './images/anim.gif'
pf = new Image;
pf.src = './images/portfolio_thumbnail.gif'

cms = new Image;
cms.src = './images/cms1.gif'
imaging = new Image;
imaging.src = './images/imaging_demo1.gif'
rt_cd = new Image;
rt_cd.src = './images/rt_cd1.gif'
relais_0 = new Image;
relais_0.src = './images/relais00_1.gif'
relais_1 = new Image;
relais_1.src = './images/relais01_1.gif'
canapak = new Image;
canapak.src = './images/canapak1.gif'
subvia_i = new Image;
subvia_i.src = './images/subvia1.gif'
coupon = new Image;
coupon.src = './images/coupon1.gif'

web_g = new Image;
web_g.src = './images/web_g.gif'
web_b = new Image;
web_b.src = './images/web_b.gif'
imprime_g = new Image;
imprime_g.src = './images/imprime_g.gif'
imprime_b = new Image;
imprime_b.src = './images/imprime_b.gif'

back1 = new Image;
back1.src = './images/back1.gif'
back2 = new Image;
back2.src = './images/back2.gif'
next1 = new Image;
next1.src = './images/next1.gif'
next2 = new Image;
next2.src = './images/next2.gif'
zoom = new Image;
zoom.src = './images/zoom.gif'
zoom2 = new Image;
zoom2.src = './images/zoom2.gif'

var i=0;
var w=0;
var s=0;
var imgWeb = new Array(4);
var imgImp = new Array(8);

imgWeb[0] = "sm";
//imgWeb[1] = "subvia";
imgWeb[1] = "mtv";
imgWeb[2] = "video";
imgWeb[3] = "rt";
//imgWeb[5] = "ebu";
//imgWeb[6] = "anim";

imgImp[0] = "cms";
imgImp[1] = "imaging";
imgImp[2] = "rt_cd";
imgImp[3] = "relais_0";
imgImp[4] = "relais_1";
imgImp[5] = "canapak";
imgImp[6] = "subvia_i";
imgImp[7] = "coupon";

var Display = "";
function hiLite(imgName,imgFile){
  	  document.images[imgName].src = imgFile.src;
}

function openWindow(url) {
    linkWin = window.open(url,"website","titlebar=1,toolbar=1,location=1,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,left=0,top=0");
    linkWin.focus();
}

function popup(site) {
  if (site+""=='undefined')
    return;
  if (document.images["pf_img"].src != pf.src){
    url = site+".html"
    popupWin = window.open(url,"SiteDetails","titlebar=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=550,height=400,left=0,top=0");
    popupWin.focus();
  }  
}

function popWin(url) {
    popW = window.open(url,"Contact_us","titlebar=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=550,height=500,left=0,top=0");
    popW.focus();
}

function popWin2(url) {
    popW2 = window.open(url,"Soumission","titlebar=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=550,height=600,left=0,top=0");
    popW2.focus();
}

function hiLite(imgName,imgFile){
	if (document.all){document.images[imgName].src = eval(imgFile +'.src');}
}

function toggleImg(imgName,category,dir){

   if (category == "web"){
      if (dir=="next"){
       if (w<imgWeb.length-1)
         w++;
       else
         w=0;  
      }   
      if (dir=="back"){
       if (w>0)
         w--;
       else
         w=imgWeb.length-1;  
      }   
   document.images[imgName].src = eval(imgWeb[w]+".src");
   s=w;
   }

   if (category == "imprime"){
      if (dir=="next"){
       if (i<imgImp.length-1)
         i++;
       else
         i=0;  
      }   
      if (dir=="back"){
       if (i>0)
         i--;
       else
         i=imgImp.length-1;  
      }   
   document.images[imgName].src = eval(imgImp[i]+".src");
   }
}


function showInfo(section) {

    var content="";
    if (section=='home')
    {
      content += '<div style="margin-top:45px"><b>QualDesign</b> est une nouvelle entreprise Montr&eacute;alaise qui oeuvre dans le domaine du design graphique.</div>';
      content += '<div style="margin-top:15px">';
      content += 'Gr&acirc;ce &agrave; notre &eacute;quipe multidisciplinaire, nous vous offrons un &eacute;ventail de services passant de la cr&eacute;ation &agrave; la r&eacute;alisation de vos communications imprim&eacute;s et internet.</div>';
      content += '<div style="margin-top:15px">';
      content += 'Sachant tr&egrave;s bien cerner vos besoins, nous saurons r&eacute;pondre &agrave; vos diverses attentes en vous pr&eacute;sentant des concepts innovateurs et adapt&eacute;s &agrave; votre image.</div>';
    }  
    else if (section =='mission')
    {
      content += '<div style="margin-top:45px"><img src="./images/mission.gif" border="0" height="21" width="200"></div>';
      content += '<div style="margin-top:15px">Passionn&eacute; par le design et le d&eacute;fi, <strong>QualDesign</strong> a pour mission de contribuer &agrave; votre succ&egrave;s, en enrichissant l\'image de votre entreprise, tout en cr&eacute;ant l\'envis chez vos concurants.</div>';
    }  
    else if (section =='service')
    {
      content += '<table cellpadding="0" cellspacing="0" border="0" style="margin-top:45px; margin-bottom:30px">';  
      content +='   <tr>';
      content +='   <td valign="top" colspan="3"><img src="./images/services.gif" border="0"><br><br></td>';
      content +='   </tr>';  
      content +='   <tr>';
      content +='   <td valign="top" nowrap><b>imprim&eacute;</b><br>identit&eacute; visuelle<br>papeterie<br>d&eacute;pliant<br>emballage<br>affiche<br>article de promotion<br>autre projet imprim&eacute;</td>';
      content +='   <td valign="top"><img src="./images/trans.gif" width="12"></td>';
      content +='   <td valign="top" nowrap><b>web</b><br>site web<br>intranet<br>maintenance de site<br>e-commerce<br>banni&egrave;re anim&eacute;e<br>c&eacute;d&eacute;rom<br>pr&eacute;sentation flash<br></td>';
      content +='   </tr>';  
      content += '</table></div>';
    }  
    else if (section=='portfolio')
    {
      w=-1;
      s=-1;
      content += '<table cellpadding="0" cellspacing="0" border="0" style="margin-top:35px; margin-bottom:30px">';  
      content +='   <tr>';
      content +='   <td valign="top"><a href=javascript:popup(imgWeb[w])><img src="./images/animation.gif" border="0" name="pf_img"></a></td>';
      content +='   <td><img src="./images/trans.gif" border="0" width="12"></td>';
      content +="   <td valign='bottom'>"
      content +="    <a href=javascript:onclick=showInfo('portfolio_web') onmouseover=hiLite('web','web_b') onmouseout=hiLite('web','web_g')>"
      content +="     <img src='./images/web_g.gif' border='0' name='web'></a><br><br>"

      content +="    <a href=javascript:onclick=showInfo('portfolio_imp') onmouseover=hiLite('imprime','imprime_b') onmouseout=hiLite('imprime','imprime_g')>"
      content +="     <img src='./images/imprime_g.gif' border='0' name='imprime'></a><br><br>"

      content +="    <a href=javascript:onclick=toggleImg('pf_img','web','back');hiLite('web','web_b'); onmouseover=hiLite('back','back2'); onmouseout=hiLite('back','back1');>"
      content +="     <img src='./images/back1.gif' border='0' name='back'></a><img src='./images/trans.gif' width='10' border='0'>"

      content +="    <a href=javascript:onclick=toggleImg('pf_img','web','next');hiLite('web','web_b'); onmouseover=hiLite('next','next2'); onmouseout=hiLite('next','next1');>"
      content +="     <img src='./images/next1.gif' border='0' name='next'></a><img src='./images/trans.gif' width='10' border='0'>"

      content +="    <a href=javascript:popup(imgWeb[s]); onmouseover=hiLite('zoom','zoom2'); onmouseout=hiLite('zoom','zoom');>"
      content +="     <img src='./images/zoom.gif' border='0' name='zoom'></a></td>";
      content +='   </tr>';  
      content += '</table></div>';
    }
    else if (section=='portfolio_web')
    {
      w=0;
      s=0;
      content += '<table cellpadding="0" cellspacing="0" border="0" style="margin-top:35px; margin-bottom:30px">';  
      content +='   <tr>';
      content +='   <td valign="top"><a href=javascript:popup(imgWeb[w])><img src="./images/home_shop1.gif" border="0" name="pf_img"></a></td>';
      content +='   <td><img src="./images/trans.gif" border="0" width="12"></td>';
      content +="   <td valign='bottom'><img src='./images/web_b.gif' border='0' name='web'><br><br>"

      content +="    <a href=javascript:onclick=showInfo('portfolio_imp') onmouseover=hiLite('imprime','imprime_b') onmouseout=hiLite('imprime','imprime_g')>"
      content +="     <img src='./images/imprime_g.gif' border='0' name='imprime'></a><br><br>"

      content +="    <a href=javascript:onclick=toggleImg('pf_img','web','back'); onmouseover=hiLite('back','back2'); onmouseout=hiLite('back','back1');>"
      content +="     <img src='./images/back1.gif' border='0' name='back'></a><img src='./images/trans.gif' width='10' border='0'>"

      content +="    <a href=javascript:onclick=toggleImg('pf_img','web','next'); onmouseover=hiLite('next','next2'); onmouseout=hiLite('next','next1');>"
      content +="     <img src='./images/next1.gif' border='0' name='next'></a><img src='./images/trans.gif' width='10' border='0'>"

      content +="    <a href=javascript:popup(imgWeb[s]); onmouseover=hiLite('zoom','zoom2'); onmouseout=hiLite('zoom','zoom');>"
      content +="     <img src='./images/zoom.gif' border='0' name='zoom'></a></td>";
      content +='   </tr>';  
      content += '</table></div>';
    }
    else if (section=='portfolio_imp')
    {
      i=0;
      content += '<table cellpadding="0" cellspacing="0" border="0" style="margin-top:35px; margin-bottom:30px">';  
      content +='   <tr>';
      content +='   <td valign="top"><a href=javascript:popup(imgImp[i])><img src="./images/cms1.gif" border="0" name="pf_img"></a></td>';
      content +='   <td><img src="./images/trans.gif" border="0" width="12"></td>';
      content +="   <td valign='bottom'>"
      content +="    <a href=javascript:onclick=showInfo('portfolio_web') onmouseover=hiLite('web','web_b') onmouseout=hiLite('web','web_g')>"
      content +="     <img src='./images/web_g.gif' border='0' name='web'></a><br><br>"

      content +="     <img src='./images/imprime_b.gif' border='0' name='imprime'><br><br>"

      content +="    <a href=javascript:onclick=toggleImg('pf_img','imprime','back'); onmouseover=hiLite('back','back2'); onmouseout=hiLite('back','back1');>"
      content +="     <img src='./images/back1.gif' border='0' name='back'></a><img src='./images/trans.gif' width='10' border='0'>"

      content +="    <a href=javascript:onclick=toggleImg('pf_img','imprime','next'); onmouseover=hiLite('next','next2'); onmouseout=hiLite('next','next1');>"
      content +="     <img src='./images/next1.gif' border='0' name='next'></a><img src='./images/trans.gif' width='10' border='0'>"

      content +="    <a href=javascript:popup(imgImp[i]); onmouseover=hiLite('zoom','zoom2'); onmouseout=hiLite('zoom','zoom');>"
      content +="     <img src='./images/zoom.gif' border='0' name='zoom'></a></td>";
      content +='   </tr>';  
      content += '</table></div>';
    }


	if (document.all) {// for ie
    	document.all.SectionDisplay.innerHTML = content
 		document.all.SectionDisplay.style.visibility = "visible"
   }
   else{
       Display = content
       document.layers['SectionDisplay_ns'].visibility =  "visible"
   }
}