/*jQuery plugin to display the filtered results*/
/**
 * $
 */
(function($) {
  // plugin code here
    $.fn.displayFilteredResults = function(options)
    {
    	// clear the filtered results first
    	$('#SearchResults').empty();
    
    	var count = 0; 
    	
        //$.each(options, spitit);
        for(i = 0; i < options.length; i++)
        //for(i = 0; i < options.length; i++)
        {
        	if (options[i].display)
        	{
        	   	spitit(i, options[i]);
        	   	count++;
        	}
        	
        	if (count >= 20) return;
        }
    }

    /**
 * spitit
 */
 	var displayCount = 0;
 
    function spitit(i, val) {
        var className = (displayCount % 2 == 0) ? "altExerciseLight" : "altExercise";
       
        displayCount++;
        
        stringToAppend ="<div id='" + val.exerciseID + "' class='" + className + "'>";
        stringToAppend +="<div class='exerciseThumbs'>";
        stringToAppend +="<img width='55px' src=\"http://tbn0.google.com/images?q=tbn:gH8A5D5_7cFSJM:http://www.i-love-cats.com/software/Adorable-Cats-Screensaver.jpg\" />";
        stringToAppend +="<img width='55px' src=\"http://tbn0.google.com/images?q=tbn:gH8A5D5_7cFSJM:http://www.i-love-cats.com/software/Adorable-Cats-Screensaver.jpg\" />";
        stringToAppend +="</div>";
        stringToAppend +="<div class='exerciseName'>";
        stringToAppend +="<h3><a href=\"#\">" + val.exerciseName + "</a></h3>";
        stringToAppend +="<p>Muscle Targeted: <span><a href=\"#\">" + val.mainMuscleName + "</a></span></p>";
        stringToAppend +="<p>Equipment Type: <span><a href=\"#\">" + val.equipmentTypeName + "</a></span></p>";
        stringToAppend +="</div>";
        stringToAppend +="<div class='exerciseRating'>";
        stringToAppend +="<div class=\"ratingBg\">N/A</div>";
        stringToAppend +="</div>";
        stringToAppend +="<div class='clearFloatNoHeight'></div>";
        stringToAppend +="</div>";

        $('#SearchResults').append(stringToAppend);
    }

})(jQuery);