Jcrop png erro

Galera estou com um sistema de jcrop que quando eu coloco imagem jpg e jpeg ele funciona de boa porem quando coloco png a imagem fica toda preta e salva preta.

PHP que salva

	<?php

	/*********************************************************************

	     Purpose            : update image.

	     Parameters         : null

	     Returns            : integer

	     ***********************************************************************/

	     $post = isset($_POST) ? $_POST: array();

	     //print_R($post);die;

	     switch($post['action']) {

	      case 'save' :

	        saveAvatarTmp();

	      break;

	      default:

	        changeAvatar();

	        

	     }

	    

	     function changeAvatar() {

	        $post = isset($_POST) ? $_POST: array();

	        $max_width = "500"; 

	        $userId = isset($post['hdn-profile-id']) ? intval($post['hdn-profile-id']) : 0;

	        $path = 'images/tmp';

	        $valid_formats = array("jpg", "png", "gif", "bmp","jpeg");

	        $name = $_FILES['photoimg']['name'];

	        $size = $_FILES['photoimg']['size'];

	        if(strlen($name))

	        {

	        list($txt, $ext) = explode(".", $name);

	        if(in_array($ext,$valid_formats))

	        {

	        if($size<(1024*1024)) // Image size max 1 MB

	        {

	        $actual_image_name = 'avatar' .'_'.$userId .'.'.$ext;

	        $filePath = $path .'/'.$actual_image_name;

	        $tmp = $_FILES['photoimg']['tmp_name'];

	        

	        if(move_uploaded_file($tmp, $filePath))

	        {

	        $width = getWidth($filePath);

	            $height = getHeight($filePath);

	            //Scale the image if it is greater than the width set above

	            if ($width > $max_width){

	                $scale = $max_width/$width;

	                $uploaded = resizeImage($filePath,$width,$height,$scale);

	            }else{

	                $scale = 1;

	                $uploaded = resizeImage($filePath,$width,$height,$scale);

	            }

	        /*$res = saveAvatar(array(

	                        'userId' => isset($userId) ? intval($userId) : 0,

	                                                'avatar' => isset($actual_image_name) ? $actual_image_name : '',

	                        ));*/

	                        

	        //mysql_query("UPDATE users SET profile_image='$actual_image_name' WHERE uid='$session_id'");

	        echo "<img id='photo' file-name='".$actual_image_name."' class='' src='".$filePath.'?'.time()."' class='preview'/>";

	        }

	        else

	        echo "failed";

	        }

	        else

	        echo "Image file size max 1 MB"; 

	        }

	        else

	        echo "Invalid file format.."; 

	        }

	        else

	        echo "Please select image..!";

	        exit;

	        

	        

	    }

	    /*********************************************************************

	     Purpose            : update image.

	     Parameters         : null

	     Returns            : integer

	     ***********************************************************************/

	     function saveAvatarTmp() {

	        $post = isset($_POST) ? $_POST: array();

	        $userId = isset($post['id']) ? intval($post['id']) : 0;

	        $path ='\\images\uploads\tmp';

	        $t_width = 300; // Maximum thumbnail width

	        $t_height = 300;    // Maximum thumbnail height

	        

	    if(isset($_POST['t']) and $_POST['t'] == "ajax")

	    {

	        extract($_POST);

	        

	        //$img = get_user_meta($userId, 'user_avatar', true);

	        $imagePath = 'images/tmp/'.$_POST['image_name'];

	        $ratio = ($t_width/$w1); 

	        $nw = ceil($w1 * $ratio);

	        $nh = ceil($h1 * $ratio);

	        $nimg = imagecreatetruecolor($nw,$nh);

	        $im_src = imagecreatefromjpeg($imagePath);

	        imagecopyresampled($nimg,$im_src,0,0,$x1,$y1,$nw,$nh,$w1,$h1);

	        imagejpeg($nimg,$imagePath,90);

	        

	    }

	    echo $imagePath.'?'.time();;

	    exit(0);    

	    }

	    

	    /*********************************************************************

	     Purpose            : resize image.

	     Parameters         : null

	     Returns            : image

	     ***********************************************************************/

	    function resizeImage($image,$width,$height,$scale) {

	    $newImageWidth = ceil($width * $scale);

	    $newImageHeight = ceil($height * $scale);

	    $newImage = imagecreatetruecolor($newImageWidth,$newImageHeight);

	    $source = imagecreatefromjpeg($image);

	    imagecopyresampled($newImage,$source,0,0,0,0,$newImageWidth,$newImageHeight,$width,$height);

	    imagejpeg($newImage,$image,90);

	    chmod($image, 0777);

	    return $image;

	}

	/*********************************************************************

	     Purpose            : get image height.

	     Parameters         : null

	     Returns            : height

	     ***********************************************************************/

	function getHeight($image) {

	    $sizes = getimagesize($image);

	    $height = $sizes[1];

	    return $height;

	}

	/*********************************************************************

	     Purpose            : get image width.

	     Parameters         : null

	     Returns            : width

	     ***********************************************************************/

	function getWidth($image) {

	    $sizes = getimagesize($image);

	    $width = $sizes[0];

	    return $width;

	}

	?>

	 

	 

	Jquery

	 

	<script type="text/javascript">

	        jQuery(document).ready(function(){

	        

	        jQuery('#change-pic').on('click', function(e){

	            jQuery('#changePic').show();

	            jQuery('#change-pic').hide();

	            

	        });

	        

	        jQuery('#photoimg').on('change', function()   

	        { 

	            jQuery("#preview-avatar-profile").html('');

	            jQuery("#preview-avatar-profile").html('Uploading....');

	            jQuery("#cropimage").ajaxForm(

	            {

	            target: '#preview-avatar-profile',

	            success:    function() { 

	                    jQuery('img#photo').imgAreaSelect({

	                    aspectRatio: '1:1',

	                    onSelectEnd: getSizes,

	                });

	                jQuery('#image_name').val(jQuery('#photo').attr('file-name'));

	                }

	            }).submit();

	        });

	        

	        jQuery('#btn-crop').on('click', function(e){

	        e.preventDefault();

	        params = {

	                targetUrl: 'profile.php?action=save',

	                action: 'save',

	                x_axis: jQuery('#hdn-x1-axis').val(),

	                y_axis : jQuery('#hdn-y1-axis').val(),

	                x2_axis: jQuery('#hdn-x2-axis').val(),

	                y2_axis : jQuery('#hdn-y2-axis').val(),

	                thumb_width : jQuery('#hdn-thumb-width').val(),

	                thumb_height:jQuery('#hdn-thumb-height').val()

	            };

	            saveCropImage(params);

	        });

	        

	     

	        

	        function getSizes(img, obj)

	        {

	            var x_axis = obj.x1;

	            var x2_axis = obj.x2;

	            var y_axis = obj.y1;

	            var y2_axis = obj.y2;

	            var thumb_width = obj.width;

	            var thumb_height = obj.height;

	            if(thumb_width > 0)

	                {

	                    jQuery('#hdn-x1-axis').val(x_axis);

	                    jQuery('#hdn-y1-axis').val(y_axis);

	                    jQuery('#hdn-x2-axis').val(x2_axis);

	                    jQuery('#hdn-y2-axis').val(y2_axis);

	                    jQuery('#hdn-thumb-width').val(thumb_width);

	                    jQuery('#hdn-thumb-height').val(thumb_height);

	                    

	                }

	            else

	                alert("Please select portion..!");

	        }

	        

	        function saveCropImage(params) {

	        jQuery.ajax({

	            url: params['targetUrl'],

	            cache: false,

	            dataType: "html",

	            data: {

	                action: params['action'],

	                id: jQuery('#hdn-profile-id').val(),

	                 t: 'ajax',

	                                    w1:params['thumb_width'],

	                                    x1:params['x_axis'],

	                                    h1:params['thumb_height'],

	                                    y1:params['y_axis'],

	                                    x2:params['x2_axis'],

	                                    y2:params['y2_axis'],

	                                    image_name :jQuery('#image_name').val()

	            },

	            type: 'Post',

	           // async:false,

	            success: function (response) {

	                    jQuery('#changePic').hide();

	                    jQuery('#change-pic').show();

	                    jQuery(".imgareaselect-border1,.imgareaselect-border2,.imgareaselect-border3,.imgareaselect-border4,.imgareaselect-border2,.imgareaselect-outer").css('display', 'none');

	                    

	                    jQuery("#avatar-edit-img").attr('src', response);

	                    jQuery("#preview-avatar-profile").html('');

	                    jQuery("#photoimg").val('');

	            },

	            error: function (xhr, ajaxOptions, thrownError) {

	                alert('status Code:' + xhr.status + 'Error Message :' + thrownError);

	            }

	        });

	        }

	        });

	    </script>