/**********************************************
 *
 * Function to show items for step vragen 
 * used in: module: digin
 **********************************************/  
/*function show_hoofdstuk_vragen(value){
  for(i = 1; i <= 10; i++){
    if(i <=value){
      if(i == 10){
      document.getElementById('vragen_10').style.display  = 'block';
      }
      else{
      document.getElementById('vragen_0'+i).style.display  = 'block';
      }
    }
    else{
      if(i == 10){
        document.getElementById('vragen_10').style.display  = 'none';
      }
      else{
        document.getElementById('vragen_0'+i).style.display  = 'none';
      }
    }
  }
}*/

/**********************************************
 *
 * Functions for auto-saving the data 
 * used in: module: digin
 **********************************************/  
var http = createRequestObject();

var savefield = '';
var id_store = '';
var v1 = '';
var waittime = 800;

function handleResponse2_image() {
    if(http.readyState == 4){
        var response = http.responseText;
        if(response == "")
          $('saved_'+savefield).innerHTML = "<img src='./modules/digin/templates/images/greenbutton.jpg' alt='opgeslagen' />";
        else{
          alert("Let op je werk is niet opgeslagen. Error:"+response);
          $('saved_'+savefield).innerHTML = "<img src='./modules/digin/templates/images/red_button.gif' alt='nog niet opgeslagen' />";
        }
        var update = new Array();
    }
}
function handleResponse2() {
    if(http.readyState == 4){
        var response = http.responseText;
        if(response != "")
          alert("Let op je werk is niet opgeslagen. Error:"+response);
        var update = new Array();
    }
}

function timeout_store(v1){
	// get the search field's value
 var v2 = $(savefield).value;
 if(v1 == v2){
 	// set the activity img and get the final value
	$('saved_'+savefield).innerHTML = "<img src='./modules/digin/templates/images/arrows_circle.gif' width='10' height='10' alt='bezig met opslaan...' />";
  real_store_inhoud();
 }
 else
  return false;
}

function store_inhoud(id, key, value){
	if(v1 != value){
		if($('saved_'+key))
      $('saved_'+key).innerHTML = "<img src='./modules/digin/templates/images/red_button.gif' alt='nog niet opgeslagen' />";
		savefield = key;
		id_store = id;
		v1 = value;
		setTimeout((function (){ timeout_store(value); }),waittime);
	}
}
function real_store_inhoud(){
   http.open('post', 'digin/verwerken/'+savefield+'/'+id_store+':ajax');
   http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
   http.onreadystatechange = handleResponse2_image;
   http.send('value='+escape(v1));
}
function store_inhoud_kiezen(id, key, value){
   http.open('post', 'digin/verwerken/'+key+'/'+id+':ajax');
   http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
   http.onreadystatechange = handleResponse2;
   http.send('value='+escape(value));
}

function timeout_store_kladwerkstuk(v1){
	// get the search field's value
	var inst = FCKeditorAPI.GetInstance("digin-klad");
  var v2 = inst.GetHTML();
 if(v1 == v2){
 	// set the activity img and get the final value
	$('saved_'+savefield).innerHTML = "<img src='./modules/digin/templates/images/arrows_circle.gif' width='10' height='10' alt='bezig met opslaan...' />";
  real_store_inhoud();
 }
 else
  return false;
}

function store_inhoud_kladwerkstuk(){
  var id = document.getElementById('subject_id').value;
  var key = 'kiezen_02';
	var inst = FCKeditorAPI.GetInstance("digin-klad");
  var value = inst.GetHTML();
  if(v1 != value){
		if($('saved_'+key))
      $('saved_'+key).innerHTML = "<img src='./modules/digin/templates/images/red_button.gif' alt='nog niet opgeslagen' />";
		savefield = key;
		id_store = id;
		v1 = value;
		setTimeout((function (){ timeout_store_kladwerkstuk(value); }),waittime);
	}
}

function FCKeditor_OnComplete( editorInstance ) {
  if (document.all) // IE      
    editorInstance.EditorDocument.attachEvent("onkeyup", store_inhoud_kladwerkstuk) ;
  else // other browser
    editorInstance.EditorDocument.addEventListener( 'keyup', store_inhoud_kladwerkstuk, true ) ;
}

function store_inhoud_z(id, key, value){
   http.open('post', 'digin/verwerken_zoeken/'+key+'/'+id+':ajax');
   http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
   http.onreadystatechange = handleResponse2;
   http.send('value='+escape(value));
}

function timeout_store_v(v1){
	// get the search field's value
 var v2 = $(savefield).value;
 if(v1 == v2){
 	// set the activity img and get the final value
	$('saved_'+savefield).innerHTML = "<img src='./modules/digin/templates/images/arrows_circle.gif' width='10' height='10' alt='bezig met opslaan...' />";
  real_store_inhoud_v();
 }
 else
  return false;
}
function store_inhoud_v(id, key, value){
	if(v1 != value){
		$('saved_'+key).innerHTML = "<img src='./modules/digin/templates/images/red_button.gif' alt='nog niet opgeslagen' />";
    savefield = key;
		id_store = id;
		v1 = value;
		setTimeout((function (){ timeout_store_v(value); }),waittime);
	}
}
function real_store_inhoud_v(){
   http.open('post', 'digin/verwerken_vinden/'+savefield+'/'+id_store+':ajax');
   http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
   http.onreadystatechange = handleResponse2_image;
    http.send('value='+escape(v1));
}

function store_inhoud_website(id, url, name, info){
   http.open('post', 'digin/verwerken_website/'+id+':ajax');
   http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
   http.onreadystatechange = handleResponse2;
   http.send('url='+url+'&name='+name+'&info='+info);
}

/**********************************************
 *
 * Functions to jump between moduled in digin,
 * used in: module: digin
 **********************************************/
var http_reload_block = createRequestObject();
function handle_reload_block(){
    if(http_reload_block.readyState == 4){
        var response = http_reload_block.responseText;
        var update = new Array();
          $('tips').innerHTML = response;
    }
}
function reload_block(stap){
   http_reload_block.open('get', 'digin/tips/'+stap+':ajax');
   http_reload_block.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
   http_reload_block.onreadystatechange = handle_reload_block;
   http_reload_block.send(null);
} 




var http_show_step = createRequestObject();
function handle_show_step() {
    if(http_show_step.readyState == 4){
        var response = http_show_step.responseText;
        var update = new Array();
          $('content_digin').innerHTML = response;
    }
    else{
          $('content_digin').innerHTML = "<div style='background-color: red; font-weight: bold;'>Bezig met laden...</div>";
    }
}

function show_step(stap){
   if(stap != 'logboek' && stap != 'kladwerkstuk')
    reload_block(stap);
   document.getElementById('starten').style.color  = '#000000';
   document.getElementById('vragen').style.color  = '#000000';
   document.getElementById('zoeken').style.color  = '#000000';
   document.getElementById('vinden').style.color  = '#000000';
   document.getElementById('kiezen').style.color  = '#000000';
   document.getElementById('terugkijken').style.color  = '#000000';
   document.getElementById('logboek').style.color = '#000000';
   document.getElementById('kladwerkstuk').style.color = '#000000';
   if(stap == 'terugkijken2'){
     document.getElementById('terugkijken').style.color  = '#CCCCCC';
     doAppear_stap('terugkijken');
   }else if(stap == 'vindeninternet'){
     document.getElementById('vinden').style.color  = '#CCCCCC';
     doAppear_stap(stap);
   }else if(stap == 'vindenbibliotheek'){
     document.getElementById('vinden').style.color  = '#CCCCCC';
     doAppear_stap(stap);
   }else if(stap == 'vindenmensen'){
     document.getElementById('vinden').style.color  = '#CCCCCC';
     doAppear_stap(stap);
   }else if(stap == 'vindenanders'){
     document.getElementById('vinden').style.color  = '#CCCCCC';
     doAppear_stap(stap);
   }else{
     document.getElementById(stap).style.color  = '#CCCCCC';
     doAppear_stap(stap);
   }
   
   http_show_step.open('get', 'digin/step/'+stap+':ajax');
   http_show_step.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
   http_show_step.onreadystatechange = handle_show_step;
   http_show_step.send(null);
}

function doAppear_stap(stap){
  var stappen = [];
  var i;
  
  stappen = ['home','starten','vragen','zoeken','vinden','vindeninternet','vindenbibliotheek','vindenmensen','vindenanders','kiezen','terugkijken'];

  var colors = [];
  colors['starten'] = {"color":"#090", "light":"#efe"};
  colors['vragen'] = {"color":"#06f", "light":"#dff"};
  colors['zoeken'] = {"color":"#f60", "light":"#feb"};
  colors['vinden'] = {"color":"#906", "light":"#eef"};
  colors['kiezen'] = {"color":"#c00", "light":"#fcb"};
  colors['terugkijken'] = {"color":"#b6b616", "light":"#cfa"};
 
  if(stap == 'vindeninternet' || stap == 'vindenbibliotheek' || stap == 'vindenmensen' || stap == 'vindenanders')
    stap = 'vinden';
  if(colors[stap] == null)
    stap = 'starten';

  document.getElementById('content_digin').style.border = '2px solid '+colors[stap]['color'];
}

 
 function doAppear_kiezen(locatie){
	if(locatie==1){
		$('sites_kiezen').style.display='block';
	}
	if(locatie!=1){
		$('sites_kiezen').style.display='none';
	}
	if(locatie==2){
		$('boeken_kiezen').style.display='block';
	}
	if(locatie!=2){
		$('boeken_kiezen').style.display='none';
	}
	if(locatie==3){
		$('mensen_kiezen').style.display='block';
	}
	if(locatie!=3){
		$('mensen_kiezen').style.display='none';
	}
	if(locatie==4){
		$('anders_kiezen').style.display='block';
	}
	if(locatie!=4){
		$('anders_kiezen').style.display='none';
	}
}