{{ msg | raw }}
<p>Add photos to your gallery by selecting from the options below.  You may add more images (.jpeg) by uploading them via your <a href="upload.php">Media Library</a>. In that same section is where you can alter the <b>title</b> associated with each image.</p>
<form action="" method="post" name="photo_gallery">
	<input type="hidden" name="{{ hidden_field_name }}" value="1" />
	
	<div class="form-group">
		<label for="photo_gallery_name_en">Gallery Caption{% if french_enabled %} (EN){% endif %}:</label>
		<input type="text" name="photo_gallery_name_en" id="photo_gallery_name_en" value="{{ gallery_name_en }}" class="widefat" maxlength="300" tabindex="1" />
	</div>

	{% if french_enabled %}
	<div class="form-group">
		<label for="photo_gallery_name_fr">Gallery Caption (FR):</label>
		<input type="text" name="photo_gallery_name_fr" id="photo_gallery_name_fr" value="{{ gallery_name_fr }}" class="widefat" maxlength="300" tabindex="1" />
	</div>
	{% endif %}
	
	<div class="form-group">
		<label for="cpc_photo_gallery_date">Date: <small>(YYYY-MM-DD)</small></label>
		<input type="text" id="cpc_photo_gallery_date" name="photo_gallery_date" class="widefat" value="{{ gallery_date }}" maxlength="10" tabindex="2" />
	</div>
    
	<div class="form-group">
		<label for="">Gallery Description{% if french_enabled %} (EN){% endif %}:</label>
		<input type="text" name="photo_gallery_description_en" value="{{ gallery_description_en }}" class="widefat" maxlength="600" tabindex="1" />
	</div>

	{% if french_enabled %}
	<div class="form-group">
		<label for="photo_gallery_description_fr">Gallery Description (FR):</label>
		<input type="text" name="photo_gallery_description_fr" id="photo_gallery_description_fr" value="{{ gallery_description_fr }}" class="widefat" maxlength="600" tabindex="1" />
	</div>
	{% endif %}
	
	<div class="form-group">
		<label for="make_photo_gallery_visible">
			<input type="checkbox" name="photo_gallery_visible" id="make_photo_gallery_visible" value="1" {{ (1 == gallery_visible) ? 'checked="checked"' : '' }} tabindex="3" />
			&nbsp;Yes, make this gallery visible to public
		</label>
	</div>
	
	<div class="form-group">
		<label for="">Select photos to add to this gallery:</label><br />
        <input type="button" class="button" id="all" value="Check All" />&nbsp;&nbsp;<input type="button" class="button" id="none" value="Uncheck All" />
		<div class="photo_gallery_container">
			<ul>
				{% for option in options %}
					<li>
						<div class="title"><a href="{{ option.guid }}" target="_blank">{{ option.title }}</a></div>
						<label for="photo_gallery_image_id_{{ loop.index0 }}">
							<input {{ option.checked }} class="check" type="checkbox" name="photo_gallery_image_id[{{ loop.index0 }}]" id="photo_gallery_image_id_{{ loop.index0 }}" value="{{ option.id }}" />
							{{ option.thumbnail | raw }}
						</label>
					</li>
				{% endfor %}
			</ul>
		</div>
	</div>
	
	<div class="form-group">
		<input type="submit" name="submit" value="SUBMIT" class="button button-primary" />
	</div>
	
</form>
<script type="text/javascript">
function GetIEVersion( ) {
  var sAgent = window.navigator.userAgent;
  var Idx = sAgent.indexOf("MSIE");
  if (Idx > 0) 
    return parseInt(sAgent.substring(Idx+ 5, sAgent.indexOf(".", Idx)));
  else if (!!navigator.userAgent.match(/Trident\/7\./)) 
    return 11;
  else
    return 0; //It is not IE
}
$js_=jQuery.noConflict();
$js_(document).ready(function() {
	$js_("#all").click(function() {$js_(".check").attr('checked', true);});
	$js_("#none").click(function() {$js_(".check").attr('checked', false);});
	
	if ( GetIEVersion( ) > 10 )  {
		$js_("label img").click(function() {
			$js_( '#' + $js_(this).parents("label").attr("for")).click();
			//console.log( GetIEVersion() + ' heyo:' + ' #' +$js_(this).parents("label").attr("for")  );
		});
	}

});
</script>