var stat_jkpg = false;
var stat_vmo = false;
var stat_vet = false;
var change_jkpg = false;
var change_vmo = false;
var change_vet = false;

function sc_load()
{
  //top_tab_round_corners();
}

function top_tab_click(city)
{
  var parent = $('sc_top_tab_' + city);
  
  // Kolla vilken som är vald nu!
  var oldTab = false;
  if(Element.hasClassName('sc_top_tab_jkpg', 'selected'))
  {
    oldTab = $('sc_top_tab_jkpg');
    oldTab = 'jkpg';
  }
  if(Element.hasClassName('sc_top_tab_vmo', 'selected'))
  {
    oldTab = $('sc_top_tab_vmo');
    oldTab = 'vmo';
  }
  if(Element.hasClassName('sc_top_tab_vet', 'selected'))
  {
    oldTab = $('sc_top_tab_vet');
    oldTab = 'vet';
  }
  
  
  if(!Element.hasClassName(parent, 'selected'))
  {
    // Återställ den gamla fliken
    if(oldTab)
    {
      reset_top_tab(oldTab);
    }

    // Fixa den nya fliken
    set_top_tab(city);
  }
  
  // Ladda sidan
  var pId = false;
  var tag = false;
  if(city == 'jkpg')
  {
    pId = 24; 
    tag = 50;
  }
  if(city == 'vmo')
  {
    pId = 25;
    tag = 51; 
  }
  if(city == 'vet')
  {
    pId = 26;
    tag = 52; 
  }
  
  // Ladda bara ny sida om det inte är bytkassa.nu
  if(window.location.hostname != 'bytkassa.nu' && window.location.hostname != 'www.bytkassa.nu')
  {
    new Ajax.Updater('sc_main_content', '/sbPage/show/id/' + pId + '/tag/' + tag, {asynchronous:true, evalScripts:true});
  }
  
  
  
  
  //new Ajax.Updater('sbPhoto_large', '/sbPhoto/show/id/' + objId, {asynchronous:false, evalScripts:true});
}

function reset_top_tab(city)
{
  tab = $('sc_top_tab_' + city);
  Element.removeClassName(tab, 'selected');
  
  //$(tab.id).morph('background:#000000; height: 30px');
  top_tab_morph(city, 'black', '30px')
}

function set_top_tab(city)
{
  tab = $('sc_top_tab_' + city);
  Element.addClassName(tab, 'selected');
  
  //$(tab.id).morph('background:#cf2721; height: 100px');
  top_tab_morph(city, 'red', '100px');
}

function over_top_tab(city)
{
  if(stat_jkpg)
  {
    change_jkpg = setTimeout("over_top_tab('" + city + "')", 100);
    return false;
  }
  if(stat_vmo)
  {
    change_vmo = setTimeout("over_top_tab('" + city + "')", 100);
    return false;
  }
  if(stat_vet)
  {
    change_vet = setTimeout("over_top_tab('" + city + "')", 100);
    return false;
  }
  activate_tab(city);
  //parents = tab.ancestors();
  //parent = parents[0];
  
  //tab.morph('background:#cf2721');
  //top_tab_morph(city, 'red');
  tab = $('sc_top_tab_' + city);
  
  if(!Element.hasClassName(tab.id, 'selected'))
  {
    //tab.morph('background:#000000');
    top_tab_morph(city, 'red');
  }
  
  setTimeout("deactivate_tab('" + city + "')", 800);
}

function out_top_tab(city)
{
  //alert('out');
  if(stat_jkpg)
  {
    change_jkpg = setTimeout("out_top_tab('" + city + "')", 100);
    return false;
  }
  if(stat_vmo)
  {
    change_vmo = setTimeout("out_top_tab('" + city + "')", 100);
    return false;
  }
  if(stat_vet)
  {
    change_vet = setTimeout("out_top_tab('" + city + "')", 100);
    return false;
  }
  /*
  if(eval('stat_' + city))
  {
    tmp = eval('stat_' + city);
    tmp = setTimeout("out_top_tab('" + city + "')", 100);
    return false;
  }*/
  activate_tab(city);
  
  tab = $('sc_top_tab_' + city);
  
  if(!Element.hasClassName(tab.id, 'selected'))
  {
    //tab.morph('background:#000000');
    top_tab_morph(city, 'black');
  }

  setTimeout("deactivate_tab('" + city + "')", 800);
}

function top_tab_morph(city, color, height)
{
  var black = $('sc_top_tab_bg_black_' + city);
  var red = $('sc_top_tab_bg_red_' + city);
  
  tab = $('sc_top_tab_' + city);
  
  
  if(height)
  {
    tab.morph('height:' + height);
  }
  
  // Vilket är överst?
  if(color == 'red')
  {
    new Effect.Appear(red);
  }
  else
  {
    new Effect.Fade(red);
  }
  
  
}

function activate_tab(city)
{
  if(city == 'jkpg')
  {
    stat_jkpg = true;
  }
  if(city == 'vmo')
  {
    stat_vmo = true;
  }
  if(city == 'vet')
  {
    stat_vet = true;
  }
}

function deactivate_tab(city)
{
  if(city == 'jkpg')
  {
    stat_jkpg = false;
  }
  if(city == 'vmo')
  {
    stat_vmo = false;
  }
  if(city == 'vet')
  {
    stat_vet = false;
  }
}

function top_tab_round_corners()
{
  /*settings = {
    tl: { radius: 10 },
    tr: { radius: 10 },
    bl: { radius: 0 },
    br: { radius: 0 },
    anitAlias: true,
    autoPad: false
  }
  
  var jkpg = $('sc_top_tab_jkpg');
  if(jkpg)
  {
    var jkpgCorner = new curvyCorners(settings, jkpg);
    jkpgCorner.applyCornersToAll();
  }
  
  var vmo = $('sc_top_tab_vmo');
  if(vmo)
  {
    var vmoCorner = new curvyCorners(settings, vmo);
    vmoCorner.applyCornersToAll();
  }
  
  var vet = $('sc_top_tab_vet');
  if(vet)
  {
    var vetCorner = new curvyCorners(settings, vet);
    vetCorner.applyCornersToAll();
  }*/
  
  /*Nifty("div#sc_top_tab_jkpg", "transparent top");
  Nifty("div#sc_top_tab_vmo", "big transparent top");
  Nifty("div#sc_top_tab_vet", "small transparent top");*/
  
  /*Rounded("div#sc_top_tab_jkpg", "#000000", "#000000", 30, 30);
  Rounded("div#sc_top_tab_vmo", "#000000", "#000000", 30, 30);
  Rounded("div#sc_top_tab_vet", "#000000", "#000000", 30, 30);*/
}