<?php 
switch($upload_folder) {    
    case CATEGORY_IMG_PATH:  $target_width = '300'; $target_height = '225';$left = "-44";break;
    case USER_IMG_PATH:  $target_width = '200'; $target_height = '200';$left = '6';break;
    case SPECIAL_IMG_PATH:  $target_width = '300'; $target_height = '225';$left = "-44";break;
    case ADVERTISEMENT_IMG_PATH:  $target_width = '370'; $target_height = '131';$left = "-79";break;
    case ONEWAYRENTAL_IMG_PATH:  $target_width = '300'; $target_height = '225';$left = "-44";break;
    case VEHICLE_IMG_PATH:  $target_width = '345'; $target_height = '200';$left = "-66";break;
    case RENTAL_OPTION_IMG_PATH:  $target_width = '140'; $target_height = '140';$left = "36";break;
    
} ?>
<input id="target_width" value="<?php if(isset($target_width)) { echo $target_width; } else { echo '190'; } ?>" type="hidden" readonly="readonly" />
<input id="target_height" value="<?php if(isset($target_height)) { echo $target_height; } else { echo '190'; } ?>" type="hidden" readonly="readonly" />
<input id="target_left" value="<?php if(isset($left)) { echo $left; } ?>" type="hidden" readonly="readonly" />
<input id="folder_path" value="<?php if(isset($upload_folder)) { echo $upload_folder; } ?>" type="hidden" readonly="readonly" />
<div style="display: none;" class="jzac_panel dialog_crop" >
    <div class="pane clearfix">
      <img src="" class="image_main" alt="" id="cropbox1" />
      <input type="hidden" value="" id="dialog_crop_image_name" />
      <div class="clear">&nbsp;</div>
      <div class="crop_btn_class">
          <input type="button" id="btn_crop_submit" name="btn_crop_submit" value="Crop" class="btn btn-crop-sub btn-red" />
          <input type="button" id="btn_crop_cancel" name="btn_crop_cancel" value="Cancel" class="btn btn-crop-sub btn-red" />
      </div>
      <table class="coords" style="display: none;">
        <tr><td>crop x</td><td><input id="crop_x" type="text" /></td></tr>
        <tr><td>crop y</td><td><input id="crop_y" type="text" /></td></tr>
        <tr><td>crop width</td><td><input id="crop_width" type="text" /></td></tr>
        <tr><td>crop height</td><td><input id="crop_height" type="text" /></td></tr>
        <tr><td>image width</td><td><input id="crop_img_width" type="text" /></td></tr>
        <tr><td>image height</td><td><input id="crop_img_height" type="text" /></td></tr>            
      </table>
      <div style="display: none;" class='border-container'>
        <div class="left_border container-border"></div>
        <div class="top_border container-border"></div>
        <div class="right_border container-border"></div>
        <div class="bottom_border container-border"></div>
      </div>
    </div> 
</div>

<?php echo HTML::style('assets/blueimp-file-upload/css/jquery.fileupload-ui.css'); ?>

<?php echo HTML::script('js/admin/jquery.blockui.js'); ?>

<?php echo HTML::script('assets/blueimp-file-upload/js/vendor/jquery.ui.widget.js'); ?>

<?php echo HTML::script('assets/blueimp-file-upload/js/jquery.iframe-transport.js'); ?>

<?php echo HTML::script('assets/blueimp-file-upload/js/jquery.fileupload.js'); ?> 
<?php echo HTML::script('js/admin/jquery.jzac.js'); ?>

<?php echo HTML::script('assets/blueimp-file-upload/js/canvas-to-blob.min.js'); ?>

<?php echo HTML::script('assets/blueimp-file-upload/js/load-image.all.min.js'); ?>

<?php echo HTML::script('assets/blueimp-file-upload/js/jquery.fileupload-process.js'); ?>

<?php echo HTML::script('assets/blueimp-file-upload/js/jquery.fileupload-image.js'); ?>