var Vivin_data = [ {"nom7bit": "Rock this party", "id": "977", "nom": "Rock this party ^^", "items": [{ "type" : "Hemd", "marque" : "H&M" }, { "type" : "Weste", "marque" : "Soft Grey" }, { "type" : "Hose", "marque" : "Japan rags" }, { "type" : "Strümpfe", "marque" : "" }, { "type" : "Schuhe", "marque" : "Vans" }, { "type" : "Kette", "marque" : "" }, { "type" : "Sonstiges", "marque" : "" }] }, 
{"nom7bit": "What Are You Looking XD5", "id": "1017", "nom": "What Are You Looking XD5", "items": [{ "type" : "Poloshirt", "marque" : "Alvaro" }, { "type" : "Weste", "marque" : "Soft grey" }, { "type" : "Gürtel", "marque" : "" }, { "type" : "Jeans", "marque" : "Pepe jeans" }, { "type" : "Kette", "marque" : "" }, { "type" : "Schuhe", "marque" : "Vans" }] }, 
{"nom7bit": "Sweet Holidays", "id": "1049", "nom": "Sweet Holidays", "items": [{ "type" : "Mütze", "marque" : "Enyce" }, { "type" : "Sonnenbrille", "marque" : "Ray ban" }, { "type" : "Hemd", "marque" : "H&M" }, { "type" : "Weste", "marque" : "Alexander Mc Queen" }, { "type" : "Gürtel", "marque" : "" }, { "type" : "Kette", "marque" : "" }, { "type" : "Sonstiges", "marque" : "" }, { "type" : "Jeans", "marque" : "Kaporal" }] }, 
{"nom7bit": "My dear Shoes", "id": "1050", "nom": "My dear Shoes ^^", "items": [{ "type" : "Halbschuhe", "marque" : "Dior" }] }, 
{"nom7bit": "Classy mais simple", "id": "1237", "nom": "Classy mais simple", "items": [{ "type" : "Hemd", "marque" : "H&M" }, { "type" : "Hose", "marque" : "H&M" }, { "type" : "Schuhe", "marque" : "Dior" }] }, 
{"nom7bit": "Just for winter", "id": "1238", "nom": "Just for winter ^^", "items": [{ "type" : "Fliege", "marque" : "H&M" }, { "type" : "Hemd", "marque" : "H&M" }, { "type" : "Weste", "marque" : "Soft Grey" }, { "type" : "Mantel", "marque" : "Pepe jeans" }, { "type" : "Jeans", "marque" : "Pepe jeans" }, { "type" : "Gürtel", "marque" : "" }, { "type" : "Kette", "marque" : "" }] }, 
{"nom7bit": "Dear shoes second part", "id": "1242", "nom": "Dear shoes second part ^^", "items": [{ "type" : "Schuhe", "marque" : "Louis Vuitton" }] }, 
{"nom7bit": "Little Bag", "id": "1243", "nom": "Little Bag", "items": [{ "type" : "Handtasche", "marque" : "Louis Vuitton" }] }, 
{"nom7bit": "So Crazy", "id": "1244", "nom": "So Crazy >_<", "items": [{ "type" : "Handtasche", "marque" : "Dior" }] }, 
{"nom7bit": "Today", "id": "1252", "nom": "Today", "items": [{ "type" : "T-Shirt", "marque" : "Soft Grey" }, { "type" : "Top", "marque" : "Soft Grey" }, { "type" : "Weste", "marque" : "Alexander McQueen" }, { "type" : "Jeans", "marque" : "Pepe jeans" }, { "type" : "Schuhe", "marque" : "Dior" }, { "type" : "Gürtel", "marque" : "" }, { "type" : "Kette", "marque" : "" }] }, 
{"nom7bit": "Cannage for LIFE", "id": "1305", "nom": "Cannage for LIFE :)", "items": [{ "type" : "Stiefeletten", "marque" : "Dior" }] }, 
{"nom7bit": "So British", "id": "1337", "nom": "So British :)", "items": [{ "type" : "Mütze", "marque" : "Enyce" }, { "type" : "Hemd", "marque" : "Alexander McQueen" }, { "type" : "Pulli", "marque" : "Surface to air" }, { "type" : "Weste", "marque" : "Alexander McQueen" }, { "type" : "Jacke", "marque" : "Scotch & Soda" }, { "type" : "Hose", "marque" : "Paul and Joe" }, { "type" : "Schuhe", "marque" : "Dior" }] }, 
{"nom7bit": "In the Sun1", "id": "1535", "nom": "In the Sun1", "items": [{ "type" : "Jacke", "marque" : "Hugo Boss" }, { "type" : "Jeans", "marque" : "Kaporal" }] }, 
{"nom7bit": "Clubbing in the night", "id": "1536", "nom": "Clubbing in the night", "items": [{ "type" : "Schal", "marque" : "" }, { "type" : "T-Shirt", "marque" : "Zadig & Voltaire" }, { "type" : "Weste", "marque" : "Alexander McQueen" }, { "type" : "Hose", "marque" : "Paul and Joe" }, { "type" : "Schuhe", "marque" : "Louis Vuitton" }] }, 
{"nom7bit": "Merry Xmas", "id": "1629", "nom": "Merry Xmas", "items": [{ "type" : "Jacke", "marque" : "American Apparel" }, { "type" : "Hemd", "marque" : "H&M" }, { "type" : "Pulli", "marque" : "Surface to air" }, { "type" : "Krawatte", "marque" : "Fait Maison" }, { "type" : "Jeans", "marque" : "Alexander McQueen" }] }, 
{"nom7bit": "Dior for life  first", "id": "1688", "nom": "Dior for life " first "", "items": [{ "type" : "Jeans", "marque" : "Dior" }] }, 
{"nom7bit": "Dior for life  second", "id": "1689", "nom": "Dior for life " second "", "items": [{ "type" : "Jeans", "marque" : "Dior" }] }, 
{"nom7bit": "Every Day", "id": "1690", "nom": "Every Day", "items": [{ "type" : "Mütze", "marque" : "H&M" }, { "type" : "T-Shirt", "marque" : "H&M" }, { "type" : "Jacke", "marque" : "American Apparel" }, { "type" : "Jeans", "marque" : "Dior" }] }, 
{"nom7bit": "Summer Time", "id": "1726", "nom": "Summer Time", "items": [{ "type" : "Mütze", "marque" : "H&M" }, { "type" : "Hemd", "marque" : "H&M" }, { "type" : "T-Shirt", "marque" : "Zara Homme" }] }, 
{"nom7bit": "shine", "id": "2052", "nom": "shine", "items": [{ "type" : "Pulli", "marque" : "Paul and Joe" }] }, 
{"nom7bit": "Come Back", "id": "2565", "nom": "Come Back", "items": [{ "type" : "Hemd", "marque" : "Dior" }, { "type" : "Krawatte", "marque" : "Burberry" }, { "type" : "Jeans", "marque" : "Dior" }, { "type" : "Sneakers", "marque" : "Puma" }] }, 
{"nom7bit": "University", "id": "2616", "nom": "University", "items": [{ "type" : "Pulli", "marque" : "Franklin and Marshall" }] }];

var Vivin_tofindex = 0;

function Vivin_updatetof() {
  var tag = document.getElementById('look_Vivin');
  var dbgstr = Vivin_tofindex + "\n" + tag.src + "\n";
  var new_src = 'http://de.cloziz.com/look/thumb/lookid/' + Vivin_data[Vivin_tofindex].id;
  var new_link = 'http://de.cloziz.com/look/show/lookid/' + Vivin_data[Vivin_tofindex].id;
  if (tag) {
    tag.setAttribute("src", new_src);
    tag.setAttribute("alt", Vivin_data[Vivin_tofindex].nom);
  }
  dbgstr += tag.src + "\n";
  tag = document.getElementById('nomlook_Vivin');
  if (tag) {
    tag.innerHTML = Vivin_data[Vivin_tofindex].nom;
    tag.href = new_link;
  }
  tag = document.getElementById('detaillook_Vivin');
  if (tag) {
    var items = Vivin_data[Vivin_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_Vivin');
  if (tag) tag.href = new_link;
  tag = document.getElementById('link2_Vivin');
  if (tag) tag.href = new_link;
  return true;
}

function Vivin_nexttof() {
  Vivin_tofindex++;
  if(Vivin_tofindex == Vivin_data.length)
    Vivin_tofindex = 0;
  return Vivin_updatetof();
}

function Vivin_prevtof() {
  if(Vivin_tofindex==0)
    Vivin_tofindex = Vivin_data.length;
  Vivin_tofindex--;
  return Vivin_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://de.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://de.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://de.cloziz.com">');
document.write('<img style="border: 0; padding: 0;" src="http://de.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://de.cloziz.com/images/widget/widget_mid_bg_top.gif) repeat-x bottom #C5C5C5;">'); // mid mcontent
document.write('<div style="height: 5px; background: url(http://de.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://de.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('<a target="_blank" id="link1_Vivin" href="http://de.cloziz.com/Vivin/look/Rock+this+party"><img id="look_Vivin" alt="Rock this party ^^" style="border: 1px solid #313131; padding: 0; margin: 0;" src="http://de.cloziz.com/look/thumb/lookid/977" /></a>\n');
document.write('</div>');
document.write('</div>');
document.write('</div>');
document.write('<div style="width: 100%; height: 60px;">'); //mid nav
document.write('<div style="float: left; width: 25px; height: 60px;">');  // nav previous
document.write('<a href="#" onClick="Vivin_prevtof(); return false;">');
document.write('<img style="margin: 0; padding: 0; width: 25px; height: 60px; border: 0; background: url(http://de.cloziz.com/images/widget/widget_mid_nav_prev.gif) top no-repeat;" src="http://de.cloziz.com/images/widget/void.gif" alt="previous" onmouseover="style.backgroundPosition=\'bottom\'" onmouseout="style.backgroundPosition=\'top\'">');
document.write('</a>');
document.write('</div>');
document.write('<div style="float: right; width: 25px; height: 60px;">'); // nav next
document.write('<a href="#" onClick="Vivin_nexttof(); return false;">');
document.write('<img style="margin: 0; padding: 0; width: 25px; height: 60px; border: 0; background: url(http://de.cloziz.com/images/widget/widget_mid_nav_next.gif) top no-repeat;" src="http://de.cloziz.com/images/widget/void.gif" alt="next" onmouseover="style.background=\'url(http://de.cloziz.com/images/widget/widget_mid_nav_next.gif) bottom no-repeat;\'" onmouseout="style.background=\'url(http://de.cloziz.com/images/widget/widget_mid_nav_next.gif) top no-repeat;\'">');
document.write('</a>');
document.write('</div>');

document.write('<div style="margin: 0 25px; padding: 0 1px; text-align: center; background: #fff;">'); // lookdata
document.write('<h1 style="margin: 0; padding: 0; border: 0; height: 18px; font-size: 14px; font-weight: bold;">');
document.write('<a style="color: #d0517e; text-decoration: none;" href="#" id="nomlook_Vivin" onmouseover="style.color=\'#910134\'" onmouseout="style.color=\'#d0517e\'">Nomdulook</a>');
document.write('</h1>');
document.write('<ul style="margin: 0; padding: 0 10px; height: 42px; list-style: none; text-align: center; line-height: 10px; overflow: hidden; font-size: 10px; color: #000;" id="detaillook_Vivin">');
document.write('<li>detail</li>');
document.write('</ul>');
document.write('</div>');
document.write('</div>');
document.write('<div style="clear: both;">'); // clear
document.write('</div>');
document.write('<div style="margin: 0 5px; padding: 0 10px; height: 20px; background: url(http://de.cloziz.com/images/widget/widget_mid_bg_btm.gif) repeat-x top #C5C5C5;">'); // mid links
document.write('<div style="padding: 2px 10px 0 10px; background: #fff; line-height: 16px; text-align: right;">'); // links
document.write('<a href="http://de.cloziz.com" style="font-size: 10px; text-decoration: none; color: #910134;" onmouseover="style.color=\'#5d0122\'" onmouseout="style.color=\'#910134\'" id="link2_Vivin">Le reste sur cloziz.com</a>');
document.write('</div>');
document.write('<div style="height: 5px; font-size: 0px; background: url(http://de.cloziz.com/images/widget/widget_mid_content_btm_bg-left.gif) left top no-repeat;">'); // content-btm left
document.write('<div style="height: 5px; font-size: 0px; background: url(http://de.cloziz.com/images/widget/widget_mid_content_btm_bg-right.gif) right top no-repeat;">'); // content-btm right
document.write('</div>');
document.write('</div>');
document.write('</div>');
document.write('<div style="margin: 0 auto; height: 10px; font-size: 0px;">'); // wbtm
document.write('<div style="margin: 0 5px; height: 10px; background: url(http://de.cloziz.com/images/widget/widget_btm_bg-left.gif) left top no-repeat;">'); // wbtm bleft
document.write('<div style="height: 10px; background: url(http://de.cloziz.com/images/widget/widget_btm_bg-right.gif) right top no-repeat;">'); // wbtm bright
document.write('</div>');
document.write('</div>');
document.write('</div>');

document.write('</div>');

Vivin_updatetof();