//jQuery(document).ready(function() {
//jQuery(function() {
$(function() {  

  var doc = $(this)
  
  // Open overlay
  $('#ui-slides a').click(function(e){         
    var link = $(this)
    
    // Remove class
    $('#ui-slides a.active:first').removeClass('active')
    link.addClass('active')
    
    $("div.slide:visible:first").hide()
    $("#slide_"+link.text()).show()
        
    e.preventDefault()
  })
  
  
  $(".slide").click(function(e){
    var slide = $(this)
    var total_slides = $(".slide").length

    var match = /slide_(\d+)/.exec(slide.attr('id'))
    var current_index = parseInt(match[match.length-1],10)
    var next_index = (current_index >= total_slides) ? 1 : (current_index+1)
    
    slide.hide()
    $('#slide_'+next_index).show()

    $('#ui-slides a.active:first').removeClass('active')
    $('#dl'+next_index).addClass('active')

    e.preventDefault()
  }) 
  
  
  $("#sceen img:eq("+rand(3)+")").show()  
  $("#sceen img:visible").css("z-index", 10)
  
  //$("#sceen img").click(function(e){
  //  var sceen = $(this)
  //  var total_images = $("#sceen img").length
  //
  //  var match = /img_(\d+)/.exec(sceen.attr('id'))
  //  var current_index = parseInt(match[match.length-1],10)
  //  var next_index = (current_index >= total_images) ? 1 : (current_index+1)
  //  
  //  sceen.hide()
  //  $('#img_'+next_index).show()
  //  
  //  e.preventDefault()
  //})
  
  
  doc.oneTime(3500, function() {
    fade_in_next_slide()
  })  
    
})


function fade_in_next_slide() {
  var sceen = $("#sceen img:visible")
  var total_images = $("#sceen img").length
  var match = /img_(\d+)/.exec(sceen.attr('id'))
  var current_index = parseInt(match[match.length-1],10)
  var next_index = (current_index >= total_images) ? 1 : (current_index+1)
    
  sceen.css("z-index", 10)
  sceen.addClass('previous')
  $('#img_'+next_index).css("z-index", 20)  
  $('#img_'+next_index).fadeIn('slow', delay_for_next_slide)
  
}

function delay_for_next_slide() {
  var prev = $("#sceen img.previous:first").hide()  
  prev.removeClass('previous')
  $(this).oneTime(3500, function() {
    fade_in_next_slide()
  })
}


function rand(n) {
  return Math.round((n)*Math.random())
}