(function($){
  $.iphoneStyle = {
    defaults: { checkedLabel: 'ON', uncheckedLabel: 'OFF', background: '#eee' }
  }
  
  $.fn.iphoneStyle = function(options) {
    options = $.extend($.iphoneStyle.defaults, options);
    
    return this.each(function() {
      var elem = $(this);
      
      if (!elem.is(':checkbox'))
        return;
      
      elem.css({ opacity: 0 });
      elem.wrap('<div class="container" />');
      elem.after('<div class="handle"><div class="bg" style="background: ' + options.background + '"/><div class="slider" /></div>')
          .after('<label class="off">'+ options.uncheckedLabel + '</label>')
          .after('<label class="on">' + options.checkedLabel   + '</label>');
      
      var handle    = elem.siblings('.handle'),
          handlebg  = handle.children('.bg'),
          offlabel  = elem.siblings('.off'),
          onlabel   = elem.siblings('.on'),
          container = elem.parent('.container'),
          rightside = container.width() - 39;
      
      container.click(function() {
        var is_onstate = (handle.position().left <= 0);
            new_left   = (is_onstate) ? rightside : 0,
            bgleft     = (is_onstate) ? 34 : 0;

        handlebg.hide();
        handle.animate({ left: new_left }, 100, function() {
          handlebg.css({ left: bgleft }).show();
        });
        
        if (is_onstate) {
          offlabel.animate({ opacity: 0 }, 200);
          onlabel.animate({ opacity: 1 }, 200);
        } else {
          offlabel.animate({ opacity: 1 }, 200);
          onlabel.animate({ opacity: 0 }, 200);
        }
        
        elem.attr('checked', !is_onstate);
        if (elem.attr('name')=='stat[]') checks2(elem.attr('width'));
        else if (elem.attr('name')=='rassilka[]') setars(elem.attr('width'));
        else if (elem.attr('name')=='mod') setmod(elem.attr('width'));
        else if (elem.attr('name')=='lock[]') setlock(elem.attr('width'));
        else if (elem.attr('name')=='vilki[]') setvilki(elem.attr('width'));
        else if (elem.attr('name')=='remember') setrem(is_onstate);
        else if (elem.attr('name')=='raslka') raslka(is_onstate);
        else if (elem.attr('name')=='vilks_type') set_vilks_type(is_onstate);
        else if (elem.attr('name')=='vilks_sostrez') set_vilks_sostrez(is_onstate);
        else if (elem.attr('name')=='extra[]') extra(elem.attr('id'),is_onstate);
        else checks(elem.attr('id'),is_onstate);

        return false;
      });
      
      // initial load
      if (elem.is(':checked')) {
        offlabel.css({ opacity: 0 });
        onlabel.css({ opacity: 1 });
        handle.css({ left: rightside });
        handlebg.css({ left: 34 });
      }
    });
  };
})(jQuery);