var input = 0

onload = function () {
  $('#content').tabs({
    ajaxOptions: { async: false, cache: false },
    deselectable: false,
    cache: true,
    selected: 0,
    minheight: 600,
    fx: { opacity: 'toggle', duration: 50 }
    ,length: 200
  })
  
  $('#content').tabs('load', 0)
  $('#content').tabs('load', 1)
  $('#content').tabs('load', 2)
  $('#content').tabs('load', 3)
  $('#content').tabs('load', 4)
  $('#content').tabs('load', 5)
  
  $('#start').click(function() {
    $('#content').tabs('select', 0)
    return false
  })
  
  $('#entertainment').click(function() {
    $('#content').tabs('select', 1)
    return false
  })
  
  $('#food').click(function() {
    $('#content').tabs('select', 2)
    return false
  })
  
  $('#tickets').click(function() {
    $('#content').tabs('select', 3)
    return false
  })
  
  $('#norrkoping').click(function() {
    $('#content').tabs('select', 4)
    return false
  })

  $('#contact').click(function() {
    $('#content').tabs('select', 5)
    return false
  })
}

document.onkeydown = function (e) {
  if(window.event) keynum = event.keyCode
  else             keynum = e.which
  
  var arr = new Array (38, 38, 40, 40, 37, 39, 37, 39, 66, 65)
  
  if (keynum == arr[input])
    input++
  else
    input = 0;
  
  if (input < 10)
    return
  
  input = 0
  $('#content').effect('explode')
  $('#konami').css ({ 'display': 'block' })
  $('#footer').css ({ 'display': 'none' })
}

function reset () {
  $('#konami').css ({ 'display': 'none' })
  $('#footer').css ({ 'display': 'block' })
  $('#content').effect('slide')
}

function over (obj) {
  $(obj).addClass("ui-state-hover")
}

function out (obj) {
  $(obj).removeClass("ui-state-hover")
}

function click (obj) {
  $(".ui-state-active").removeClass("ui-state-active")
  $(obj).addClass("ui-state-active")
}