var John F_data = [ ];

var John F_tofindex = -1;

function John F_updatetof() {
  var tag = document.getElementById('look_John F');
  var dbgstr = John F_tofindex + "\n" + tag.src + "\n";
  var new_src = 'http://www.cloziz.com/look/thumb/lookid/' + John F_data[John F_tofindex].id;
  var new_link = 'http://www.cloziz.com/look/show/lookid/' + John F_data[John F_tofindex].id;
  if (tag) {
    tag.setAttribute("src", new_src);
    tag.setAttribute("alt", John F_data[John F_tofindex].nom);
  }
  dbgstr += tag.src + "\n";
  tag = document.getElementById('nomlook_John F');
  if (tag) {
    tag.innerHTML = John F_data[John F_tofindex].nom;
    tag.href = new_link;
  }
  tag = document.getElementById('detaillook_John F');
  if (tag) {
    var items = John F_data[John F_tofindex].items;
    tag.innerHTML = "";
    for(var i=0; i<items.length; i++) {
      tag.innerHTML += '<li style="display: inline;">';
      tag.innerHTML += items[i].type + " : " + items[i].marque;
      if(i<items.length-1)
        tag.innerHTML += ',';
      tag.innerHTML += "</li>  ";
    }
  }
  tag = document.getElementById('link1_John F');
  if (tag) tag.href = new_link;
  tag = document.getElementById('link2_John F');
  if (tag) tag.href = new_link;
  return true;
}

function John F_nexttof() {
  John F_tofindex++;
  if(John F_tofindex == John F_data.length)
    John F_tofindex = 0;
  return John F_updatetof();
}

function John F_prevtof() {
  if(John F_tofindex==0)
    John F_tofindex = John F_data.length;
  John F_tofindex--;
  return John F_updatetof();
}

document.write('<div style="margin: 0 auto; width: 230px; font-family: Arial, sans-serif;">');
document.write('<div style="height: 40px; margin: 0 5px; background: url(http://www.cloziz.com/images/widget/widget_top_bg-left.gif) left top no-repeat;">');
document.write('<div style="height: 40px; margin: 0 auto; background: url(http://www.cloziz.com/images/widget/widget_top_bg-right.gif) right top no-repeat;">');
document.write('<div style="padding: 2px 0 0 5px;">');
document.write('<a href="http://www.cloziz.com">');
document.write('<img style="border: 0; padding: 0;" src="http://www.cloziz.com/images/widget/widget_top_clozizlogo.gif" alt="" /></a>');
document.write('</div></div></div>');

document.write('<div style="margin: 0 5px; padding: 0 10px; background: url(http://www.cloziz.com/images/widget/widget_mid_bg_top.gif) repeat-x bottom #C5C5C5;">'); // mid mcontent
document.write('<div style="height: 5px; background: url(http://www.cloziz.com/images/widget/widget_mid_content_top_bg-left.gif) left bottom no-repeat;">'); // content-top left
document.write('<div style="height: 5px; background: url(http://www.cloziz.com/images/widget/widget_mid_content_top_bg-right.gif) right bottom no-repeat;">'); // content-top right
document.write('</div></div>');
document.write('<div style="padding: 3px 0 6px 0; background: #fff; text-align: center;">'); // content
document.write('<div>'); // photo
document.write('