function focusNaviElement(element_id){
	window.setTimeout("zoomOut('" + element_id + "');", 200);
}
function resetNaviElement(element_id){
	window.setTimeout("zoomIn('" + element_id + "');", 200);
}
function zoomOut(e_id){
	document.getElementById(e_id).className = "navi_element_active";
}
function zoomIn(e_id){
	document.getElementById(e_id).className = "navi_element";
}

var intervals = new Array();
var imageCount = 16;
var topLeftImgSrc = "../images/AbraCadabrabamboo2.jpg";
var imageId = 1;
var isImageHidden = true;
var selectedId=0;
var smallHeight = 95;
var bigHeight = 381;
var zOut;
var opaSpeed = 0.4;
var opaSingleSpeed = 0.1;
var firstElement = "p1";

function hideImage(e_id){
	var e = document.getElementById(e_id);
	var opa =  parseFloat(getOpacity(e_id));
	if(opa>0){
		
		opa-=0.4;
		setOpacity(e_id, opa);
	}
	else{
		isImageHidden=true;
		
		document.getElementById(e_id).style.display="none";
		window.clearInterval(intervals[e_id]);
		imageId +=1;
		if(imageId<=imageCount){
			var tempid="p"+ imageId;
			var interval = window.setInterval("hideImage('" + tempid + "');", 8);
			intervals[tempid] = interval;
		}
		else{
			var height =  parseInt(document.getElementById(e_id).style.height);
			
		    if(height==smallHeight){
		    	document.getElementById(firstElement).style.height = bigHeight + "px";
		    	document.getElementById(firstElement).style.display="inline";
		    	var myInterval = setInterval(function() {
		    		//var height =  parseFloat(document.getElementById(id).style.height);
		    		var img_src = document.getElementById(selectedId).getAttribute("src");
		    		document.getElementById(firstElement).setAttribute("src",img_src);
		    		var opa =  parseFloat(getOpacity(firstElement));
		    		if(opa<1){
	    				opa+=opaSingleSpeed;
	    				setOpacity(firstElement, opa);
	    			}
		    		else{
		    			window.clearInterval(myInterval);
		    			document.getElementById("cross").style.display="block";
		    			//intervals=new Array();
		    		}
		    	}, 8);    	
		    }
		}
		
		if(isInternetExlorer()&& !(isIE6()))document.getElementById("cross").style.display="block";
	}
}
function showImage(e_id){
	var opa =  parseFloat(document.getElementById(e_id).style.opacity);
	document.getElementById(e_id).style.display="inline";
	if(opa<1){
		opa+=opaSpeed;
		document.getElementById(e_id).style.opacity = opa;
	}
	else{
		
		window.clearInterval(intervals[e_id]);
		
		if(imageId<=imageCount){
			var tempid="p"+ imageId;
			var interval = window.setInterval("showImage('" + tempid + "');", 8);
			intervals[tempid] = interval;
			imageId +=1;
		}
	}
}


function zoomImage(e_Id){
	selectedId= e_Id;
	var element = document.getElementById(e_Id);
	var height =  parseInt(document.getElementById(e_Id).style.height);
    if(height==smallHeight){
    	imageId=1;
		var interval = window.setInterval("hideImage('" + firstElement + "');", 8);
		intervals[firstElement] = interval;
    	
    }
    else if(height==bigHeight){
    	//var interval = window.setInterval("hideImage('" + imageId + "');", 8);
    	zOut = window.setInterval("zoomImageOut('" + e_Id + "');", 8);
    	//intervals[imageId] = i;
    	
    }
}

function zoomImageOut(e_Id){
	var opa =  parseFloat(getOpacity("p1"));
	document.getElementById("cross").style.display="none";
	if(opa>0){
		opa-=opaSingleSpeed;
		setOpacity(firstElement, opa);
	}
	else{
		imageId=1;
		window.clearInterval(zOut);
		document.getElementById(firstElement).style.height = smallHeight +"px";
		document.getElementById(firstElement).setAttribute("src",topLeftImgSrc);
		var interval = window.setInterval("showImage('" + firstElement + "');", 8);
		intervals[firstElement] = interval;
		
	}
}


function getOpacity(e_id){
	var opa = 0;
	if(!isInternetExlorer()){
		opa = document.getElementById(e_id).style.opacity;
	}
	return opa;
}

function setOpacity(e_id, opa){

	if(!isInternetExlorer()){
		document.getElementById(e_id).style.opacity = opa;
	}
}

function isInternetExlorer(){
	if(navigator.appName == "Microsoft Internet Explorer"){
		return true;
	}
	else{
		return false;
	}
}

function isIE6(){
	if((navigator.userAgent.indexOf("MSIE 6.") != -1)) return true;
	else return false;
		
}

function initMailAddresses(){
	var mailElements = new Array("pp","pf", "js");
	var domains = new Array("t-online.de", "priiidesign.de", "jsitservices.de")
	var names = new Array("praesent-perfect", "prisca.fey", "jens.stricker");
	for(var i = 0; i<mailElements.length;i++){
		var mailElement = document.getElementById(mailElements[i]);
		if(mailElement!=null){
			var mailString = names[i] + "@" + domains[i]; 
			mailElement.setAttribute("href", "mailto:"+mailString);
			mailElement.innerHTML = mailString;
		}
	}

}
// google MAps Stuff

function initialize() {
    if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map_canvas"));
      map.setCenter(new GLatLng(48.932015,8.268564), 13);
      map.addOverlay(new GMarker(new GLatLng(48.932015,8.268564)));
      map.setUIToDefault();
    }
    
 }

function fromRastatt(){
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(48.932015,8.268564), 9);
        directionsPanel = document.getElementById("route");
        directions = new GDirections(map, directionsPanel);
        directions.load("from: 48.865957,8.215542 to: 48.932015,8.268564");
      }
   }

function fromKarlsruhe(){
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(48.932015,8.268564), 9);
        directionsPanel = document.getElementById("route");
        directions = new GDirections(map, directionsPanel);
        directions.load("from: 49.005673,8.345833 to: 48.932015,8.268564");
      }
   }