solved Image sizes

{jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_image" item_id=$row._profile_id size="medium" alt=$row.profile_name title=$row.profile_name height=150}

{jrCore_module_function function="jrImage_display" module=jrBlog type=blog_image item_id=1 size=large class="img-responsivecd" alt="test" height="100" crop="fill"}

{jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_image" item_id="61" size="large" alt="test" height="100"}

  {jrCore_module_function function="jrImage_display" module="jrBlog" type="blog_image" item_id="1" size="large" alt="test" height="100"}
 
  {jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_image" item_id="1" size="large" alt="test" height="100"}
  
  {jrCore_module_function function="jrImage_display" module="jrProfile" type="profile_image" item_id="1" size="large" alt="test" height="200"}

width=200 height=false

{jrCore_include template="header.tpl"}
{*http://www.bootply.com/129266*}
<div class="container-fluid">

  <div class="row">
    	<div class="col-xs-12 col-sm-8 col-md-6 col-lg-4"><img src="//placehold.it/650x370" class="img-responsive"></div>
    	<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">1</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">2</div>
  		<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">3</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">4</div>
    	<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">5</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">6</div>
    	<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">7</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">8</div>
    	<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">9</div>
        <div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">10</div>
    	<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2">11</div>
  </div>
  
</div>

<style type="text/css">
.col-xs-6 {
	min-height:125px;
    background-color:#55ddff;
}

</style>

{jrCore_include template="footer.tpl"}

<div class="row">
        <div class="col-xs-6 col-sm-3">
          .col-xs-6 .col-sm-3
          <br>
          Resize your viewport or check it out on your phone for an example.
        </div>
        <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>

        <!-- Add the extra clearfix for only the required viewport -->
        <div class="clearfix visible-xs"></div>

        <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
        <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
      </div>

<?php
function Image($image, $crop = null, $size = null) {
    $image = ImageCreateFromString(file_get_contents($image));

    if (is_resource($image) === true) {
        $x = 0;
        $y = 0;
        $width = imagesx($image);
        $height = imagesy($image);

        /*
        CROP (Aspect Ratio) Section
        */

        if (is_null($crop) === true) {
            $crop = array($width, $height);
        } else {
            $crop = array_filter(explode(':', $crop));

            if (empty($crop) === true) {
                    $crop = array($width, $height);
            } else {
                if ((empty($crop[0]) === true) || (is_numeric($crop[0]) === false)) {
                        $crop[0] = $crop[1];
                } else if ((empty($crop[1]) === true) || (is_numeric($crop[1]) === false)) {
                        $crop[1] = $crop[0];
                }
            }

            $ratio = array(0 => $width / $height, 1 => $crop[0] / $crop[1]);

            if ($ratio[0] > $ratio[1]) {
                $width = $height * $ratio[1];
                $x = (imagesx($image) - $width) / 2;
            }

            else if ($ratio[0] < $ratio[1]) {
                $height = $width / $ratio[1];
                $y = (imagesy($image) - $height) / 2;
            }

        }

        /*
        Resize Section
        */

        if (is_null($size) === true) {
            $size = array($width, $height);
        }

        else {
            $size = array_filter(explode('x', $size));

            if (empty($size) === true) {
                    $size = array(imagesx($image), imagesy($image));
            } else {
                if ((empty($size[0]) === true) || (is_numeric($size[0]) === false)) {
                        $size[0] = round($size[1] * $width / $height);
                } else if ((empty($size[1]) === true) || (is_numeric($size[1]) === false)) {
                        $size[1] = round($size[0] * $height / $width);
                }
            }
        }

       $result = ImageCreateTrueColor($size[0], $size[1]);

        if (is_resource($result) === true) {
            ImageSaveAlpha($result, true);
            ImageAlphaBlending($result, true);
            ImageFill($result, 0, 0, ImageColorAllocate($result, 255, 255, 255));
            ImageCopyResampled($result, $image, 0, 0, $x, $y, $size[0], $size[1], $width, $height);

            ImageInterlace($result, true);
            ImageJPEG($result, null, 90);
        }
    }

    return false;
}

header('Content-Type: image/jpeg');
Image('http://upload.wikimedia.org/wikipedia/commons/4/47/PNG_transparency_demonstration_1.png', '16:9', '320x');

?>

                // Check for an aspect ratio crop
                if (strpos($_post['crop'], ':')) {


//                     // Our aspect ratio crop will come in like 4x3 or 16x9, etc.
//                     list($w, $h) = explode(':', $_post['crop']);
//                     $w = (int) $w;
//                     $h = (int) $h;
//                     // What is our existing ratio?
//                     if ($w > $h) {
//                         $chunk           = round($src_height / $w);
//                         $src_y_offset    = round(($src_height - ($h * $chunk)) / 2);
//                         $new_width       = $_post['width'];
//                         $new_height      = round(($_post['width'] / $w) * $h);
//                         $_post['height'] = $new_height;
//                         $src_height     -= round($src_y_offset * 2);
//                     }
//                     else {
//                         $chunk           = round($src_width / $h);
//                         $src_x_offset    = round(($src_width - ($w * $chunk)) / 2);
//                         $new_height      = $_post['width'];
//                         $new_width       = round(($_post['width'] / $h) * $w);
//                         $_post['width']  = $new_width;
//                         $_post['height'] = $new_height;
//                         $src_width      -= round($src_x_offset * 2);
//                     }

                
                    // Our aspect ratio crop will come in like 4:3 or 16:9, etc.
					$crop = array_filter(explode(':', $_post['crop']));

					$ratio = array(0 => $src_width / $src_height, 1 => $crop[0] / $crop[1]);

					$w = $crop[0];
					$h = $crop[1];
			
					// What is our existing ratio?
					if ($w > $h) {
					
						if ($ratio[0] > $ratio[1]) {
							$width = $src_height * ($w / $h);
							$src_x_offset = ($src_width - $width) / 2;
							$src_width = $width;
						
						}

						else if ($ratio[0] < $ratio[1]) {
							$height = $src_width / ($w / $h);
							$src_y_offset = ($src_height - $height) / 2;
							$src_height = $height;
						}

						$new_width       = $_post['width'];
						$new_height      = round(($_post['width'] / $w) * $h);
						$_post['height'] = $new_height;
						
					}
                    else {

						if ($ratio[0] > $ratio[1]) {
							$width = $src_height * ($w / $h);
							$src_x_offset = ($src_width - $width) / 2;
							$src_width = $width;
						}

						else if ($ratio[0] < $ratio[1]) {
							$height = $src_width / ($w / $h);
							$src_y_offset = ($src_height - $height) / 2;
							$src_height = $height;
						}
						
						$new_height      = $_post['width'];
						$new_width       = round(($_post['width'] / $h) * $w);
						$_post['width']  = $new_width;
						$_post['height'] = $new_height;
							
                    }

                }
                else {
                    // Default auto height/width