    <link rel="stylesheet" href="catalog/view/theme/default/stylesheet/newstyle.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    
    <script>
    $(function() {
        $( "#slider-range-min" ).slider({
            range: "min",
            value: <?php echo $masculine_feminine; ?>,
            min: 0,
            max: 100,
            slide: function( event, ui ) {
                $( "#amount" ).val(ui.value );
            }
        });
        $( "#amount" ).val($( "#slider-range-min" ).slider( "value" ) );
    });
    </script>
	    <script>
    $(function() {
        $( "#slider-range-min2" ).slider({
            range: "min",
            value: <?php echo $youthful_mature; ?>,
            min: 0,
            max: 100,
            slide: function( event, ui ) {
                $( "#amount2" ).val(ui.value );
            }
        });
        $( "#amount2" ).val( $( "#slider-range-min2" ).slider( "value" ) );
    });
    </script>
		    <script>
    $(function() {
        $( "#slider-range-min3" ).slider({
            range: "min",
            value: <?php echo $funky_graceful; ?>,
            min: 0,
            max: 100,
            slide: function( event, ui ) {
                $( "#amount3" ).val(ui.value );
            }
        });
        $( "#amount3" ).val( $( "#slider-range-min3" ).slider( "value" ) );
    });
    </script>
		    <script>
    $(function() {
        $( "#slider-range-min4" ).slider({
            range: "min",
            value: <?php echo $bold_subtle; ?>,
            min: 0,
            max: 100,
            slide: function( event, ui ) {
                $( "#amount4" ).val( ui.value );
            }
        });
        $( "#amount4" ).val( $( "#slider-range-min4" ).slider( "value" ) );
    });
    </script>
		    <script>
    $(function() {
        $( "#slider-range-min5" ).slider({
            range: "min",
            value: <?php echo $simple_intricate; ?>,
            min: 0,
            max: 100,
            slide: function( event, ui ) {
                $( "#amount5" ).val( ui.value );
            }
        });
        $( "#amount5" ).val( $( "#slider-range-min5" ).slider( "value" ) );
    });
    </script>
		    <script>
    $(function() {
        $( "#slider-range-min6" ).slider({
            range: "min",
            value: <?php echo $classic_contemporary; ?>,
            min: 0,
            max: 100,
            slide: function( event, ui ) {
                $( "#amount6" ).val( ui.value );
            }
        });
        $( "#amount6" ).val($( "#slider-range-min6" ).slider( "value" ) );
    });
    </script>


<?php echo $header; ?><?php echo $column_right; ?>
<div id="content1" > 
  
  	<?php if ($informations) { ?>		
	<?php foreach ($informations as $information) { ?>		
	<!-- <b><?php echo $information['title']; ?></b> <br> --->		
	<?php echo html_entity_decode($information['description']); ?>		
	<?php } ?>	
	<?php } ?>	
	
   <form name="myForm" action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" id="register" >
   
   <tr>
		<strong><span style="font-family:trebuchet ms,helvetica,sans-serif;"> 1) Tell us what jewellery you are looking for ? </span></strong>  <br><br>
		<td><select name="design_category"  selected="selected">
					<option value="">- Select One -</option>
                  <?php foreach ($designs_categorys as $designs_cat) { ?>
				  <?php if ($designs_cat['contest_sample_designs_id'] == $design_category) { ?>
                  <option value="<?php echo $designs_cat['contest_sample_designs_id']; ?>" selected="selected"><?php echo $designs_cat['design_category']; ?></option>
					  <?php } else { ?>
					   <option value="<?php echo $designs_cat['contest_sample_designs_id']; ?>"><?php echo $designs_cat['design_category']; ?></option>
                  <?php } ?>
                  <?php } ?>
         </select>
		<?php if (isset($error_design)) { ?>
            <span class="error"><i><?php echo $error_design; ?></i></span>
            <?php } ?>
		</td></tr>
   <br><br>
	
	<p>
		<strong><span style="font-family:trebuchet ms,helvetica,sans-serif;">2) Describe your imagination in a few words/ what comes to your mind 
		first that you would want to see in your jewellery- explain the theme. Remember you can also upload 
		a picture/ your inspiration here.</span></strong>
	</p>
  
         <textarea name="describe" cols="40" rows="5" style="margin: 2px 0px; width: 912px; height: 185px;"><?php echo $describe; ?></textarea>
     <br><br>
	
	<div  id="div-image1">
	<p>
		<strong><span style="font-family:trebuchet ms,helvetica,sans-serif;">3) Do you have any image/sketch that you like?</span></strong>
	</p> 
		<input type="button" value="Upload File" id="image1" class="button">
		<input type="hidden" name="image1" value="<?php echo $image1 ; ?>"> 
	</div>
	<br>
	<br>
	<tr>
		<p>
		<strong><span style="font-family:trebuchet ms,helvetica,sans-serif;">4) What is the special occasion that you wish to capture on your jewellery : </span></strong>
	</p> 
		<select name="ocassion"  selected="selected">
		<option value="">- Select One -</option>
                  <?php foreach ($occassions as $occassion1) { ?>
				<?php if ($occassion1['occasionmaster_id'] == $ocassion) { ?>
                  <option value="<?php echo $occassion1['occasionmaster_id']; ?>" selected="selected"><?php echo $occassion1['description']; ?></option>
					<?php } else { ?>
					<option value="<?php echo $occassion1['occasionmaster_id']; ?>"><?php echo $occassion1['description']; ?></option>
                  <?php } ?>
                  <?php } ?>
				  
                </select>
				<?php if (isset($error_specialoccassion)) { ?>
            <span class="error"><i><?php echo $error_specialoccassion; ?></i></span>
            <?php } ?>	
		</tr>
		<br><br>
	
	<p>
		<strong><span style="font-family:trebuchet ms,helvetica,sans-serif;">5) Tell us where your imagination fits on these scales:</span></strong>
	</p>
	
	
	 <ul id="logo-values">
   <li>
    <input size="1" type="hidden" id="amount" name="masculine_feminine" style="border: 0; color: #f6931f; font-weight: bold;" /><span>Masculine</span>
    <div id="slider-range-min" style="width:100px;margin-top: -13px;margin-left: 120px;"><span style="margin-left:135px;">Feminine</span></div> 
	<input type="hidden" id="amount" value="<?php echo $masculine_feminine; ?>" />
   </li>
    <br> 
   <li>
    <input size="1" type="hidden" id="amount2" name="youthful_mature" style="border: 0; color: #f6931f; font-weight: bold;" /><span>Youthful</span>
    <div id="slider-range-min2" style="width:100px;margin-top: -13px;margin-left: 120px;"><span style="margin-left:135px;">Mature</span></div> 
	<input type="hidden" id="amount2" value="<?php echo $youthful_mature; ?>" />
   </li>
   <br>
     <li>
    <input size="1" type="hidden" id="amount3" name="funky_graceful" style="border: 0; color: #f6931f; font-weight: bold;" /><span>Funky</span>
    <div id="slider-range-min3" style="width:100px;margin-top: -13px;margin-left: 120px;"><span style="margin-left:135px;">Graceful</span></div> 
	<input type="hidden" id="amount3" value="<?php echo $funky_graceful; ?>" />
   </li>
   <br>
      <li>
    <input size="1" type="hidden" id="amount4" name="bold_subtle" style="border: 0; color: #f6931f; font-weight: bold;" /><span>Bold</span>
    <div id="slider-range-min4" style="width:100px;margin-top: -13px;margin-left: 120px;"><span style="margin-left:135px;">Subtle</span></div> 
	<input type="hidden" id="amount4" value="<?php echo $bold_subtle; ?>" />
   </li>
   <br>
      <li>
    <input size="1" type="hidden" id="amount5" name="simple_intricate" style="border: 0; color: #f6931f; font-weight: bold;" /><span>Simple</span>
    <div id="slider-range-min5" style="width:100px;margin-top: -13px;margin-left: 120px;"><span style="margin-left:135px;">Intricate</span></div> 
	<input type="hidden" id="amount5" value="<?php echo $simple_intricate; ?>" />
   </li>
   <br>
      <li>
    <input size="1" type="hidden" id="amount6" name="classic_contemporary" style="border: 0; color: #f6931f; font-weight: bold;" /><span>Classic</span>
    <div id="slider-range-min6" style="width:100px;margin-top: -13px;margin-left: 120px;"><span style="margin-left:135px;">Contemporary</span></div> 
	<input type="hidden" id="amount6" value="<?php echo $classic_contemporary; ?>" /> 
   </li>
   </ul>
	 <br><br>
	<p>
		<strong><span style="font-family:trebuchet ms,helvetica,sans-serif;">6) Select the themes that you like (up to 3):  </span></strong>
	</p>
	<div style="width:750px;">
	<?php foreach ($images as $images1) { ?>
	<?php if ($images1['thumb']) { ?>
	<div class="image" style="float:left;width:180px;"><img style="border:2px solid #EBEAEA;margin-left:20px;" src="<?php echo $images1['thumb']; ?>"  />
	<?php } ?> 
	<?php if (in_array($images1['contest_sample_designs_id'], $themeee)) { ?>
	 <span style="margin-left:50px;"><input type="checkbox" name="themeee[]" value="<?php echo $images1['contest_sample_designs_id']; ?>" checked="checked" />
	 <?php echo $images1['theme']; ?></span>
	<?php } else { ?>
	 <span style="margin-left:30px;"><input type="checkbox" name="themeee[]" value="<?php echo $images1['contest_sample_designs_id']; ?>" />
	<?php echo $images1['theme']; ?></span>
	 <?php } ?>
	</div>
		<?php } ?> 
		
		
	</div>
<br><br><br><br><br><br><br><br><br><br><br>
    <div style="float: left;">
		<a onclick="$('#register').submit();" style="margin-left:0px;margin-top: 20px;">
		<img width="64" height="34px" src="catalog/view/theme/default/image/next_button.png" />
		</a> 
</div>
    <br><br><br><br>
  </form>
	
 
  
  <?php echo $content_bottom; ?></div>
<?php echo $footer; ?>


	<script type="text/javascript" src="catalog/view/javascript/jquery/ajaxupload.js"></script>
	<script type="text/javascript"><!--
	new AjaxUpload('#image1', {
	action: 'index.php?route=information/myown/upload',
	name: 'file',
	autoSubmit: true,
	responseType: 'json',
	onSubmit: function(file, extension) {
		$('#image1').after('<img src="catalog/view/theme/default/image/loading.gif" class="loading" style="padding-left: 5px;" />');
	},
	onComplete: function(file, json) {
		$('.error').remove();
		
		if (json.success) {
			//alert(json.file);
			$('input[name=\'image1\']').attr('value', json.file);
			$('#div-image1').after('<span style="color:#ff8c00;"><i> File Submitted. </i></span>');
		}
		
		if (json.error) {
			$('#div-image1').after('<span class="error">' + json.error + '</span>');
		}
		
		$('.loading').remove();	
	}
});
//--></script>


<script type="text/javascript">
$('.date').datepicker({dateFormat: 'yy-mm-dd'});
</script> 