var show_count = $j('#show_images').children().length;
            
var win_min_w = 200;
var win_min_h = 180;
            
var win_max_w = 330;
var win_max_h = 210;

var win_top = (win_max_h-win_min_h)/2;
var win_left = 100;    /* vasen laita perus */
var mov_direct = '';   /* siirto piste ei vakio */

var animeOn = false;
 
$j(document).ready(function(){ 
                                           
    reset_all();
    //if($j('#admin_link').length != 0)

    var intId;
    intId = set_timer(5000, intId);

    $j('#left_toggle').click(function() {
    
        if (animeOn==true) return;

        animeOn = true;
        mov_direct = 'left';
        
        // animaatio vasen ylos
        var target_up = $j('#show_images').children('.top').next();
        var target_do = $j('#show_images').children('.top');

        // tuodaan uusi taso näkyviin
        $j(target_up).next().css('display','block');

        side_up(2,target_up,mov_direct);
        top_down(2,target_do,mov_direct);
        
        intId = set_timer(5000, intId);
    });
    
    $j('#right_toggle').click(function() {
        
        if (animeOn==true) return;
        
        animeOn = true;
        mov_direct = 'right';
        
        // animaatio vasen ylos
        var target_up = $j('#show_images').children().first();
        var target_do = $j('#show_images').children('.top');
        
        // siiretään oikeaan reunaan uusi taso
        set_right();

        side_up(2,target_up,mov_direct);
        top_down(2,target_do,mov_direct);
        
        intId = set_timer(5000, intId);
    });
                 
});
function set_timer(time, intId){
    if($j('#admin_link').length != 0) return;
  
    clearInterval(intId);
    return intId = setInterval("time_move()", time);
}
/* Pyöritys ajan mukaan */
function time_move(){
    if (animeOn==true) return;
    
    animeOn = true;
    mov_direct = 'right';
    
    // animaatio vasen ylos
    var target_up = $j('#show_images').children().first();
    var target_do = $j('#show_images').children('.top');
    
    // siiretään oikeaan reunaan uusi taso
    set_right();

    side_up(2,target_up,mov_direct);
    top_down(2,target_do,mov_direct);
}

function side_up(half,target,up){
    $j(target).css('zIndex',2);
    
    if(up=='left'){
      var left = win_left/half; 
    }else{
      var left = ((win_max_w-(win_min_w-win_left))/half)*-1;
    }

    $j(target).animate({
      top: '-='+win_top/half,
      left: '+='+left,
      width: '+='+(win_max_w-win_min_w)/half,
      height: '+='+(win_max_h-win_min_h)/half
    }, 500, 'linear', function() {
       
      $j(target).css('zIndex',4);

      $j(target).animate({
        top: '-='+win_top/half,
        left: '+='+left,
        width: '+='+(win_max_w-win_min_w)/half,
        height: '+='+(win_max_h-win_min_h)/half,
        opacity: '+='+0.5 
      }, 500, 'linear', function() {});
  
    });
}

function top_down(half,target,down){

    $j(target).css('zIndex',3);
    
    if(down=='left'){
      var left = ((win_max_w-(win_min_w-win_left))/half); 
    }else{
      var left = (win_left/half)*-1;
    }

    $j(target).animate({
      top: '+='+win_top/half,
      left: '+='+left, 
      width: '-='+(win_max_w-win_min_w)/half,
      height: '-='+(win_max_h-win_min_h)/half,
      opacity: '-='+0.5
    }, 500, 'linear', function() {

    $j(target).css('zIndex',1);

      $j(target).animate({
        top: '+='+win_top/half,
        left: '+='+left,
        width: '-='+(win_max_w-win_min_w)/half,
        height: '-='+(win_max_h-win_min_h)/half
      }, 500, 'linear', function() {
        move_dom_down();
        move_top();
        animeOn = false;
        $j(target).css('zIndex',0);
      });
      
    });
}

function move_top(){
   $j('#show_images').children().removeClass('top');
   $j('#show_images').children().first().next().addClass('top');
}

function move_dom_down(){
  if(mov_direct == 'left'){
    $j('#show_images').children().first().css('left',0);
    $j('#show_images').children().first().css('display','none');
    $j('#show_images').children().first().css('top',win_top);
    move = $j('#show_images').children().first().get();
    $j('#show_images').append(move);
  }else{
    move = $j('#show_images').children().last().get();
    $j('#show_images').prepend(move); 
   
    $j('#show_images').children('.top').next().css('display','none');
  }
}

function set_right(){
    $j('#show_images').children().last().css('left',(win_left+win_max_w)-(win_min_w-win_left));
    $j('#show_images').children().last().css('display','block');
    $j('#show_images').children().last().css('top',win_top);
}

function reset_all(){
  $j('#show_images').children().each(function(index) {
     $j(this).css('zIndex', 0);
     $j(this).css('display', 'none');
  });
  reset_set();
}

function reset_set(){
  $j('#show_images').children().css('top',win_top);
  $j('#show_images').children().css('opacity', '0.5');
  
  $j('#show_images').children().first().css('display','block');
  $j('#show_images').children().first().css('left',(win_left+win_max_w)-(win_min_w-win_left))

  $j('#show_images').children('.top').css('top',0);
  $j('#show_images').children('.top').css('display','block');
  $j('#show_images').children('.top').css('left',win_left);
  $j('#show_images').children('.top').css('width',win_max_w);
  $j('#show_images').children('.top').css('height',win_max_h);
  $j('#show_images').children('.top').css('opacity', '1');
  $j('#show_images').children('.top').css('zIndex',4);
  
  $j('#show_images').children('.top').next().css('display','block');
  
}