Need help editing and understanding jQuery portfolio template for Dribbble API
<p>I need some help understanding what the below does:</p>

<pre><code>var inner = ""; 
var innerP1 = '&lt;li style="list-style-type:none;"&gt;&lt;div class="dribbble"&gt;&lt;div class="shot"&gt;&lt;a href="';
var innerP2 = '"&gt;&lt;img src="';
var innerP3 = '"&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="likes"&gt;'  
var innerP4 = ' Likes&lt;/div&gt;&lt;div class="comments"&gt;'
var innerP5 = ' Comments&lt;/div&gt;&lt;div class="name"&gt;'
var innerp6 = '&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;'

function render(filter){
for (var i = 0; i&lt;filter.shots.length;i++){
inner = inner + innerP1 + filter.shots[i].url + innerP2 + filter.shots[i].image_url + innerP3 + filter.shots[i].likes_count + innerP4 + filter.shots[i].comments_count + innerP5 + filter.shots[i].title + innerp6;
};
</code></pre>

<p>I want to remove some of the field here; all i really want is the image with the link and title. What do the "var" functions do and can't I just combine all the html into one of them?</p>

<p>Thanks in advance</p>
