loader_img = new Image();
loader_img.src = "grafiken/loader.gif";
loader_img_2 = new Image();
loader_img_2.src = "grafiken/loader_2.gif";

function init(){
	boulder_id != 0 ? show_boulder(boulder_id) : true;
	show_topo(block_id);
	show_gps(block_id);
	new Effect.Scale('boulder_navi', 2, {scaleContent:true, scaleFromCenter:false, duration:0.1, afterFinish:nav_pos});
	//new Effect.Appear('boulder_navi_r', {fps:75, from:1.0, to:0.0, duration:0.1});
}
function nav_pos(){
	//$('boulder_navi').style.left = "149px";
}
function over_b(obj,which){
	if(which == 1){
		obj.style.color = "#00ff00";
		obj.style.textDecoration = "none"
	}
	if(which == 2){
		obj.style.fontSize != "1.3em" ? obj.style.color = "#00ff00" :true ;
	}
}
function out_b(obj,which){
	if(which == 1){
		obj.style.color = "#0063DC";
		obj.style.textDecoration = "underline"
	}
	if(which == 2){
		obj.style.fontSize != "1.3em" ? obj.style.color = "#eeeeee" :true ;
	}
}
function hover_cancel(obj){
	obj.src = "grafiken/cancel_orange.gif";
}
function out_cancel(obj){
	obj.src = "grafiken/cancel.gif";
}
function bring_to_top(){
	var h = $('block').offsetHeight;
	if (h > 314){
		$('block_2').style.height = "105px";
	}
	else{
		$('block_2').style.height = "";
	}
	$('bring_top').style.display = "none";
	$('bring_left').style.display = "block";
	$('block').style.display = "none";
	$('block_2').style.display = "block";
	$('block_2').innerHTML = $('block').innerHTML;
	$('block_2').innerHTML += "<div style=\"clear:left\"></div>";
	$('bring_top').style.display = "none";
	$('bring_left').style.display = "block";
	
	$('boulder_margin').style.width = "100px";
	$('trennline').style.backgroundImage = "url(grafiken/weiss.png)";
	$('boulder').style.borderWidth = "0px 1px 0px 1px";
}
function bring_to_left(){
	$('block_2').style.display = "none";
	$('block').style.display = "block";
	$('block').innerHTML = $('block_2').innerHTML;
	$('bring_top').style.display = "block";
	$('bring_left').style.display = "none";
	
	$('boulder_margin').style.width = "0px";
	$('trennline').style.backgroundImage = "url(grafiken/line_grau.png)";
	$('boulder').style.borderWidth = "0px";
}
function max_topo(obj){
	//obj.style.height = "65px";
}
function min_topo(obj){
	//obj.style.height = "70px";
}
function display_topo(topo,obj){
	Element.scrollTo("top");
	if(Element.getHeight('boulder_navi') == 270){
		new Effect.Appear('boulder_navi_r', {fps:75, from:1.0, to:0.0, duration:0.4, afterFinish:set_scale_min_r});
		new Effect.Scale('boulder_navi', 2, {fps:75, duration:0.5, scaleContent:true, scaleFromCenter:false, afterFinish:set_scale_min});
	}
	$('topo_img').src = topo;
	$('topo_container_img').style.display = "none";
	var pic_array = document.getElementsByClassName('topo_pic');
	for(var i=0; i<pic_array.length; i++){
		if(pic_array[i].style.fontSize == "10px"){
			pic_array[i].style.border = "1px solid #000000";
		}
		if(pic_array[i].style.fontSize == "15px"){
			pic_array[i].style.border = "2px solid #00ff00";
		}
	}
	obj.style.border = "2px solid #ffff00";
	if($('topo_container').style.display == "none"){
		new Effect.Appear('topo_container', {fps:75, from:0.0, to:0.7, duration:0.4, afterFinish:end_topo});
	}
	else{
		end_topo();
	}
}
function end_topo(){
	new Effect.Appear('topo_container_img', {fps:75, from:0.0, to:1.0, duration:1.2});
}
function cancel_topo(){
	var pic_array = document.getElementsByClassName('topo_pic');
	for(var i=0; i<pic_array.length; i++){
		if(pic_array[i].style.fontSize == "10px"){
			pic_array[i].style.border = "1px solid #000000";
		}
		if(pic_array[i].style.fontSize == "15px"){
			pic_array[i].style.border = "2px solid #00ff00";
		}
	}
	new Effect.Appear('topo_container_img', {fps:75, from:1.0, to:0.0, duration:0.4});
	new Effect.Appear('topo_container', {fps:75, from:0.7, to:0.0, duration:0.8, afterFinish:end_cancel});
}
function end_cancel(){
	$('topo_container_img').style.display = "none";
	$('topo_container').style.display = "none";
}
function max_navi(){
	Element.scrollTo("top");
	$('boulder_navi').style.left = "159px";
	if((Element.getHeight('boulder_navi') < 52)){
		new Effect.Scale('boulder_navi', 5000, {fps:75, duration:0.5, scaleContent:true, scaleFromCenter:false, afterFinish:set_scale_max});
	}
}
function min_navi(){
	new Effect.Appear('boulder_navi_r', {fps:75, from:1.0, to:0.0, duration:0.4, afterFinish:set_scale_min_r});
	if(Element.getHeight('boulder_navi') == 270){
		new Effect.Scale('boulder_navi', 2, {fps:75, duration:0.5, scaleContent:true, scaleFromCenter:false, afterFinish:set_scale_min});
	}
}
function set_scale_max(){
	$('boulder_navi').style.width = "652px";
    $('boulder_navi').style.height = "270px";
    $('boulder_navi_r').style.left = "159px";
    new Effect.Appear('boulder_navi_r', {fps:75, from:0.0, to:1.0, duration:0.8});
    
}
function set_scale_min(){
    $('boulder_navi').style.left = "-10000px";
}
function set_scale_min_r(){
    $('boulder_navi_r').style.left = "-10000px";
}
function show_boulder(id){
	//Element.scrollTo("boulder");
	var flag_array = document.getElementsByClassName('topo_pic');
	for(var i=0; i<flag_array.length; i++){
		$(flag_array[i]).style.border = "1px solid #000000";
		$(flag_array[i]).style.fontSize = "10px";
	}
	var flag_array = document.getElementsByClassName('flag');
	for(var i=0; i<flag_array.length; i++){
		flag_array[i].innerHTML = "&nbsp;";
		flag_array[i].style.backgroundColor = "transparent";
		flag_array[i].style.padding = "1px 5px";
	}
	
	$hoehe_boulder = (Element.getHeight('boulder') - 10) + "px";
	$("boulder").innerHTML = "<div style='height:" + $hoehe_boulder + "'><img style='margin:20px 0 0 215px' id='loader' src=''></div>";
 	$("loader").src = loader_img.src;
 	var opt = {method:'post', evalScripts:true, postBody:'boulder_id='+id};
  	new Ajax.Updater({success:'boulder'}, 'get_boulder.php', opt);
}
function show_topo(block_id){
	$("topo").innerHTML = "<img style='margin:10px 0' id='loader' src=''>";
 	$("loader").src = loader_img.src;
 	var opt = {method:'post', evalScripts:true, postBody:'block_id='+block_id};
  	new Ajax.Updater({success:'topo'}, 'get_topo.php', opt);
}
function show_gps(block_id){
	$("gps").innerHTML = "<img style='margin:10px 0' id='loader' src=''>";
 	$("loader").src = loader_img.src;
 	var opt = {method:'post', evalScripts:true, postBody:'block_id='+block_id};
  	new Ajax.Updater({success:'gps'}, 'get_gps.php', opt);
}
function show_complete(id, obj){
	var el_array = new Array();
	el_array = document.getElementsByClassName('nav_block_link');
	for(var i=0; i<el_array.length; i++){
		el_array[i].style.color = "#eeeeee";
		el_array[i].style.fontSize = "1.0em";
		el_array[i].style.fontWeight = "";
	}
	obj.style.color = "#00ff00";
	obj.style.fontSize = "1.3em";
	obj.style.fontWeight = "bold";
	
	show_gps(id);
	
	$('pdf_link').innerHTML = "<a class=\"a_u_blau\" target=\"_blank\" href=\"create_pdf.php?block_id=" + id + "\">PDF von diesem Block generieren</a>";
	
	$('boulder').innerHTML = "<div style='height:230px'>&nbsp;&nbsp;...</div>";
	
	$("top_navi").innerHTML = "<img style='margin:1px 2px' id='loader1' src=''>";
 	$("loader1").src = loader_img.src;
 	var opt = {method:'post', evalScripts:true, postBody:'block_id='+id};
  	new Ajax.Updater({success:'top_navi'}, 'get_crump.php', opt);
  	
  	$hoehe_topo = (Element.getHeight('topo') - 12) + "px";
  	$("topo").innerHTML = "<div style='height:" + $hoehe_topo + "'><img style='margin:10px 0' id='loader2' src=''></div>";
 	$("loader2").src = loader_img.src;
 	var opt = {method:'post', evalScripts:true, postBody:'block_id='+id};
  	new Ajax.Updater({success:'topo'}, 'get_topo.php', opt);
  	
  	$hoehe_block = (Element.getHeight('block') - 10) + "px";
  	$("block").innerHTML = "<div style='height:" + $hoehe_block + "'><img style='margin:20px 0 0 20px' id='loader3' src=''></div>";
 	$("loader3").src = loader_img.src;
 	if($("block").style.display == "block"){
	 	var opt = {method:'post', evalScripts:true, postBody:'block_id='+id};
	  	new Ajax.Updater({success:'block'}, 'get_boulder_list.php', opt);
  	}
  	else{
  		var opt = {method:'post', evalScripts:true, postBody:'block_id='+id};
	  	new Ajax.Updater({success:'block_2'}, 'get_boulder_list.php', opt);
  	}
}
function boulder_topo(topos,topo_nr){
	var array_topo = new Array();
	array_topo = topos.split("xxx");
	
	var flag_array = document.getElementsByClassName('flag');
	for(var i=0; i<flag_array.length; i++){
		flag_array[i].innerHTML = "&nbsp;";
		flag_array[i].style.backgroundColor = "transparent";
		flag_array[i].style.padding = "1px 5px";
	}
	
	var pic_array = document.getElementsByClassName('topo_pic');
	for(var i=0; i<pic_array.length; i++){
		pic_array[i].style.border = "1px solid #000000";
		pic_array[i].style.fontSize = "10px"
	}
		
	for(var j=1; j<array_topo.length; j++){
		var f = "flag_" + array_topo[j];
		$(f).innerHTML = topo_nr;
		$(f).style.backgroundColor = "#00ff00";
		if(topo_nr > 10){
			$(f).style.padding = "1px 2px";
		}
		$(array_topo[j]).style.border = "2px solid #00ff00";
		$(array_topo[j]).style.fontSize = "15px";
		Effect.Pulsate(array_topo[j], {pulses:3, duration:0.6});
	}
}
//------------------------------ navi functions -----------------------------------------------
function show_gebiete(id, obj){
	var el_array = new Array();
	el_array = document.getElementsByClassName('nav_region_link');
	for(var i=0; i<el_array.length; i++){
		el_array[i].style.color = "#eeeeee";
		el_array[i].style.fontSize = "1.0em";
		el_array[i].style.fontWeight = "";
	}
	obj.style.color = "#00ff00";
	obj.style.fontSize = "1.3em";
	obj.style.fontWeight = "bold";
	$("nav_gebiet").innerHTML = "<img style='margin:4px 2px' id='loader' src=''>";
 	$("loader").src = loader_img_2.src;
 	var opt = {method:'post', evalScripts:true, postBody:'region_id='+id};
  	new Ajax.Updater({success:'nav_gebiet'}, 'get_gebiet.php', opt);
}
function show_gruppen(id, obj){
var el_array = new Array();
	el_array = document.getElementsByClassName('nav_gebiet_link');
	for(var i=0; i<el_array.length; i++){
		el_array[i].style.color = "#eeeeee";
		el_array[i].style.fontSize = "1.0em";
		el_array[i].style.fontWeight = "";
	}
	obj.style.color = "#00ff00";
	obj.style.fontSize = "1.3em";
	obj.style.fontWeight = "bold";
	$("nav_gruppe").innerHTML = "<img style='margin:4px 2px' id='loader' src=''>";
 	$("loader").src = loader_img_2.src;
 	var opt = {method:'post', evalScripts:true, postBody:'gebiet_id='+id};
  	new Ajax.Updater({success:'nav_gruppe'}, 'get_gruppe.php', opt);
}
function show_bloecke(id, obj){
var el_array = new Array();
	el_array = document.getElementsByClassName('nav_gruppe_link');
	for(var i=0; i<el_array.length; i++){
		el_array[i].style.color = "#eeeeee";
		el_array[i].style.fontSize = "1.0em";
		el_array[i].style.fontWeight = "";
	}
	obj.style.color = "#00ff00";
	obj.style.fontSize = "1.3em";
	obj.style.fontWeight = "bold";
	$("nav_block").innerHTML = "<img style='margin:4px 2px' id='loader' src=''>";
 	$("loader").src = loader_img_2.src;
 	var opt = {method:'post', evalScripts:true, postBody:'gruppe_id='+id};
  	new Ajax.Updater({success:'nav_block'}, 'get_block.php', opt);
}
//-------------------------- end navi functions -----------------------------------------------
function popup_xy(url, x, y, win_id){
  //var url_complete = "http;//www.kletternimnorden.de/" + url;
  var options = "toolbar=no, scrollbars=yes, resizable=yes, height=" + y + ", width=" + x + ", left = 100, top = 100";
  javascript:window.open(url, win_id, options);
  return false;
}