

(function($){  
 $.fn.badges = function(options) {  
  
	var defaults = {  
		badgeList: '',
		lockedDir: '/',
		unlockedDir: '/',
		separator: false,
		presets: false
	};  
	var options = $.extend(defaults, options);  
  
  	var listStr = new String(options.badgeList);
	var listArr = listStr.split(',');
	var presetStr = new String(options.presets);
	var presetArr = presetStr.split(',');
	var hasSeparator = options.separator;
      
	  return this.each(function() {  
	  	obj = $(this);
	  	obj.html('');
	  
	  	var listArrCount = listArr.length;
	  	
	  	if( hasSeparator ){
		  	var separatorCount = 1;
		  	
		  	obj.html('<div class="badge-separator badge-separator-'+separatorCount+'"></div>');
		  	separatorCount++;
	  	}
	  	
	  	for(var i=0;i<listArrCount;i++){
	  		
	  		var path = options.lockedDir + '/' + listArr[i] + '.png';
	  		
	  		if( presetArr[i] === "true" ){
	  			path = options.unlockedDir + '/' + listArr[i] + '.png';
	  			
	  			if( hasSeparator ){
		  			var prevSep = $('.badge-separator-'+(i+1), obj);
		
					if( prevSep.css('background-position') != '0px 0px' ){
						prevSep.css('background-position', '0 -57px');
					} else {
						prevSep.css('background-position', '0 -38px');
					}
				}
	  		}
	  		
	  		obj.html(obj.html() + '<div id="badge-' + listArr[i] + '" class="badge"><img src="'+ path + '" /></div>');
	  		
	  		if( hasSeparator ){
	  			obj.html(obj.html() + '<div class="badge-separator badge-separator-'+separatorCount+'"></div>');
	  		
		   		if( presetArr[i] === "true" ){
					$('.badge-separator-'+(i+2), obj).css('background-position', '0 -19px');
		  		}
		  		
		  		separatorCount++;
	  		}
	  	}
	  	
	  	obj.find('.badge').css('float', 'left');
	  	obj.find('.badge-separator').css('float', 'left');
	  	
	  });  
 };  
})(jQuery); 
