var browser = navigator.appVersion;
var jobs = new Array();
var coolconcepts_1 = new Array();
var coolconcepts_2 = new Array();

function run_home_onload_scripts(category_id) {
	makeactive2();
	query_semilo_top();
	query_semilo_right();
  query_jobs(category_id);	
  //query_coolconcepts(1); 
  //query_coolconcepts(2);  
}

function run_article_onload_scripts(category_id) {
	//if(true || browser.indexOf("Safari") == -1){
	  query_semilo_top();
	  query_semilo_right();
	//}
  query_jobs(category_id); 
}

function run_category_onload_scripts(category_id) {
	query_semilo_top();
  query_semilo_right();
  query_jobs(category_id);  
}

function query_semilo_top() {
  var content = placebannerOnload("728x90");
  
  var target = document.getElementById('semilo_ad_top');
  target.innerHTML = content;
}

function query_semilo_right() {
  var content = placebannerOnload("300x250");
  
  var target = document.getElementById('semilo_ad_right');
  target.innerHTML = content;
}

function query_jobs(category_id) {
	var jobtrack = document.createElement('script');
	jobtrack.type = 'text/javascript';
	jobtrack.src = '/lib/blieb/content/jobtrack/display_jobtrack.php?category_id='+category_id;
	
	var target = document.getElementById('jobtrack');
	target.appendChild(jobtrack);
}

function query_coolconcepts(type) {
  var coolconcepts_script = document.createElement('script');
  coolconcepts_script.type = 'text/javascript';
  coolconcepts_script.src = '/lib/blieb/content/coolconcepts/display_coolconcepts.php?type='+type;
  
  var target = document.getElementById('coolconcepts_'+type);
  target.appendChild(coolconcepts_script);
}

function get_semilo(result) {
  semilo = result;
  display_semilo();
}

function get_jobs(result) {
  jobs = result;
  display_jobs();
}

function get_coolconcepts_1(result) {
  coolconcepts_1 = result;
  display_coolconcepts(coolconcepts_1, 'Investeringskansen', 1);
}

function get_coolconcepts_2(result) {
  coolconcepts_2 = result;
  display_coolconcepts(coolconcepts_2, 'Nieuwe coole sites', 2);
}

function display_semilo() {
	var content = '<div class="divHorizontalLeaderboard clearBoth">';
  content += '<div align="center" style="padding-top:0px; padding-left:4px; border:none; vertical-align:top; text-align:left; position:relative;">';
  content += '<script language="JavaScript" type="text/javascript">';
  content += 'placebanner("728x90")';
  content += '</script>';
  content += '</div></div>';
  
	var target = document.getElementById('semilo_ad_top');
  target.innerHTML = content;
}

function display_jobs() {
  var content = '<div class="divMediumRightPlain" style="margin-top:8px;margin-bottom:8px;">';
  content += '<div class="jobtrack-top"><\/div>';
  content += '<div class="jobtrack-side">';
  content += '<div class="header"><p>VACATURES<\/p><\/div>';
  content += '<div class="banner">';
  content += '<a href="/banen?url=http://www.jobtrack.nl/jobtrack/SearchJobOpeningPage.aspx"><img src="/Images/jobtrack_side_banner.png" alt="" /><\/a><br \/>';
  content += '<a href="/banen?url=http://www.jobtrack.nl/jobtrack/CmsPage3.aspx?cmsu=content/solution-advisor"><img src="/Images/jobtrack_side_banner2.png" alt="" /><\/a>';
  content += '<\/div>';
  content += '<div class="list">';
  content += '<ul>';
  
  for(x in jobs) {
  	if(x < 6){
      content += '<li>';
      content += '<a href="/banen?url='+jobs[x][0][0]+'"><b>'+jobs[x][1]+'<\/b>';
      content += '<br \/>'+jobs[x][2]+'<\/a>';
      content += '<\/li>';
  	} else {
  		break;
  	}
  }
              
  content += '<\/ul>';
  content += '<\/div>';
  content += '<div class="search">';
  content += '<p><b>Vind jouw ideale baan<\/b><\/p>';
  content += '<form method="post" action="/banen">';
  content += '<ul>';
  content += '<li><p>Functie<\/p><input type="text" name="key" class="form gray" maxlength="50" /><\/li>';
  content += '<li><p>Postcode of plaats<\/p><input type="text" name="city" class="form gray" maxlength="50" /><\/li>';
  content += '<li><input class="submit" type="image" src="/Images/jobtrack_side_submit.png" /><\/li>';
  content += '<\/ul>';
  content += '<\/form>';
  content += '<\/div>';
  content += '<\/div>';
  content += '<div class="jobtrack-bottom"><\/div>';
  content += '<\/div>';
  content += '<p class="clearBoth"><\/p>';

  var target = document.getElementById('jobtrack');
  target.innerHTML = content;
  
}

function display_coolconcepts(coolconcepts, header, type) {
  var content = '<div style="background-color: #E4E4E6; height:8px;"><\/div>';
  content += '<div class="divListing divMediumRightPlain">';
  content += '<div class="topCurve">'+header+'<\/div>';
  content += '<ul class="mTop mLeft mRight noBullet" style="overflow:hidden;">';
  
  for(x in coolconcepts) {
    if(x < 6){
    	var ptop = (coolconcepts[x][2] != '') ? 'padding-top:4px;' : '';
      content += '<li style="clear:left;overflow:hidden;">';
      content += '<a style="font-size:13px;" href="'+coolconcepts[x][0][0]+'" target="_blank">'+coolconcepts[x][1]+'<\/a>';
      content += '<br/>';
      if(coolconcepts[x][2][0]) {
        content += '<span><img src="'+coolconcepts[x][2][0]+'" style="float:left;width:45px;padding-right:3px;'+ptop+'" alt="" /><font style="color:#333">'+coolconcepts[x][3]+'...<\/font><\/span>';
      } else {
    	content += '<span><font style="color:#333">'+coolconcepts[x][3]+'...<\/font><\/span>';
      }
      content += '<\/li>';
    } else {
      break;
    }
  }
  
  content += '<\/ul>';
  content += '<div class="bottomCurve"><\/div>';
  content += '</div><div style="background-color: #E4E4E6; height:8px;"><\/div>';
        
  

  var target = document.getElementById('coolconcepts_'+type);
  target.innerHTML = content;
  
}