/**
* start function
*/
function show_full_img(path){
	var img_container = prepare_html();
	set_img(path, img_container);
}

function show_full_img_with_nav(path, current, desc){
	if(nav_array.length == 0){
		get_nav_array();
		img_container = prepare_html();
		prepare_nav();
	}
	
	set_nav(current);
	set_desc(desc);
	set_img(path, img_container);
}

// global variables
var html_buffer;
var history_flag = false;
var nav_array = new Array();
var img_container;
var right_side;

/**
* prepares the html
* returns the image (in html)
*/
function prepare_html(){
	right_side = document.getElementById("right_side");
	if(right_side == null){ // site is geschichte
		history_flag = true;
		right_side = document.getElementById("right_side_history");
		right_side.setAttribute("id", "right_side");
	}
	html_buffer = right_side.innerHTML;
	
	var div_image = new_element("div", "full_image_container");
	var img_image = new_element("img", "full_image");
	
	div_image.appendChild(img_image);

	right_side.innerHTML = "";
	right_side.appendChild(div_image);

	return img_image;
}

function prepare_nav(){
	var div_nav = new_element("div", "full_image_nav");
	var div_desc = new_element("div", "nav_desc");
	var div_prev = new_element("div", "nav_prev");
	var div_back = new_element("div", "nav_back");
	var div_next = new_element("div", "nav_next");
	
	div_nav.appendChild(div_desc);
	div_nav.appendChild(div_prev);
	div_nav.appendChild(div_back);
	div_nav.appendChild(div_next);
	
	right_side.appendChild(div_nav);
}

function get_nav_array(){
	for(var i = 1; i < 11; i++){
		if(document.getElementById("pic_"+i)){
			var desc = '';
			if(document.getElementById("desc_"+i)){
				desc = document.getElementById("desc_"+i).innerHTML;	
			}
			nav_array.push(new Array(i, document.getElementById("pic_src_"+i).innerHTML, desc));	
		}
	}	
}

function set_nav(current){
	var next = false;
	var get_next = false;
	for(var i = 0; i < nav_array.length; i++){
		array = nav_array[i];
		if(get_next){
			next = nav_array[i];
			get_next = false;	
		}
		if(current == array[0]){
			get_next = true;	
		} 
	}
	
	var prev = false;
	var get_prev = false;
	for(var i = nav_array.length-1; i >= 0; i--){
		array = nav_array[i];
		if(get_prev){
			prev = nav_array[i];
			get_prev = false;	
		}
		if(current == array[0]){
			get_prev = true;	
		} 
	}
	
	if(prev){
		document.getElementById("nav_prev").innerHTML = '<a href="#" onclick="show_full_img_with_nav(\''+prev[1]+'\', \''+prev[0]+'\', \''+prev[2]+'\')">r&uuml;ckw&auml;rts</a>';
	}else{
		document.getElementById("nav_prev").innerHTML = '';	
	}
	
	if(next){
		document.getElementById("nav_next").innerHTML = '<a href="#" onclick="show_full_img_with_nav(\''+next[1]+'\', \''+next[0]+'\', \''+next[2]+'\')">vorw&auml;rts</a>';
	}else{
		document.getElementById("nav_next").innerHTML = '';	
	}
	
	document.getElementById("nav_back").innerHTML = '<a href="#" onclick="close_img()">zur&uuml;ck</a>';
}

function set_desc(desc){
	document.getElementById("nav_desc").innerHTML = desc;	
}

/**
* sets the image
*/
function set_img(path, img_image){
	img_image.setAttribute("src", "share/design_pics/loader.gif");

	img_image.style.width = "31px";
	img_image.style.display = "inline";
	img_image.style.marginTop = "50px";

	var image = new Image;
	image.onload = function(){
		img_image.setAttribute("src", path);
		img_image.onclick = close_img;
		img_image.style.display = "block";
		img_image.style.width = "680px";
		img_image.style.marginTop = "0px";
		img_image.style.marginLeft = "0px";
//		img_image.title = "Klicken Sie in das Bild um es wieder zu schliessen.";
	}
	image.src = path;

	scrollTo(0, 0);
}

/**
* closes the image
*/
function close_img(){
	nav_array = new Array();
	var right_side = document.getElementById("right_side");
	if(history_flag){ // site is geschichte
		right_side.setAttribute("id", "right_side_history");
	}
	right_side.innerHTML = html_buffer;
}

/**
* creates new element
*/
function new_element(tag, id){
	var element = document.createElement(tag);
	element.setAttribute("id", id);
	
	return element;
}