var max_margin = 0;

$(document).ready(function(){
  
  // load ajax request
  $('#go').click(function(){
    var cat_number = $('#change_cat').val();    
    $('#content_move').animate({marginTop: 0},250);
    $('#lc_fader').show();
    $('#lc_fader').css('opacity','0.9');
    $('#content_move').load("images_show.php",{cat:cat_number},function(){      
      maket_work();
      $('#lc_fader').hide();
    });
    return false;
  });    
  
   //toggle content of constructor
  $('#toggle_lego a').click(function(){
    if($('#main_con').css('display')=="none"){
      $('#toggle_lego a').html("Спрятать конструктор");
      var div_h = $('#main_con').height();
      $('#main_con').height(0);
      $('#main_con').css('display','block');     
      $('#main_con').animate({height:div_h},700,function(){
        // callback
      }); 
    }
    else{
      var div_h = $('#main_con').height();
      $('#main_con').animate({height:0},700,function(){
        // callback
        $('#main_con').css('display','none');
        $('#main_con').height(div_h);
        $('#toggle_lego a').html("Показать конструктор");
      }); 
    }
    return false;
  });   
  
  //slider
  max_margin = $('.maket_but').length * 150;  
  $('#lc_down a').click(function(){      
    if((karetka * (-1)) > (max_margin - 220)){
      karetka = 0;       
    }
    else
      karetka -= $('.maket_but').height();    
    $('#content_move').animate({marginTop: karetka},250);
    return false;
  });
  $('#lc_up a').click(function(){
    if(karetka >= 0)
      karetka = (max_margin * (-1)) + 220;
    else        
      karetka += $('.maket_but').height();    
    $('#content_move').animate({marginTop: karetka},250);
    return false;
  });
  
   // change size of maket
  $('#maket_plus').click(function(){      
    if(($('img.maket').height()<=150)&&($('img.maket').width()<=150))
      $('img.maket').css('height',$('img.maket').height() + 10);
    return false;
  });
   $('#maket_min').click(function(){    
    if(($('img.maket').height()>=50)&&($('img.maket').width()>=50))
      $('img.maket').css('height',$('img.maket').height() - 10);
    return false;
  });
  
  // different... 
   
});

// hold position of slider (makets content)
var karetka = 0;

// ability of drag and drop maket 
function drag_maket(){   
  $('img.maket').bind('drag', function( event ){
     var parent_pos_y = $('#work_area')[0].offsetTop;
     var parent_pos_x = $('#work_area')[0].offsetLeft;    
     $( this ).css({ top:event.offsetY - parent_pos_y, left:event.offsetX - parent_pos_x });
   }); 
}  
  
function maket_work(){
  
  drag_maket(); 
 
  // moving maket content (slider)
  max_margin = $('.maket_but').length * 150; 
 
  //adding maket to work area
  $('a.maket_but').click(function(){
    var work_maket = $(this).find('img').clone();    
    $('img.maket').remove(); // delete old maket
    work_maket.addClass("maket");
    $('#work_area').append(work_maket);
    drag_maket();
    return false;
  });  
}