Javascript : pb avec un script conditionnel

Bonjour,
Suite à un précédent post résolu,("Javascript : passer un texte dans une div"), j'essaie (sans beaucoup de connaissances en Javascript) à modifier un script pour le personnaliser.

Le principe : un lien hypertexte fait appel à une fonction qui fait apparaitre 1 image dans une div.

le lien hypertexte :
<a href="01.jpg" class="apercu" onClick="afficherImage(this,'commentaire','<?php echo $texte; ?>','logo','1'); return false;">

la fonction :
var largeur, hauteur;

function afficherImage(aparent,id_ecrire,texte,id_logo) {
var fond = document.getElementById('fond');
var chargement = document.getElementById('chargement');
var affichage = document.getElementById('affichage');
var image = document.getElementById('image');
var scrollH, scrollG;
// Recherche de la hauteur et la largeur totale de la page
largeur = document.body.scrollWidth;
hauteur = document.body.scrollHeight;
if (document.body.offsetHeight)
if (document.body.offsetHeight > hauteur) hauteur = document.body.offsetHeight;
// Affichage du fond
fond.style.top = 0;
fond.style.left = 0;
fond.style.height = hauteur;
fond.style.width = largeur;
// Taille de la fenêtre
if (window.innerHeight) {
largeur = window.innerWidth;
hauteur = window.innerHeight;
} else {
largeur = document.body.offsetWidth;
hauteur = document.body.offsetHeight;
}
// Position dans la page
if (window.pageYOffset) {
scrollH = window.pageYOffset;
scrollG = window.pageXOffset;
} else {
scrollH = document.body.scrollTop;
scrollG = document.body.scrollLeft;
}
// Affichage de l'animation pour le chargement
chargement.style.left = scrollH + (largeur - chargement.width) / 2
chargement.style.top = scrollG + (hauteur - chargement.height) / 2
chargement.style.display = 'block';
fond.style.display = 'block';
// chargement de l'image
img = new Image();
img.onload=function() {
var imgl = img.width;
var imgh = img.height;
if (imgl + 60 > largeur) {
imgl = largeur - 60;
imgh = img.height * imgl / img.width;
}
if (imgh + 60 > hauteur) {
imgh = hauteur - 60;
imgl = img.width * imgh / img.height;
}
affichage.style.top = scrollH + (hauteur - imgh - 120) / 2;
affichage.style.left = scrollG + (largeur - imgl - 20) / 2;
affichage.style.width = imgl + 20 + 'px';
affichage.style.height = imgh + 120 + 'px';
image.src= aparent.href;
image.width = imgl;
image.height = imgh;
affichage.style.display = 'block';
chargement.style.display = 'none';
return false;
}
img.src= aparent.href;

var commentaire=document.getElementById(id_ecrire);
commentaire.innerHTML=texte;

// ce que j'ai ajouté :

if (id_logo=='1') {
toto.src='logo.jpg';
}
if (id_logo=='0') {
toto.src='no_logo.jpg';
}

}

et dans le body :
<div id="fond">
<a href="#" onClick="cacherImage(); return false;"><img id="chargement" src="../img/chargement.gif" width="37" height="37" alt="Chargement..." /></a>
</div>
<div id="affichage">
<a href="#" onClick="cacherImage(); return false;"><img id="image" /></a>
<div id="logo"><img id="toto"</div>
<div id="commentaire">aa<id="texte"/></div>
</div>

L'objectif est d'afficher 2 images (image et logo.jpg), logo.jpg ne devant s'afficher que si id_logo=1.

Ce que j'ai fait :
J'ai ajouté à la fonction 1 argument "id_logo" qui prend comme valeur 1 ou 0
J'ai ajouté dans le script :
if (id_logo=='1') {
toto.src='logo.jpg';
}
if (id_logo=='0') {
toto.src='no_logo.jpg';
}

(où no_logo.jpg est une image blanche)

Ce que j'obtiens:
que id_logo soit à 1 ou à 0, l'image logo.jpg s'affiche.

Est ce que mon bout de script conditionnel est bon ou il me manque un truc ?

Merci pour votre aide.
JF