var curimage = 'kid0';
var KID_PREF = 'kid';

var chars = new Array();
            
chars.push('img/chars/01.jpg');
chars.push('img/chars/02.jpg');
chars.push('img/chars/03.jpg');
chars.push('img/chars/04.jpg');
chars.push('img/chars/05.jpg');
chars.push('img/chars/06.jpg');
chars.push('img/chars/07.jpg');

var charsM = new Array();
            
charsM.push('img/charsmain/01.jpg');
charsM.push('img/charsmain/02.jpg');
charsM.push('img/charsmain/03.jpg');
charsM.push('img/charsmain/04.jpg');
charsM.push('img/charsmain/05.jpg');
charsM.push('img/charsmain/06.jpg');
charsM.push('img/charsmain/07.jpg');
charsM.push('img/charsmain/08.jpg');
charsM.push('img/charsmain/09.jpg');
charsM.push('img/charsmain/10.jpg');
charsM.push('img/charsmain/11.jpg');
charsM.push('img/charsmain/12.jpg');




jQuery.preloadImages = function(imgarray)
{
  for(var i = 0; i < imgarray.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

function randomCharId(num) {
  return KID_PREF + Math.floor(num*Math.random());
}

$(document).ready(function() {
  switchImage();
  
  $.preloadImages(chars);
  $.preloadImages(charsM);

  $('a.comic_ru').lightBox({
	imageLoading: 'img/loading.gif',
	imageBtnPrev: 'img/prev.png',
	imageBtnNext: 'img/next.png'
  });
   
   $('a.comic_en').lightBox({
	imageLoading: 'img/loading.gif',
	imageBtnPrev: 'img/prev.png',
	imageBtnNext: 'img/next.png'
  
   });
   
    $('a.comic_ch1ru').lightBox({
	imageLoading: 'img/loading.gif',
	imageBtnPrev: 'img/prev.png',
	imageBtnNext: 'img/next.png'
  });
   
   $('a.comic_ch1en').lightBox({
	imageLoading: 'img/loading.gif',
	imageBtnPrev: 'img/prev.png',
	imageBtnNext: 'img/next.png'
  
   });
   
   $('a.art').lightBox({
    imageLoading: 'img/loading.gif',
    imageBtnPrev: 'img/prev.png',
    imageBtnNext: 'img/next.png'    
   });
   
   $('div.prologue a').click( function(){
       changePage("charsprologue");
   });
   
    $('div.main a').click( function(){
       changePage("charsmain");
   });
   
   $('div#page_comic a').click(
    function() {
        var id = $(this).attr("id").split('_')[1];                 
        $('#'+id).click();
    }
   );
   
   $('#art').click(
    function () {$('#art-content').click();}
   );
              
   $('div.menu a').click( function(){
       changePage($(this).attr("id"));
   });
});

/*

var curpage;
var lock = false;
function changePage(id) {
  if(!lock) {
    lock = true;
          
    $("#"+id).addClass("active");
    $("#"+curpage).removeClass("active");
    
    
    //hidePage(curpage);        
    showPage(id);
                        
    curpage = id;
    
    //switchKids();
    
    
    lock = false;
  }
  return false;
}



function switchKids() {

  var kid = randomCharId(4);
  if(curimage) {
    if(curimage == kid) {
      while(curimage == kid){
        var kid = randomCharId(4);
      }
    }

    $("#"+curimage).fadeOut(1000, function() {
        curimage = kid;
        $("#"+kid).fadeIn(1000);
        lock = false;
      });
  } else {
    curimage = kid;
    $("#"+kid).fadeIn(1000);
  }

}
*/

var DEFAULT_SPEED = 1000;
var curpage   = 'default';
var PAGES = {'comic':220, 'art':220, 'about':220, 'chars':220, 'charsprologue':369, 'charsmain':369, 'default' : 220};
var lockMenu = false;
function changePage(id) {
    if (!lockMenu) {
        //if(id == 'default'){switchImage();}
        
        lockMenu = true;
        $("#" + id).addClass("active");
        $("#" + curpage).removeClass("active");
        
        $('#page_' + curpage).animate({
            width: 0,
            height: 560
        }, DEFAULT_SPEED * PAGES[curpage] / PAGES['default'], function(){
        });
        
        
        
        
        $('#text').animate({
            width: 440,
            height: 560
        }, DEFAULT_SPEED, function(){
            
            switchImage();
            
            $('#text').animate({
                width: 220,
                height: 560
            }, DEFAULT_SPEED, function(){
            });
            $("#page_" + id).animate({
                width: PAGES[id],
                height: 560
            }, DEFAULT_SPEED * PAGES[id] / PAGES['default'], function(){
                curpage = id;
                lockMenu = false;
            });
        });
    }
}

var curback;
function switchImage() {
  var back = randomCharId(4);
  if(curback && back == curback) {
      while(back == curback){
        var back = randomCharId(4);
      }
  } 
  curback = back;
  $('div.page#page_default').css({"background-image":"url('img/kids/"+back+".jpg')"});  
}
 




/* chars */



var center = 0;
var sliderLock = false;

function slideChars(left) {  
    if (!sliderLock) {
        
        sliderLock=true;
    
        var current = '<img src="' + chars[center] + '" />';
        var index;
        index = left ? center + 1 : center - 1;
        
        if (index == chars.length) {
            index = 0;
        }
        if (index == -1) {
            index = chars.length - 1;
        }
        
        var next = '<img src="' + chars[index] + '" />';
        
        $('#slider1').html(left ? current + next : next + current);
        $('#slider1').css({
            'margin-left': left ? 0 : '-369px'
        });
        
        $('#slider1').animate({
            marginLeft: left ? -369 : 0
        }, 1000, function(){
            center = index;
            $('#slider1').html(next);
            $('#slider1').css({
                'margin-left': 0
            });
            sliderLock=false;    
        });
        
    }
                                                                                   
}

var center = 0;
var sliderLock = false;

function slideCharsM(left) {  
    if (!sliderLock) {
        
        sliderLock=true;
    
        var current = '<img src="' + charsM[center] + '" />';
        var index;
        index = left ? center + 1 : center - 1;
        
        if (index == charsM.length) {
            index = 0;
        }
        if (index == -1) {
            index = charsM.length - 1;
        }
        
        var next = '<img src="' + charsM[index] + '" />';
        
        $('#slider').html(left ? current + next : next + current);
        $('#slider').css({
            'margin-left': left ? 0 : '-369px'
        });
        
        $('#slider').animate({
            marginLeft: left ? -369 : 0
        }, 1000, function(){
            center = index;
            $('#slider').html(next);
            $('#slider').css({
                'margin-left': 0
            });
            sliderLock=false;    
        });
        
    }
                                                                                   
}

/*
function hidePage(id) {
  $("#page_"+id).animate({ width: 0, height: 560 }, CHAR_ANIMATION_SPEED * pages[id]/DEFAULT_WIDTH, function(){});
  window.setTimeout('subHidePage()', CHAR_ANIMATION_SPEED / 2);
}

function subHidePage() {
  $('#text').animate({ width: 440, height: 560 }, CHAR_ANIMATION_SPEED, function(){
    $('#text').animate({ width: 220, height: 560 }, CHAR_ANIMATION_SPEED, function() {});
    $('#image').animate({ width: 220, height: 560 }, CHAR_ANIMATION_SPEED, function() {});
  });
}

function showPage(id) {
  $('#image').animate({ width: 0, height: 560 }, CHAR_ANIMATION_SPEED, function() {});
  $('#'+curimage).animate({ width: 0, height: 560 }, CHAR_ANIMATION_SPEED, function() {});

  $('#text').animate({ width: 440, height: 560 }, CHAR_ANIMATION_SPEED, function() {
    $('#text').animate({ width: 220, height: 560 }, CHAR_ANIMATION_SPEED, function(){});
    $("#page_"+id).animate({ width: pages[id], height: 560 }, CHAR_ANIMATION_SPEED * pages[id]/DEFAULT_WIDTH, function(){
    //TODO set curimage width back to normal
    });
  });
}
*/