var current_ap_id = "ap_0";
var images = new Array(7);
var imgs = new Array(7);
var printdata = "item0";

images['ap_0']= new Image();
images['ap_1']= new Image();
images['ap_2']= new Image();
images['ap_3']= new Image();
images['ap_8']= new Image();
images['ap_9']= new Image();
images['ap_10']= new Image();
images['ap_11']= new Image();


images['ap_0'].src = 'fileadmin/templates/pics/ap_0.gif';
images['ap_1'].src = 'fileadmin/templates/pics/auswahl1.gif';
images['ap_2'].src = 'fileadmin/templates/pics/auswahl2.gif';
images['ap_3'].src = 'fileadmin/templates/pics/netzplanung_3.gif';
images['ap_8'].src = 'fileadmin/templates/pics/netzplanung_2.gif';
images['ap_9'].src = 'fileadmin/templates/pics/netzplanung_3.gif';
images['ap_10'].src = 'fileadmin/templates/pics/netzplanung_1.gif';
images['ap_11'].src = 'fileadmin/templates/pics/netzplanung_0.gif';

imgs['ap_4']= new Image();
imgs['ap_4'].src = 'fileadmin/templates/pics/ebl_pdf-over_9x11.gif';

imgs['ap_5']= new Image();
imgs['ap_5'].src = 'fileadmin/templates/pics/ebl_pfeil-overw_11x11.gif';

imgs['ap_6']= new Image();
imgs['ap_6'].src = 'fileadmin/templates/pics/ebl_pfeil-over_11x11.gif';

imgs['ap_7']= new Image();
imgs['ap_7'].src = 'fileadmin/templates/pics/ebl_pfeil-overg_11x11.gif';


function mouse_over(ap_id) {

	if (current_ap_id != 'ap_0') {
		hide_ap(current_ap_id);
	}

	show_ap(ap_id);

	if (document.images) {
		document.images.mapa.src = images[ap_id].src;
	}
}


function mouse_out(ap_id) {

	hide_ap(ap_id);

	if (current_ap_id != 'ap_0') {
		show_ap(current_ap_id);
	}

	if (document.images ) {
		document.images.mapa.src = images[current_ap_id].src;
	}
}


function click_it(ap_id) {
	current_ap_id = ap_id;
}


function show_ap(ap_id) {

	if (document.all) {
		document.all[ap_id].style.visibility = "visible";
	}
	else if (document.getElementById) {
		document.getElementById(ap_id).style.visibility = "visible";
	}
}


function hide_ap(ap_id) {

	if (document.all) {
		document.all[ap_id].style.visibility = "hidden";
	}
	else if (document.getElementById) {
		document.getElementById(ap_id).style.visibility = "hidden";
	}
}


function sitemap(){

if (!/Opera/.test(navigator.userAgent)){
	if (/MSIE 5.0/.test(navigator.userAgent)){ var undefined='' }
	GoGoGo();
}
}

function GoGoGo(){
	var OLs = document.getElementsByTagName("OL");
	for (var j = 0; j < OLs.length; j++) {
		LetsDoIt(OLs[j]);
	}
         $('hide-sitemap').setStyle({display:'block'});
}

function LetsDoIt(element) {
	element.style.listStyleType = 'none';
	oM = element.childNodes.length;
	var k = 0;
	for ( i = 0; i < oM; i++ ) {
		oLI = element.childNodes[i];
		if ( oLI.innerHTML!=undefined  ){
			k++;
			oLI.innerHTML = k + '. ' + oLI.innerHTML;
			oLI.innerHTML = oLI.innerHTML.replace(/((\d+\. )(\d+\. )*)/, "$1$2");
			oLI.innerHTML = oLI.innerHTML.replace(/\d+\. /, ' ');

		}
		if ( oLI.innerHTML!=undefined ){
			oLI.innerHTML = oLI.innerHTML.replace(/<li>((\d+\. )*)/gi, "<li>$1" + k + '. ');
		}
	}
}



    function subbubble_disp(id){
    subbubble_hidd(id);
    //alert(id);

    if ($('sub'+id)) $('sub'+id).setStyle({display:'block'});

    //if($('sub'+id).style.display=='none'){
 //	idd = id.substring(id.length-1);
//	$('imgsub'+id).setStyle({width:'20px',height:'20px',top:subbubles2_x[idd]+'px',left:subbubles2_y[idd]+'px'});
  //  	$('sub'+id).setStyle({display:'block'});
    //	$('sub1'+id).setStyle({visibility:'hidden'});
    	//      new Effect.Morph($('imgsub'+id),{
	//	 style: 'width:'+subbubles_w[idd]+';height:'+subbubles_w[idd]+';top:0px;left:0px',
	//	 duration: 0.2, fps:80,afterFinish:function(){$('sub1'+id).setStyle({visibility:'visible'});}
	//       });
	//       }

    }

    function subbubble_hidd(id){
    //alert(id);
    	//$('sub'+id).setStyle({display:'none'});
	for (var i = 1; i < bubles_y.length; i++) {
		if(id!='bubble'+i)
	    if ($('subbubble'+i)) $('subbubble'+i).setStyle({display:'none'});
	    }
    }

	///  unter / STROM / warme / TELEKOM  / INNOVATION / INFORMATION /

    var bubles_y=new Array("",725,92,528,422,191,57);
    var bubles_x=new Array("",233,207,50,389,49,518);
    var bubles_w=new Array("",124,212,212,212,120,120);

    var subbubles_y=new Array("",-72,75,166,-75,78,89);
    var subbubles_x=new Array("",52,154,-10,104,58,5);
    var subbubles2_y=new Array("",150,56,120,50,-50,-50);
    var subbubles2_x=new Array("",32,50,120,0,40,80);
    var subbubles_w=new Array("",106,153,145,137,103,173);

    function menu_bubble(){


    $('start-menu').setStyle({display:'none'});

    this.newId=0;
    this.newSubId=0;
    this.currSubId=-1;

    this.tbl = document.getElementById('start-over');

   // this.tbl.onmouseover=function(){ subbubble_hidd();};

    var inputs = $A(document.getElementsByTagName("li"));
		var pinputs = inputs.findAll( function(link)
		    {
			var start = link.className.substring(0,2);
			//return start =='me';
			if(start=='me') {

				this.newId++;

				lnk = link.firstChild;

				var newdiv = document.createElement('div');
				newdiv.setAttribute('id','bubble'+this.newId);
				newdiv.id=('bubble'+this.newId);
				newdiv.className='bubble-div';
				newdiv.style.top=bubles_x[this.newId]+'px';
				newdiv.style.left=bubles_y[this.newId]+'px';
				newdiv.style.width=bubles_w[this.newId]+'px';
				newdiv.style.height=bubles_w[this.newId]+'px';
				//newdiv.setAttribute('onmouseover','alert('+newId+');');
				//newdiv.setAttribute('onmouseover','$("subbubble'+newId+'").setStyle({display:"block"});');
				//newdiv.setAttribute('onmouseout','$("subbubble'+newId+'").setStyle({display:"none"});');
				newdiv.onmouseover=function(){ subbubble_disp(this.id);};
				//newdiv.onmouseout=function(){ subbubble_hidd(this.id);};
				//newdiv.innerHTML='xxx'+this.newId;

				cancelImg = document.createElement("img");
				cancelImg.src = "fileadmin/templates/pics/shot"+bubles_w[this.newId]+".gif";
				cancelImg.className='bubble-img';
				cancelImg.setAttribute('id','bubbleimg'+this.newId);
				cancelImg.style.width=bubles_w[this.newId]+'px';
				cancelImg.style.height=bubles_w[this.newId]+'px';
				newdiv.appendChild(cancelImg);

				newdiv1 = document.createElement('div');
				newdiv1.setAttribute('id','main1bubble'+this.newId);
				newdiv1.className='main1bubble-div';
				newdiv1.style.width=bubles_w[this.newId]+'px';
				newdiv1.style.height=bubles_w[this.newId]+'px';

				newdiv2 = document.createElement('div');
				newdiv2.setAttribute('id','main2bubble'+this.newId);
				newdiv2.className='main2bubble-div';

				newdiv3 = document.createElement('div');
				newdiv3.setAttribute('id','main3bubble'+this.newId);
				newdiv3.className='main3bubble-div';


				link.removeChild(lnk);

				var clone = lnk.cloneNode(true);
				//clone.style.marginTop = (bubles_w[this.newId]/2)+'px';
				//alnk = clone.firstChild;
				//text=alnk.innerHTML;
				//clone.innerHTML=text;
				//alnk.innerHTML=this.newId;

				//newdiv.appendChild(clone);
				//tbl.appendChild(newdiv);

				newdiv3.appendChild(clone);

				newdiv2.appendChild(newdiv3);
				newdiv1.appendChild(newdiv2);
				newdiv.appendChild(newdiv1);
				tbl.appendChild(newdiv);


				//breatheUp(this.newId);

				//link.style.backgroundColor="#000000";

				}
			if(start=='su') {
				if(this.newId!=this.currSubId){

				lnk = link.firstChild;
				pardiv = document.getElementById('bubble'+this.newId);

				newdiv = document.createElement('div');
				newdiv.setAttribute('id','subbubble'+this.newId);
				newdiv.className='subbubble-div';
				newdiv.style.display='none';
				newdiv.style.top=subbubles_x[this.newId]+'px';
				newdiv.style.left=subbubles_y[this.newId]+'px';
				newdiv.style.width=subbubles_w[this.newId]+'px';
				newdiv.style.height=subbubles_w[this.newId]+'px';

				cancelImg = document.createElement("img");
				cancelImg.src = "fileadmin/templates/pics/shot"+subbubles_w[this.newId]+".gif";
				cancelImg.className='bubble-img';
				cancelImg.setAttribute('id','imgsubbubble'+this.newId);
				cancelImg.setAttribute('origwidth',subbubles_w[this.newId]+'px');
				cancelImg.style.width=subbubles_w[this.newId]+'px';
				cancelImg.style.height=subbubles_w[this.newId]+'px';
				newdiv.appendChild(cancelImg);

				newdiv1 = document.createElement('div');
				newdiv1.setAttribute('id','sub1bubble'+this.newId);
				newdiv1.className='sub1bubble-div';
				newdiv1.style.width=subbubles_w[this.newId]+'px';
				newdiv1.style.height=subbubles_w[this.newId]+'px';

				newdiv2 = document.createElement('div');
				newdiv2.setAttribute('id','sub2bubble'+this.newId);
				newdiv2.className='sub2bubble-div';

				newdiv3 = document.createElement('div');
				newdiv3.setAttribute('id','sub3bubble'+this.newId);
				newdiv3.className='sub3bubble-div';

				link.removeChild(lnk);

				var clone = lnk.cloneNode(true);
				//clone.style.marginTop = (bubles_w[this.newId]/2)+'px';

				newdiv3.appendChild(clone);

				newdiv2.appendChild(newdiv3);
				newdiv1.appendChild(newdiv2);
				newdiv.appendChild(newdiv1);
				pardiv.appendChild(newdiv);
				this.currSubId=this.newId;
				}
				else
				{
				lnk = link.firstChild;
				newdiv = document.getElementById('sub3bubble'+this.newId);

				link.removeChild(lnk);

				var clone = lnk.cloneNode(true);

				newdiv.appendChild(clone);
				}
				this.newSubId++;
				}

		    }.bind(this));

         $('start-container').setOpacity(0);
	$('start-container').style.display = 'block';
         $('start-over').setOpacity(0);
	$('start-over').style.display = 'block';
	new Effect.Appear($('start-container'),{duration:1.5,afterFinish:function(){new Effect.Appear($('start-over'),{duration:1});
}});



	//alert ('xxx');
    }


      function breatheUp(id){
	      new Effect.Morph('bubbleimg'+id,{
		 style: 'width:'+(bubles_w[id]+10)+'px;height:'+(bubles_w[id]+10)+'px',
		 duration: 3.0, afterFinish:function(){
				breatheDwn(id)}
	       });
      }

      function breatheDwn(id){
	      new Effect.Morph('bubbleimg'+id,{
		 style: 'width:'+bubles_w[id]+'px;height:'+bubles_w[id]+'px',
		 duration: 4.0, afterFinish:function(){
				breatheUp(id)}
	       });
      }


   //menu_bubble();

var icko = 0;
var kcko = 0;
var items = new Array();

function expander(obko) {
	if(obko.nextSibling.className == 'expand-body')
	{
		hideid();
		obko.nextSibling.className = 'colapse-body';
		obko.className = 'colapse-header';

		var ciel = document.getElementById('content-teaserin');
		var idko = obko.id;

		var newdiv = document.createElement('div');
		newdiv.id = 'hiddendata' + idko;
		newdiv.innerHTML = obko.nextSibling.nextSibling.innerHTML;


		var jcko = 0;
		while(jcko < icko)
		{
			if(items[jcko] == idko)
			{
				ciel.insertBefore(newdiv,document.getElementById('hiddendata'+items[jcko+1]));
				break;
			}
			jcko++;
		}


		if(icko == 0 || jcko == icko)
		{
			ciel.appendChild(newdiv);
               		items[kcko++] = idko;
		}

		return;

	}
	if(obko.nextSibling.className == 'colapse-body')
	{
		obko.nextSibling.className = 'expand-body';
		obko.className = 'expand-header';

		ideal = 'hiddendata' + obko.id;
		document.getElementById(ideal).style.display = 'none';

		var d = document.getElementById('content-teaserin');
		d.removeChild(document.getElementById(ideal));
	}

}

function hideid()
{
	var inputs = $A(document.getElementsByTagName("div"));
          inputs.each(function(link) {
               var start = link.className;
               if(start=='colapse-header')
               		link.className = 'expand-header';
               if(start=='colapse-body')
               		link.className = 'expand-body';               		
          });
}

function makeid()
{
	var inputs = $A(document.getElementsByTagName("div"));
        //  alert(inputs.length);
          inputs.each(function(link) {
               var start = link.className;
               if(start=='expand-header')
               {
               		link.id = "item"+icko;
               		icko++;
	      }
          });


}
