var kategorier = [	  
  {id:1,navn:'Automobiler', bgcolor:'#DFE64A'},
  {id:2,navn:'Elinstallatører',bgcolor:'#FF7A37'},
  {id:3,navn:'Entreprenører',bgcolor:'#00AFFE'},
  {id:4,navn:'Tømrere / snedkere',bgcolor:'#FF3B79'}, 
  {id:5,navn:'VVS-installatører',bgcolor:'#FECA28'}, 
  {id:6,navn:'Diner transportable',bgcolor:'#00DD8E'},  
  {id:7,navn:'Bedemænd',bgcolor:'#F571E8'},	
  {id:8,navn:'Spisesteder',bgcolor:'#D0C786'},
  {id:9,navn:'Delikatesser',bgcolor:'#FFB8A9'},	
  {id:10,navn:'Kloakrensning',bgcolor:'#FF6B9B'},
  {id:11,navn:'Blomster',bgcolor:'#9cacf4'},
  {id:12,navn:'Ejendomsmæglere',bgcolor:'#3CDB7F'}
];

var data = [
  {kategori:1,img:'annoncer/visitkort/2.jpg',url:'http://www.hoejlunds-auto.dk/'},
  {kategori:1,img:'annoncer/visitkort/3.jpg',url:'http://www.askebyauto.dk/'},
  {kategori:1,img:'annoncer/visitkort/4.jpg',url:'http://www.vw-vordingborg.dk/'},
  {kategori:1,img:'annoncer/visitkort/30.jpg',url:'../Moens_Auto.pdf'},
  {kategori:2,img:'annoncer/visitkort/6.jpg',url:'http://www.bogoetidende.dk/'},
  {kategori:3,img:'annoncer/visitkort/7.jpg',url:'http://www.pkc-stege.dk/'},
  {kategori:3,img:'annoncer/visitkort/8.jpg',url:'http://www.sandgrenanlaeg.dk/'},
  {kategori:3,img:'annoncer/visitkort/9.jpg',url:'http://www.bogoetidende.dk/'},
  {kategori:3,img:'annoncer/visitkort/11.jpg',url:'http://www.finn-andersen.net/'},
  {kategori:3,img:'annoncer/visitkort/12.jpg',url:'http://www.brian-stryhn.dk/'},
  {kategori:4,img:'annoncer/visitkort/7.jpg',url:'http://www.pkc-stege.dk/'},
  {kategori:4,img:'annoncer/visitkort/10.jpg',url:'http://www.bogoetidende.dk/'},
  {kategori:4,img:'annoncer/visitkort/26.jpg',url:'http://www.bogoetidende.dk/'},
  {kategori:5,img:'annoncer/visitkort/15.jpg',url:'http://www.hovmarkensmedie.dk/'},
  {kategori:5,img:'annoncer/visitkort/6.jpg',url:'http://www.bogoetidende.dk/'},
  {kategori:6,img:'annoncer/visitkort/16.jpg',url:'http://www.kokken-jomfruen.dk/'},
  {kategori:6,img:'annoncer/visitkort/20.jpg',url:'http://www.staldenscafe.dk/'},
  {kategori:7,img:'annoncer/visitkort/17.jpg',url:'http://www.bedemand-berner.dk/'}, 
  {kategori:7,img:'annoncer/visitkort/29.jpg',url:'http://www.bogoetidende.dk/'}, 
  {kategori:8,img:'annoncer/visitkort/19.jpg',url:'http://www.bogoekro.dk'},
  {kategori:8,img:'annoncer/visitkort/20.jpg',url:'http://www.staldenscafe.dk/'},
  {kategori:8,img:'annoncer/visitkort/28.jpg',url:'http://www.bogoetidende.dk/'},
  {kategori:8,img:'annoncer/visitkort/31.jpg',url:'http://www.damsborg.dk/'},
  {kategori:6,img:'annoncer/visitkort/31.jpg',url:'http://www.damsborg.dk/'},
  {kategori:9,img:'annoncer/visitkort/23.jpg',url:'http://www.ekkoost.dk/'},
  {kategori:10,img:'annoncer/visitkort/13.jpg',url:'http://www.svego.dk/'},
  {kategori:11,img:'annoncer/visitkort/25.jpg',url:'http://www.staldenscafe.dk/'},
  {kategori:12,img:'annoncer/visitkort/27.jpg',url:'http://www.kraneled.dk/'},
  {kategori:8,img:'annoncer/visitkort/32.jpg',url:'http://www.bogoetidende.dk/pizza.pdf'}
];

var to;
var current;


function vis_visitkort() {
 document.write('<table class="visitkort_menu">');
 for(var i=0;i<kategorier.length;i++) {
   document.write('<tr>');
   document.write('<td id="visitkort_knap_'+kategorier[i]['id']+'" style="background-color:'+kategorier[i]['bgcolor']+'" onmouseover="vis_menu(\''+kategorier[i]['id']+'\')" onmouseout="skjul_menu(\''+kategorier[i]['id']+'\')">'+kategorier[i]['navn']+'</td>');
   i=i+1;
   if(i<kategorier.length){
     document.write('<td id="visitkort_knap_'+kategorier[i]['id']+'" style="background-color:'+kategorier[i]['bgcolor']+'" onmouseover="vis_menu(\''+kategorier[i]['id']+'\')" onmouseout="skjul_menu(\''+kategorier[i]['id']+'\')">'+kategorier[i]['navn']+'</td>');   
   }
   document.write('</tr>');   
 }
 document.write('</table>');  
 
 
 for(var i=0;i<kategorier.length;i++) {
   document.write('<div onmouseover="clearTimeout(to)" onmouseout="skjul_menu(\'kategori_'+kategorier[i]['id']+'\')" style="display:none" class="visitkort_holder" id="kategori_'+kategorier[i]['id']+'"></div>');
 }
 
 for(var d=0;d<data.length;d++) {
   $('kategori_'+data[d]['kategori']).insert("<a target='blank' href='"+data[d]['url']+"'><img src='"+data[d]['img']+"'/></a>");
 }
}
  
function vis_menu(id){
  var element = 'kategori_'+id;
  
  if (element != current && current != null){
    $(current).hide();
  } else {
    clearTimeout(to);
  }
  current = element;
  
  var knap_top_pos = $('visitkort_knap_'+id).positionedOffset()[1];
  var knap_left_pos = $('visitkort_knap_'+id).positionedOffset()[0];  
  $('kategori_'+id).setStyle({top:knap_top_pos-50,left:knap_left_pos-548});
  $(element).show();  
  
  

} 

function skjul_menu(id){
  to = setTimeout("$('kategori_"+id+"').hide()",100);  
}


function vis_ticker(){
  document.write('<div id="ticker_holder"></div>');
  shuffle();
}

function shuffle(){
 var item = data[Math.round((data.length-1)*Math.random())];
 $('ticker_holder').innerHTML='<a target="blank" href="'+item['url']+'"><img src="'+item['img']+'"/></a>';
 setTimeout("shuffle()",5000);
}