//Event.observe(window, 'load', pir);

Event.observe(window, 'load', init_studies);
Event.observe(window, 'load', init_articles);
Event.observe(window, 'load', init_chapters);
Event.observe(window, 'load', enableTooltips);
Event.observe(window, 'load', pngRepair);


function pngRepair() {
  if (navigator.userAgent.indexOf("MSIE 6")!=-1) {
    var myimages = document.getElementsByTagName("img");
    for (var i=0, il = myimages.length; i < il; i++) {
      var myimage = document.getElementsByTagName("img")[i];
      if (myimage.src.indexOf(".png")!=-1) {
        if (myimage.width && myimage.height) {
          width = myimage.width;
          height = myimage.height;
          src = myimage.src;
          myimage.src="fileadmin/templates/img/blank.gif";
          myimage.height = height;
          myimage.width = width;
          myimage.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"',sizingMethod='scale');";
        }
      }
    }
  }
}




      function showTeaser() {
        nodes = $('main').select('.teaser');
        for (var index = 0, len = nodes.length; index < len; ++index) {
          var item = nodes[index];
          if (item.visible()) new Effect.DropOut(item);
        }
        $('topTeaser').style.width='600px';
        Effect.Grow('topTeaser');
      }
      function toggleIndex(sTeaserid) {
        myTeaser = 'teaser'+sTeaserid;
        $(myTeaser).style.width='600px';
        if (sTeaserid == 'Interactive') {
          Effect.BlindDown(myTeaser);
          Effect.BlindUp('topTeaser');
        } else {
          Effect.BlindRight(myTeaser);
          Effect.BlindLeft('topTeaser');
        }
        myFunc = function(event) {
          if (event.keyCode == Event.KEY_ESC) {
            showTeaser();
            Event.stopObserving(window, 'keypress', myFunc);
          }
        }
        Event.observe(window, 'keypress', myFunc);
        pngRepair();
pngs = $$('.pir');
for (var i = 0, pl = pngs.length; i<pl; i++) {
  png = pngs[i];
  png.show();
}
      }



function pir() {
  var nodes = $('main').select('.pir');
  for (var index = 0, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
    var sText = encodeURIComponent(item.firstChild.data);
    item.firstChild.data = "";
    var sFontSize = item.getStyle('fontSize');
    item.insert(oPir = new Element('img', { src: 'text/font.php?text='+sText+'&dip=3&font_size='+sFontSize, alt: sText, className: "transpng", height: "auto" }));
//sometimes doesn't work
//    oPir.setStyle({height: oPir.height+"px"});
    oPir.setStyle({height: "72px"});
  }
  if (navigator.userAgent.search(/MSIE 6/) != -1) {
    var nodes = $$('img.transpng');
    for (var index = 0, len = nodes.length; index < len; ++index) {
      var item = nodes[index];
      sW = item.width +"px";
      sH = item.height+"px";
      sSrc = item.src;
      item.setStyle({width: sW, height: sH});
      item.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+sSrc+"',sizingMethod='scale')";
      item.src = 'img/transp.gif';
    }
  }
}

function init_articles() {
  if (!$('contentnav')) return;
  var navi = location.href.replace(/^.*#/, '').replace(/~.*$/, '');
	showArticle((location.href.search(/#/)!=-1) ? location.href.replace(/^.*#/, '').replace(/~.*$/, '') : false);
	var nodes = $('contentnav').select('.trg');
  

	for (var index = 0, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
		
		var item = nodes[index];
		
		var linkname = nodes[index].getAttribute('href').replace(/^.*#/, '').replace(/~.*$/, '');
		if(linkname==navi) nodes[index].addClassName('trg_active');
	
    Event.observe(item, 'click', function(event) {
      for (var index = 0, len = nodes.length; index < len; ++index) {
				var item = nodes[index];
				item.removeClassName('trg_active');
			}
			var element = Event.element(event);
			element.addClassName('trg_active');
      var sId = element.getAttribute('href');
      sId = sId.replace(/^.*#/, '').replace(/~.*$/, '');
      showArticle(sId);
    });
  }
}

function showArticle(sId) {
  if (!$('content')) return;
  var nodes = $('content').select('.article');
  if (!nodes[0]) return;
  if (sId == false) sId = nodes[0].getAttribute('id');
  for (var index = 0, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
    if (item.getAttribute('id') != sId) item.hide();
    else item.show();
  }
  
}

function init_chapters() {
var navi2 = location.href.replace(/^.*~/, '');

	//showChapter($('contentnav').select('.int'));
	if (!$('contentnav')) return;
  nodes = $('contentnav').select('.chapter');
  
	/* by TOM
	for (var index = 1, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
    item.hide();
  }
  */
	// hardcodet... :
	if(navi2=='int'){
		nodes[0].hide();
		nodes[2].hide();
	}else if(navi2=='media'){
		nodes[0].hide();
		nodes[1].hide();
	}else{
		nodes[1].hide();
		nodes[2].hide();
	}
 

  nodes = $('contentnav').select('.ctrg');
  for (var index = 0, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
    item.setStyle({cursor: 'pointer'});
    Event.observe(item, 'click', function(event) {
      var element = Event.element(event);
			
      showChapter(element.next('.chapter'));
    });
  }
}

function showChapter(element) {
  nodes = $('contentnav').select('.chapter');
  for (var index = 0, len = nodes.length; index < len; ++index) {
    var item = nodes[index];
    if (item != element && item.visible()) new Effect.BlindUp(item);
  }
  element.style.height = 'auto';
  new Effect.BlindDown(element);
}


function init_studies() {
  if (!$('sidebar')) return;
	var navi = location.href.replace(/^.*#/, '').replace(/~.*$/, '');

	showStudie((location.href.search(/#/)!=-1) ? location.href.replace(/^.*#/, '').replace(/~.*$/, '') : false);
  
	var nodes = $('sidebar').select('.trg');

  for (var index = 0, len = nodes.length; index < len; ++index) {
		
		var item = nodes[index];
		var linkname = nodes[index].getAttribute('href').replace(/^.*#/, '')
		if(linkname==navi) nodes[index].addClassName('trg_active');
	
    Event.observe(item, 'click', function(event) {
      for (var index = 0, len = nodes.length; index < len; ++index) {
				var item = nodes[index];
				item.removeClassName('trg_active');
			}
			var element = Event.element(event);
			element.addClassName('trg_active');
      var sId = element.getAttribute('href');
      sId = sId.replace(/^.*#/, '');
      showStudie(sId);
			
    });
  }
}

function showLoading() {
	if (!$('caseStudies')) return;
	
	if ($('loadingBanner')) {
		$('loadingBanner').show();
	} else {
		var loadingDiv = new Element('div', { 'id': 'loadingBanner'}).setStyle({
			backgroundColor: '#e20014',
			width:'100%',
			height: '100%',
			opacity: 0.75,
			zIndex: 1000,
			position: 'absolute',
			top: 0,
			left: 0
		});
		
		$("caseStudies").insert(loadingDiv.update(new Element ('img', {'src': 'fileadmin/templates/img/loading.gif', 'alt': ''}).setStyle({
			'position': 'absolute',
			'left': '50%',
			'top': '50%',
			'marginLeft' : '-24px',
			'marginTop' : '-24px'
		})));
	}
}

function showStudie(sId) {
	if (sId == false) sId = "startteaser";
	

	
//http://www.dietzk.de/start/case-studies/casestudies-ajax-inhalte/?prid=corporate_website_lsg
//new Ajax.Updater('caseStudies', '/case-studies/casestudies-ajax-inhalte/?prid='+sId, {


	//new Ajax.Updater('caseStudies', 'index.php?id=48&prid='+sId, {
	new Ajax.Updater('caseStudies', '/case-studies/casestudies-ajax-inhalte/?prid='+sId, {
		
			onLoading : function() {
				showLoading();
			},
			onComplete: function() {
				
				
				var navi2 = location.href.replace(/^.*~/, '');
				var sInfo = location.href.replace(/^.*~/, '');
				
				if (sInfo == location.href) sInfo = '';
				if (sInfo) showStudieInfo(sInfo);
				
				
			
				//Infolink bei Startteaser ausblenden:
				if (sId == "startteaser") {
					
				
				
					if($('contentrotation')){
						
					window.setTimeout(function() {
						imgsrc=$('img'+sId);
						
						if(imgsrc!=null){
							imghirename= imgsrc.firstChild.data;
							imghires="http://dietzk.de/uploads/tx_dietzkcasestudies/"+imghirename
							//imghires="http://staging.dietzk.de/uploads/tx_dietzkcasestudies/"+imghirename;
						}
						loadMagnifier('startbeispiel',imghires , 1200, 617);
					}, 500);
					}else{
						$('csnavi').hide();
					}
				}
			
				//INFO 
				if ($('infobutton')) {
				
						var nodes = $('csnavi').select('.csnlink');
						var nodesPages = $('csnavi').select('.cspages');
											
	  				if (sId == false) sId = nodes[0].getAttribute('id');
				
						for (var index = 0, len = nodes.length; index < len; ++index) {
							var linkname2 = nodes[index].getAttribute('href').replace(/^.*#/, '')
							if (index!=0) nodes[index].removeClassName('csnlink_active');
							if(linkname2==navi2){
								//nodes[index].addClassName('csnlink_active');
								//nodesPages[index-1].addClassName('showButton');
								//nodesPages[index].style.display="block";
							}
						
							var item = nodes[index];

					    Event.observe(item, 'click', function(event) {
								Event.stop(event);
								//$('csnavi').select('.csnlink_active')[0].removeClassName('csnlink_active');
								
								
					      var element = Event.element(event);
								//element.addClassName('csnlink_active');
					      var sId2 = element.getAttribute('href');
					      sId2 = sId2.replace(/^.*#/, '');
								location.hash = location.hash.replace(/~.*$/, '');
								if(sId2!=0){
									location.hash += "~"+sId2;
								}
							
								for (var index = 0, len = nodesPages.length; index < len; ++index) {
								
										nodesPages[index].style.display="none";
								
								}
								nodesPages[sId2].style.display="block";
								imgsrc=$('img'+sId2);
								if(imgsrc!=null){
									imghirename= imgsrc.firstChild.data;
									//imghires="http://staging.dietzk.de/uploads/tx_dietzkcasestudies/"+imghirename
									imghires="http://dietzk.de/uploads/tx_dietzkcasestudies/"+imghirename
								
								}
								
								//console.log(nodesPages[sId2].style.display);
					      showStudieInfo(sId2);
					      $buttonsDiv = $(sId2+"MagnifierController")
					      $lupeSpan = $("lupe"+sId2)
					 
					      if(sId2!=0 && imghires!=null && !$buttonsDiv && $lupeSpan!=null){
					    	  loadMagnifier(sId2,imghires , 1200, 617);
					    	
					      }	
					 
					    });
					  }
				}
				
				$('loadingBanner').hide();
					
		  }
	});
}

function  showStudieInfo(sId) {
	if (!$('caseStudies')) return;
  
	//INFO einblenden
	  var nodes = $('caseStudies').select('.infofield');
	  var nodesPages = $('csnavi').select('.cspages');
	  if (nodes[0]){
		  if (sId == false) sId = nodes[0].getAttribute('id');
		  for (var index = 0, len = nodes.length; index < len; ++index) {
		    var item = nodes[index];
		    if (item.getAttribute('id') != sId) item.hide();
		    else item.show();
		  }
		}
	  if (nodesPages[0]){
		  if (sId == false) sId = nodesPages[0].getAttribute('id');
		  for (var index = 0, len = nodes.length; index < len; ++index) {
		    var item = nodesPages[index];
		    if ((item.getAttribute('id') != 'page'+sId)) item.hide();
		    else item.show();
		    
		    //console.log('page'+sId)
		  }
		}
}









// CHANGES MADE FROM BLINDUP
// CHANGE from 'scaleX: false,' to scaleY: false

Effect.BlindLeft = function(element) {
  element = $(element);
  element.makeClipping();
  return new Effect.Scale(element, 0,
    Object.extend({ scaleContent: false,
      scaleY: false,
      restoreAfterFinish: true,
      afterFinishInternal: function(effect) {
        effect.element.hide().undoClipping();
      }
    }, arguments[1] || {})
  );
}

// CHANGES MADE FROM BLINDDOWN
// CHANGE from 'scaleX: false,' to scaleY: false
// CHANGE afterSetup function statement's "makeClipping().setStyle({height: '0px'})" to width: '0px'

Effect.BlindRight = function(element) {
  element = $(element);
    var elementDimensions = element.getDimensions();
  return new Effect.Scale(element, 100, Object.extend({
    scaleContent: false,
    scaleY: false,
    scaleFrom: 0,
    scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
    restoreAfterFinish: true,
    afterSetup: function(effect) {
      effect.element.makeClipping().setStyle({width: '0px'}).show();
    },
    afterFinishInternal: function(effect) {
      effect.element.undoClipping();
    }
  }, arguments[1] || {}));
}











// TOMs BUBBLE TOOLTIPS
/*javascript for Bubble Tooltips by Alessandro Fulciniti
- http://pro.html.it - http://web-graphics.com */

function enableTooltips(){
	var links,h;
	if(!document.getElementById || !document.getElementsByTagName) return;
	//AddCss();
	h=document.createElement("span");
	h.id="btc";
	h.setAttribute("id","btc");
	h.style.position="absolute";
	document.getElementsByTagName("body")[0].appendChild(h);
	links=$$(".tooltip2");
	for(var i=0, il = links.length;i<il;i++){
	  Prepare(links[i]);
	}
}

function Prepare(el){
		var tooltip,t,b,s,l,st;
		
		// title attribute in t speichern und aus a tag entfernen
		t=el.getAttribute("alt");
		if(t==null || t.length==0) t="";
		el.removeAttribute("alt");
		
		l=el.getAttribute("title");
		if(l==null || l.length==0) l="";
		el.removeAttribute("title");
		
		
		// tooltip top erstellen
		tooltip=CreateEl("span","tooltip");
		s=CreateEl("span","top");
		st=CreateEl("span","red");
		st.appendChild(document.createTextNode(t));
		s.appendChild(st);
		tooltip.appendChild(s);
		
		// tooltip bottom erstellen
		b=CreateEl("b","bottom");
		//l=el.getAttribute("alt");
		//el.removeAttribute("alt");
		//if(l.length>30) l=l.substr(0,27)+"...";
		//l=''
		
		b.appendChild(document.createTextNode(l));
		tooltip.appendChild(b);
		
		setOpacity(tooltip);
		el.tooltip=tooltip;
		Event.observe(el, 'mouseover', showTooltip);
		Event.observe(el, 'mouseout', hideTooltip);
		Event.observe(el, 'mousemove', Locate);
}

function showTooltip(event){
	document.getElementById("btc").appendChild(this.tooltip);
  var element = Event.element(event);
	var att = element.readAttribute('src');
	element.writeAttribute('src',att.gsub(/(\.jpg|\.gif|\.png|\.jpeg)/i, function(match){return "_active"+match[1]}));
	Locate(event);
}

function hideTooltip(event){
  var d=document.getElementById("btc");
  if(d.childNodes.length>0) d.removeChild(d.firstChild);
  var element = Event.element(event);
  var att = element.readAttribute('src');
  element.writeAttribute('src',att.gsub(/_active/i, ''));
	
}

function setOpacity(el){
el.style.filter="alpha(opacity:95)";
el.style.KHTMLOpacity="0.95";
el.style.MozOpacity="0.95";
el.style.opacity="0.95";
}

function CreateEl(t,c){
var x=document.createElement(t);
x.className=c;
x.style.display="block";
return(x);
}

/*function AddCss(){
var l=CreateEl("link");
l.setAttribute("type","text/css");
l.setAttribute("rel","stylesheet");
l.setAttribute("href","bt.css");
l.setAttribute("media","screen");
document.getElementsByTagName("head")[0].appendChild(l);
}*/

function Locate(e){
var posx=0,posy=0;
if(e==null) e=window.event;
if(e.pageX || e.pageY){
    posx=e.pageX; posy=e.pageY;
    }
else if(e.clientX || e.clientY){
    if(document.documentElement.scrollTop){
        posx=e.clientX+document.documentElement.scrollLeft;
        posy=e.clientY+document.documentElement.scrollTop;
        }
    else{
        posx=e.clientX+document.body.scrollLeft;
        posy=e.clientY+document.body.scrollTop;
        }
    }
document.getElementById("btc").style.top=(posy-10)+"px";
document.getElementById("btc").style.left=(posx+15)+"px";
}