D = {
	w:function(par){
		// load external css
		var fileref=document.createElement("link")
		fileref.setAttribute("rel", "stylesheet")
		fileref.setAttribute("type", "text/css")
		fileref.setAttribute("href", "js/widget.css");
		document.getElementsByTagName("head")[0].appendChild(fileref);

		var node = document.getElementById(par['container']);
		content = document.createElement('div');
		html = '';
		if (par['fans'].length){
			html += '<ul>';
            
            
			for (i=0;i<par['fans'].length;i++){
			    html += '<li><a href="http://www.draugiem.lv'+par['fans'][i]['url']+'" target="_blank"><img src="'+par['fans'][i]['image']+'" alt="" height="50" width="50" /></a><a href="'+par['fans'][i]['url']+'" target="_blank">'+par['fans'][i]['name']+'</a></li>';			               
                
			}
            
            
            
			html += '</ul>';
		}
		html += '        <div class="clearer"></div>';
        html += '        <div class="socbot">';
        html += '            <span>'+par['page']['totalfans']+' sekotāji</span>';
        html += '            <a href="' + par['page']['url']+ '/" target="_blank"><span>pievienoties</span></a>';
        html += '        </div>';

		content.innerHTML = html;
		node.appendChild(content);
	}
		
}
/*
  <ul>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                    <li><a href="#"><img src="img/soc.jpg" alt="" height="50" width="50" /></a>
                    <a href="#">Agnese</a></li>
                </ul>
                <div class="clearer"></div>
                <div class="socbot">
                    <span>1223 sekotāji</span>
                    <a href="#"><span>pievienoties</span></a>
                </div>
                */