$( document ).ready( function() {	
	$('#photo').bind( 'change', function(){
		var options = { 
        target:        '',   // target element(s) to be updated with server response 
        //beforeSubmit:  showRequest,  // pre-submit callback 
        success:      function(responseText, statusText)  { 
				
				$('#photo').attr( 'value', '' );
				if( !document.getElementById('uploadedPhoto') ){
					
					var oInput = document.createElement( 'input' );
					$( oInput ).attr( 'type', 'hidden' );
					$( oInput ).attr( 'name', 'data[uploadedPhoto]' );
					$( oInput ).attr( 'id', 'uploadedPhoto' );
					$('#dataForm').append( $( oInput ) );
				}
				
			    $('#uploadedPhoto').attr( 'value', responseText ); 
				$('#photoPreview img').attr( 'src', baseUrl + '/photo.php?photo='+trim( responseText )+'&mode=panelPhotoDisplay' );
				$('#photoPreview').css({'display':'block'});
		},
 
        // other available options: 
        url:       baseUrl + '/ajax/product/uploadPhoto'      // override for form's 'action' attribute 
        //type:      type        // 'get' or 'post', override for form's 'method' attribute 
        //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
        //clearForm: true        // clear all form fields after successful submit 
        //resetForm: true        // reset the form after successful submit 
 
        // $.ajax options can be used here too, for example: 
        //timeout:   3000 
		}; 
 
	    // bind form using 'ajaxForm' 
	    $('#dataForm').ajaxSubmit(options);
				
	});
	
	
	$('#deletePhoto').bind( 'click', function(){
		if( dialogBox( 'Czy napweno chcesz usunąć zdjęcie produktu?' ) === true ){
			$.get( $('#deletePhoto').attr( 'href' ) + '/' + $('#uploadedPhoto').attr( 'value' ));
			$( '#uploadedFile' ).remove();
			$( '#photoPreview' ).css({'display':'none'});
			$('#photoPreview img').attr( 'src', '' );
		}
		return false; 
	});
	
	$('#save a').bind( 'click', function(){
		$('#dataForm').submit();
		return false;
	});
	
	$('#filterCategory').bind( 'change', function(){
		window.location = $(this).attr('value');
	});
	

	
});
function showResponse(responseText, statusText)  { 
	alert( 'poszło' );
	$('#photo').attr( 'value', '' );
	if( !document.getElementById('uploadedPhoto') ){
		
		var oInput = document.createElement( 'input' );
		$( oInput ).attr( 'type', 'hidden' );
		$( oInput ).attr( 'name', 'data[uploadedPhoto]' );
		$( oInput ).attr( 'id', 'uploadedPhoto' );
		$('#dataForm').append( $( oInput ) );
	}
	
    $('#uploadedPhoto').attr( 'value', responseText ); 
	$('#photoPreview img').attr( 'src', baseUrl + '/photo.php?photo='+trim( responseText )+'&mode=panelPhotoDisplay' );
	$('#photoPreview').css({'display':'block'})
}