клик по изображению из списка изображений отображает кликнутое изображение в главном меню

Я достиг нескольких загрузок файлов и предварительного просмотра для всех загруженных файлов, прежде чем он будет сохранен в базе данных в yii, используя jquery.

Но мне также нужно условие

1. требуется при загрузке max 3 и minimun 1 файлов. Я искал, но нашел, что соответствует моему требованию

2. хотите повторно использовать код как-то для foreach для нескольких загрузок.

3. по щелчку изображения (id blah1, blah2) отображает это изображение в первом div - для предварительного просмотра

Я попытался, но не нашел работу.

Посмотреть

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>

 <script type="text/javascript">
   $(document).ready(function(){
    var preview = $("#blah");
  var preview1 = $("#blah1");
   var preview2 = $("#blah2");

   $("#input").change(function(event){
   var input = $(event.currentTarget);
    var file = input[0].files[0];
    var reader = new FileReader();
     reader.onload = function(e){
   image_base64 = e.target.result;
   preview.attr("src", image_base64);

     };
      reader.readAsDataURL(file);
   });

    $("#imgInput1").change(function(event){
   var input = $(event.currentTarget);
  var file = input[0].files[0];
   var reader = new FileReader();
      reader.onload = function(e){
   image_base64 = e.target.result;
   preview1.attr("src", image_base64);

   };
   reader.readAsDataURL(file);
   });

  $("#imgInput1").click(function(event){
   var input = $(event.currentTarget);
     var file = input[0].files[0];
   var reader = new FileReader();
    reader.onload = function(e){
   image_base64 = e.target.result;
   preview.attr("src", image_base64);

   };
    reader.readAsDataURL(file);
   });

  $("#imgInput2").change(function(event){
    var input = $(event.currentTarget);
    var file = input[0].files[0];
      var reader = new FileReader();
reader.onload = function(e){
   image_base64 = e.target.result;
   preview2.attr("src", image_base64);

};
reader.readAsDataURL(file);
});

 });


</script>

<?php $form=$this->beginWidget('CActiveForm',array(
  'id'=>'edit_form',
'enableAjaxValidation'=>false,
 'htmlOptions'=>array('enctype'=>'multipart/form-data'),
   )); ?>

  <div class="product">
     <div class="imgdiv">
  <img id="blah" class="i1" src="#" width="115px" height="120px"/>
      <img id="blah1" class="i2" src="#" width="50px" height="20px"/>
      <img id="blah2" class="i3" src="#" width="50px" height="20px"/>
    </div>      
    <div class="title4">
     <?php echo $form->labelEx($model,'pimg'); ?>

    <?php echo $form->fileField($model, 'pimg',array('id'=>'imgInput',)); ?>

            <?php echo $form->error($model,'pimg'); ?>
    </div>  

     <div class="title4">
     <?php echo $form->labelEx($model,'pimg'); ?>

    <?php echo $form->fileField($model, 'pimg',array('id'=>'imgInput1',)); ?>

            <?php echo $form->error($model,'pimg'); ?>
    </div>  

     <div class="title4">
     <?php echo $form->labelEx($model,'pimg'); ?>

    <?php echo $form->fileField($model, 'pimg',array('id'=>'imgInput2',)); ?>

            <?php echo $form->error($model,'pimg'); ?>
    </div>  


  </div>

 <?php $this->endWidget(); ?>

Может ли кто-нибудь помочь мне разобраться с проблемой ПОЖАЛУЙСТА, ПОМОГИТЕ! Дайте мне знать, если кто-нибудь из вас знает........ Спасибо