<div id='articlessnapshot'>
  <form name='articles' id='articles' method='POST' action='index.php?fuse=knowledgebase&action=KB_MarkArticleRead'>
    <table style="width:100%;" cellpadding='0' border='0' cellspacing='0'>
		<tr>
			<td class='snapshot-header-left'></td>
			<td class='snapshot-header'><span class='snapshot-header-text'>{LANGUAGE_SNAPSHOTHEADER}:</span></td>
            <!-- BEGIN DYNAMIC BLOCK: filterDropdown -->
			<td align='right' class='snapshot-header'>
				<span class='snapshot-header-text-small'>[l]Articles Filter[/l] : </span>
				<select id='invoicefilter' onChange="filterArticles('knowledgebase', 'Snapshot_Articles',this);">
					<option value='summaries' {filterSelectedSummaries} >[l]Ticket Summaries[/l]&nbsp;&nbsp;&nbsp;</option>
					<option value='staff' {filterSelectedStaff} >[l]Staff-Only Articles[/l]&nbsp;&nbsp;&nbsp;</option>
					<option value='members' {filterSelectedMembers} >[l]Members-Only Articles[/l]&nbsp;&nbsp;&nbsp;</option>
					<option value='public' {filterSelectedPublic} >[l]Public Articles[/l]&nbsp;&nbsp;&nbsp;</option>
					<option value='draft' {filterSelectedDraft} >[l]Draft Articles[/l]&nbsp;&nbsp;&nbsp;</option>
				</select>
			</td>
            <!-- END DYNAMIC BLOCK: filterDropdown -->
			<td class='snapshot-header' align="right">
			</td>
			<td class='snapshot-header-right'></td>
		</tr>
	</table>  
    <table style="width:100%;" class='sort-table' id='{CCTABLEID}' border='0' cellpadding='0' cellspacing='0'>
		<col style='text-align: right' />
        <col />
        <col />
        <col />
        <col />
        <col />
        <thead>
            <tr>
                <!-- BEGIN DYNAMIC BLOCK: checkboxColumnHeader -->
				<td style="width:1%;"></td>
                <!-- END DYNAMIC BLOCK: checkboxColumnHeader -->
                <td align="left" nowrap="true">[l]Article Id[/l]</td>
                <td align="left" nowrap="true">[l]Article Title[/l]</td>
                <td style="width:85px;" align="left" nowrap="true">[l]Date Created[/l]</td>
                <td style="width:80px;" align="left" nowrap="true">[l]Time Elapsed[/l]</td>
                <td style="width:90px;" align="left" nowrap="true">[l]Article Rating[/l]</td>
                <td style="width:100px;" align="left" nowrap="true">[l]Total Visitors[/l]</td>
            </tr>
        </thead>                
        <tbody>
            <!-- BEGIN DYNAMIC BLOCK: article_row -->
			<tr class='{ROWCLASS}' style='{ROWSTYLE}'>
                <!-- BEGIN DYNAMIC BLOCK: checkboxColumnRows -->
                <td style="width:1%;">
                    <input type="checkbox" style="position:relative;top:1px;" name="articleid[]" id="articleid" value="{ARTICLEID}" onClick="checkCheckBox(this);" />
                </td>				
                <!-- END DYNAMIC BLOCK: checkboxColumnRows -->
				<td align=center nowrap width="1%" >{ARTICLEID}</td>
				<td align='left' >{ARTICLETITLE}</td>
				<td align='center' nowrap width="1%">{DATECREATED}</td>
				<td align='left' nowrap width="1%">{TIMEELAPSED}</td>
				<td align='center' nowrap width="1%">{RATING}</td>
				<td align='center' nowrap width="1%" >{TOTALVISITORS}</td>
			</tr>			
			<!-- END DYNAMIC BLOCK: article_row -->	
        </tbody>
    </table>

	<!-- BEGIN DYNAMIC BLOCK: article_record_footer -->
    <br>
    <table style="width:100%;" cellpadding='0' cellspacing='0' border='0'>
                <tr>
                    <!-- BEGIN DYNAMIC BLOCK: toggleAll -->
                    <td style="width:150px;" valign="middle" align="left" nowrap="nowrap">
                        <input type="checkbox" name="toggleAllChk" onclick="toggleAll(this.form);"/>
                        <b>[l]Toogle All[/l]</b><br /><br />
                    </td>
                    <!-- END DYNAMIC BLOCK: toggleAll -->
                </tr>
		<tr class="actionfooter">
			<td style="width:150px;" valign="middle" align="left" nowrap="nowrap">
                <!-- BEGIN DYNAMIC BLOCK: markAsReadBtn -->
				<input
				    type="button"
				    class="button_large"
				    id="btnDelete"
				    name="btnDelete"
				    value="[lh]mark as read[/lh]"
				    style="filter:alpha(opacity=50);-moz-opacity:0.4;"
				    disabled="true" 
				    onclick="document.articles.submit()"/>
                <!-- END DYNAMIC BLOCK: markAsReadBtn -->
			</td>
			<td style="width:100%;">&nbsp;</td>
		</tr>
    </table>   
	<!-- END DYNAMIC BLOCK: article_record_footer -->

	<!-- BEGIN DYNAMIC BLOCK: article_norecord_footer -->
	<table style="width:100%;" cellpadding='0' cellspacing='0' border='0'>
		<tr>
			<td align='center'>
				<br/><span style="color:#808080;">[l]There are currently no items matching this query[/l]</span>
			</td>
		</tr>
	</table>	
	<!-- END DYNAMIC BLOCK: article_norecord_footer -->
  </form>
  
  <script type='text/javascript'>  
    var timeElapsedItems = new Array();
    var timeElapsedValues = new Array();
    <!-- BEGIN DYNAMIC BLOCK: timeElapsedItems -->
    timeElapsedItems.push('{TIMEELAPSED_ITEM}');
    timeElapsedValues.push('{TIMEELAPSED_VALUES}');
    <!-- END DYNAMIC BLOCK: timeElapsedItems -->

	{JAVASCRIPTFORDYNAMICMENU_CC}
	try{
		$('{SELECTEDSNAPSHOTID}').innerHTML = "{SELECTEDSNAPSHOTCOUNT}";	  
		activeSnapShotDiv = '{SELECTEDSNAPSHOTID}';	
	}catch(e){
	
	}
  </script>
</div>
