//<![CDATA[

function widgetSilkfairStore(){
  this.storeDomain = "http://AllAboutTheButtons.silkfair.com";
  this.itemsToShow = 3;
  this.currentItem = 0;
  this.suffix = "";
  this.item_name_size = 16;
  this.item_description_size = 80;
  this.li_name_size = 10;
  this.li_description_size = 20;
  // for store without items
  this.store_name_size = 25;
  this.store_description_size = 300;
  // Widget.Items
  this.Items = new Object();
  
    
    
  
  
  this.Items.length = -1;
  
  this.setupElements = function(){
    // HTML Elements (dynamic)
    this.el_container = "silkfair_store_widget" + this.suffix;
    this.el_thumb_prefix = "wg_thumb" + this.suffix;
    this.el_items_list = "items_list" + this.suffix;
    this.el_image_preview = "image_preview" + this.suffix;
    this.el_widget_item_name = "widget_item_name" + this.suffix;
    this.el_widget_item_description = "widget_item_description" + this.suffix;
    this.el_item_price = "widget_item_price" + this.suffix;
    this.el_item_link = "widget_item_link" + this.suffix;
  }
  
  this.widgetDrawItem = function(idx){
    obj = this.Items[idx];
    strOut = '<div id="' + this.el_thumb_prefix + idx + '" class="wg_thumb">'+
          '<table width="100%"><tr>'+
          '<td class="piccolo" valign="top">'+ '<img src="http://silkfair.com'+ obj.pic +'" alt="" class="piccolo" />' + '</td>'+
          '<td valign="top"><strong>' + obj.name.substr(0,this.li_name_size) + ':</strong> '+
          obj.description.substr(0,this.li_description_size) + '</td>'+
          '</tr></table>'+
          '</div>';
    alink = document.createElement("a");
    alink.href="#";
    alink.className="em";
    alink.onclick = function(){widgetSilkfairStore827_5865.widgetShowItem(idx);return false;}
    alink.innerHTML = strOut;
    return alink;
  }
  
  this.widgetDrawItems = function(){
    if(this.Items.length <= this.itemsToShow) {
        i = 0;
        to = this.Items.length;
    } else {
        i = this.currentItem;
        if ((this.currentItem + this.itemsToShow) <= this.Items.length){
          to = this.currentItem + this.itemsToShow;
        }else{
          to = this.Items.length;
        }
    }
    
    document.getElementById(this.el_items_list).innerHTML = "";
    
    for (i;i<=to;i++){
      obj = this.Items[i];
      strOut = this.widgetDrawItem(i);
      document.getElementById(this.el_items_list).appendChild(strOut);
    }
  }
  
  this.widgetShowItem = function(idx){
    this.thumbHighlight(idx);
    container = document.getElementById(this.el_image_preview);
    str_image = "<img src='http://silkfair.com"+ this.Items[idx].image +"' alt='' class='wide' />";
    container.innerHTML = str_image;
    
    document.getElementById(this.el_widget_item_name).innerHTML = this.Items[idx].name.substr(0, this.item_name_size);
    document.getElementById(this.el_widget_item_description).innerHTML = this.Items[idx].description.substr(0, this.item_description_size);
    document.getElementById(this.el_item_price).innerHTML = this.Items[idx].price;
    document.getElementById(this.el_item_link).href = this.storeDomain + "/" + this.Items[idx].id;
  }
  
  this.widgetShowNullItem = function(){
    container = document.getElementById(this.el_image_preview);
    str_image = "<img src='http://silkfair.com/image/name/0015/6096/156096/wide/745.jpg' alt='' class='wide' />";
    container.innerHTML = str_image;
    
    document.getElementById(this.el_widget_item_name).innerHTML = "All About The Buttons".substr(0, this.store_name_size);
    document.getElementById(this.el_items_list).innerHTML = "Anything and everything can be made better with the addition of buttons! Clocks, knitted & crocheted items, pins, barrettes, magnets and more are improved when embellished with buttons.".substr(0, this.store_description_size);
  }
  
  this.thumbHighlight = function(idx){
    if(this.Items.length <= this.itemsToShow) {
        i = 0;
        to = this.Items.length;
    } else {
        i = this.currentItem;
        to = this.currentItem + this.itemsToShow;
    }
    for (i;i<=to;i++){
      obj = this.Items[i]
      if ( document.getElementById(this.el_thumb_prefix + i) ){
        document.getElementById(this.el_thumb_prefix + i).className = "wg_thumb";
      }
    }
    document.getElementById(this.el_thumb_prefix + idx).className = "wg_thumb_high";
  }
  
  
  
  // Default html : version = 1
  this.widgetDrawHtml = function(){
    strOut = '<div id="' + this.el_container + '" class="silkfair_store_widget">' +
    '<table class="widget_table wg_bg_color1" width="100%">' +
    '<tr>' +
    '<td class="wg_store_image"><img alt="avatar" class="piccolo" src="http://silkfair.com/image/name/0015/6096/156096/piccolo/745.jpg" /></td>' +
    '<td><span class="wg_store_name">All About The Buttons</span></td>' +
    '<td class="wg_h_link" style="width:40px"><a href="http://silkfair.com/member/profile/1972?referer=AllAboutTheButtons&amp;beh=widgets">Profile</a></td>' +
    '<td class="wg_h_link" style="width:58px"><a href="http://silkfair.com/store/feedback/827?referer=AllAboutTheButtons&amp;beh=widgets">Feedback</a></td>' +
    '</tr></table>' +
    '<div class="viewer_container">' +
    '<table class="wg_bg_color3" width="100%">' +
    '<tr><td valign="top" style="width:180px">' +
    '<div id="'+ this.el_image_preview +'" class="image_preview"></div>' +
    '<div class="widget_item_details">' +
    '<span id="'+ this.el_widget_item_name +'" class="widget_item_name"></span><br />' +
    '<span id="'+ this.el_widget_item_description +'" class="widget_item_description"></span><br />' +
    '<table class="wg_smalltext" cellpadding="0" cellspacing="0" width="100%">' +
    '<tr><td><span id="'+ this.el_item_price +'" class="widget_item_price"></span></td>' +
    '<td align="right"><strong><a id="'+ this.el_item_link +'" href="http://AllAboutTheButtons.silkfair.com" class="widget_item_link">Click for details</a></strong></td></tr>' +
    '</table></div></td>' +
    '<td valign="top" style="margin-top:5px;">' +
    '<div id="' + this.el_items_list + '" class="items_list"></div>' +
    '</td></tr></table>' +
    '<table class="wg_footer wg_bg_color1" width="100%">' +
    '<tr><td style="width:91px" align="center"><a href="http://AllAboutTheButtons.silkfair.com/?referer=AllAboutTheButtons&amp;beh=widgets"><img alt="visit store" class="btn_visit" src="http://silkfair.com/widget/wg_btn_visit_store.gif" /></a></td>' +
    '<td style="width:111px" align="center"><a href="https://secure.silkfair.com/account/register?referer=AllAboutTheButtons"><img alt="create a store" class="btn_create" src="http://silkfair.com/widget/wg_btn_create_store.gif" /></a></td>' +
    '<td align="right" class="pr5"><a href="http://silkfair.com/?referer=AllAboutTheButtons&amp;beh=widgets"><img alt="silkfair" class="sf_logo" src="http://silkfair.com/widget/wg_logo.gif" /></a></td>' +
    '</tr></table></div></div>';
    if ( document.getElementById("widget_preview") ){
      document.getElementById("widget_preview").innerHTML = strOut;
    }else{
      document.write(strOut);
    }
  }
  
  this.drawCssLink = function(){
    var objCss=document.createElement('link');
    objCss.rel='stylesheet';
    objCss.type='text/css';
    objCss.href='http://silkfair.com/widget/style.css?827_5865';
    objCss.media='all';
    document.lastChild.firstChild.appendChild(objCss);
  }
  
  this.widgetDrawWidget = function(){
    this.setupElements();
    if (document.getElementById(this.el_container)!= undefined){
      return false;
    }
    this.drawCssLink();
    this.widgetDrawHtml();
    this.widgetDrawItems();
    if(this.Items.length >= 0){
      this.widgetShowItem(this.currentItem);
    }else{
      this.widgetShowNullItem();
    }
    
  }
  
}//widgetSilkfairStore Class
widgetSilkfairStore827_5865 = new widgetSilkfairStore();
widgetSilkfairStore827_5865.suffix = "827_5865";
widgetSilkfairStore827_5865.item_name_size = 25;
widgetSilkfairStore827_5865.item_description_size = 30;
widgetSilkfairStore827_5865.li_name_size = 12;
widgetSilkfairStore827_5865.li_description_size = 24;
widgetSilkfairStore827_5865.widgetDrawWidget();

// google-analytics
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

gaTracker = function(){
  if (typeof(_gat) == "object"){
  var pageTracker = _gat._getTracker("UA-3580677-1");
  pageTracker._initData();
  pageTracker._trackPageview();
  }
}

gaTracker();
//]]>