<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>
			Aurigma Image Uploader 7 Demo Applications&nbsp;&mdash;&nbsp;Basic demo
		</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link href="../Styles/style.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<form id="form1" class="page">
			<div id="container">
				<div id="header">
					<div id="header-inner">
						<a class="logo" href="#" title="Aurigma"><img src="../Images/logo_dark.png" alt="Aurigma logo" /></a>
					</div>
				</div>
				<div id="center">
					<div class="aB">
						<div class="aB-B">
							<h1 class="header2">Basic demo</h1>
							<p>
								This simple application is a quick start demo with minimum settings. 
							</p>
							<div class="demo">
								<div class="inner">
									<div class="container">
										<div class="code">
											<script src="../Scripts/aurigma.uploader.min.js" type="text/javascript"></script>
											<script src="../Scripts/aurigma.uploader.installationprogress.min.js" type="text/javascript"></script>
											<script type="text/javascript">
												// <![CDATA[
												var uploader = $au.uploader({
													id: 'Uploader1',
													width: '100%',
													height: '500px',
													licenseKey: 'XXXXX-XXXXX-XXXXX-XXXXX-XXXXX-XXXXXX',
													enableDescriptionEditor: false,
													enableRotation: false,
													enableImageEditor: false,
													activeXControl: {
														codeBase: '../Scripts/ImageUploader7.cab',
														codeBase64: '../Scripts/ImageUploader7_x64.cab'
													},
													javaControl: {
														codeBase: '../Scripts/ImageUploader7.jar'
													},
													uploadSettings: {
														actionUrl: 'Upload.asp',
														redirectUrl: 'Gallery.asp',
														filesPerPackage: 1       
													},
													converters: [
														{ mode: '*.*=SourceFile' },
														{ mode: '*.*=Thumbnail;*.*=Icon', thumbnailFitMode: 'Fit', thumbnailWidth: '120', thumbnailHeight: '120' }
													],
													folderPane: {
														height: 370
													},
													uploadPane: {
														viewMode: 'List'
													},
													restrictions: {
														fileMask: '*.jpg;*.jpeg;*.png;*.gif;*.bmp'
													}
												});

												var ip = $au.installationProgress(uploader);
												ip.progressImageUrl('../Images/installation_progress.gif');
												ip.progressCssClass('ip-progress');
												ip.instructionsCssClass('ip-instructions');

												uploader.writeHtml();
												//]]>
											</script>
										</div>
									</div>
								</div>
							</div>
							<ul class="tabs">
								<li class="selected"><span>Description</span></li>
							</ul>
							<div class="tab-containers">
								<div class="tab-container">
									<div class="tab-inner">
										<p>
											This demo application is quick start demo with minimum set of settings. The application demonstrates how to:</p>
										<ul>
											<li>Filter files in open file dialog.</li>
											<li>Upload the original file along with 120x120 thumbnail.</li>
											<li>Receive files on server and put them to a destination folder.</li>
											<li>Redirect to another page after successful upload.</li>
											</ul>
										<p>
											After the upload process completes Image Uploader redirects you to a page containing links to the uploaded files.</p>
										<p class="license-description">
											This demo application works with any edition of Image Uploader (<strong>Express</strong>, 
											<strong>Professional</strong>, <strong>Print</strong>, and <strong>Premium</strong>).</p>
									</div>
								</div>
							</div>
						</div>
						<div class="aB-a">
							<div class="sidebar">
								<h2>
									<a href="#">Image Uploader</a>
								</h2>
								<ul class="side-menu">
									<li class="selected">
										<a href="Default.asp">Basic demo</a>
										<div class="hint">
											This simple application is a quick start demo with minimum settings. 
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div id="footer">&copy; 2011 Aurigma, Inc.</div>
			</div>
		</form>
	</body>
</html>
