$(document).ready(function(){


/**** Korrektur Spaltenbreite fuer 3 Bildspalten ****/
$('.csc-textpic-imagecolumn:eq(1)').attr('style','width:151px;');
$('.csc-textpic-imagecolumn:eq(2)').attr('style','width:151px;');

/**** Transparenz fuer Image-Navigation News+Projekte ****/
$('#imgnav_links').fadeTo(1,0.9);
$('#imgnav_mitte').fadeTo(1,0.9);
$('#imgnav_rechts').fadeTo(1,0.9);
$('.imglistnav_links').fadeTo(1,0.9);
$('.imglistnav_mitte').fadeTo(1,0.9);
$('.imglistnav_rechts').fadeTo(1,0.9);

/**** oben-Link loeschen, wenn unnoetig ****/
if (!$.browser.msie) {
	if ( parseInt($('#col1_content').css('height'))-10 < 452 ) { 
		$('li a[href$="#top"]').remove(); 
	};
};

/**** oben-Link durch Grafik ersetzen ****/
$('#col1_content li a[href$="#top"]').addClass('oben').attr('title','nach oben').html('&nbsp;');

/**** Mail-Links um Grafik ergaenzen ****/
$('#col1_content p a[href^="javascript:linkTo_UnCryptMailto"]').addClass('mail').attr('title','E-Mail-Adresse');

/**** externe Links um Grafik ergaenzen ****/
$('#col1_content p a[href^="http://"],#col1_content li a[href^="http://"]').addClass('extern').each( function(){
	var url = $(this).attr('href');
	$(this).attr('title','externer Link zu ' + url);
});
/**** interne Links in News um Listenparameter ergaenzen ****/
$('.news-list-container p a.intern').each( function(){
	var url = $(this).attr('href');
	url += '?&list=20';
	$(this).attr('href',url);
});
/**** interne Links in Suchergebnissen um Listenparameter ergaenzen ****/
$('.tx-indexedsearch-title a').each( function(){
	var url = $(this).attr('href');
	url += '?&list=42';
	$(this).attr('href',url);
});

/**** PDF-Links um Grafik ergaenzen ****/
$('p a[href$=".pdf"]').removeClass('extern').addClass('dokument').attr('title','Dokument laden');


/**** hover-Effekt fuer Projektliste ****/
var mouseOverProjekte = function() {
	$(this).css('background-color','White');
	var myPos = $('#navkat ul').children().index( $(this)[0] );
	$('dt.rolloverimg-item').eq(myPos).show();
};
var mouseOutProjekte = function() {
	$(this).css('background-color','transparent');
	var myPos = $('#navkat ul').children().index( $(this)[0] );
	$('dt.rolloverimg-item').eq(myPos).hide();
};
$('#navkat ul li').hover(mouseOverProjekte,mouseOutProjekte);


/**** hover-Effekt Listen im Fliesstext ****/
var mouseOverListe = function() {
	$(this).css('background-color','White').css('cursor','default');
	$(this).children('a').css('color','#cc0000');
};
var mouseOutListe = function() {
	$(this).css('background-color','transparent').css('cursor','auto');
	$(this).children('a').css('color','Black');
};
var mouseOverListeBild = function() {
	$(this).css('background-color','White').css('cursor','default');
	$(this).children('a').css('color','#cc0000');
	var myPos = $('#col1_content li.bildzoom').index( $(this)[0] );
	$('#col3_content .csc-textpic').hide();
	$('#col3_content dt.rolloverimg-item').eq(myPos).show();
};
var mouseOutListeBild = function() {
	$(this).css('background-color','transparent').css('cursor','auto');
	$(this).children('a').css('color','Black');
	var myPos = $('#col1_content li.bildzoom').index( $(this)[0] );
	$('#col3_content .csc-textpic').show();
	$('#col3_content dt.rolloverimg-item').eq(myPos).hide();
};
var mouseOverLink = function() {
	var myPos = $('#col1_content li.bildzoom').index( $(this).parent()[0] );
	$('#col3_content .csc-textpic').hide();
	$('#col3_content dt.rolloverimg-item').eq(myPos).show();
};
var mouseOutLink = function() {
	var myPos = $('#col1_content li.bildzoom').index( $(this).parent()[0] );
	$('#col3_content .csc-textpic').show();
	$('#col3_content dt.rolloverimg-item').eq(myPos).hide();
};

$('#col1_content li.listrollover').hover(mouseOverListe,mouseOutListe);
$('#col1_content li.bildzoom').hover(mouseOverListeBild,mouseOutListeBild);
$('#col1_content a.bild').hover(mouseOverLink,mouseOutLink);	


/* Ready-Funktion ENDE */	
});





/* Javascript fix for Safari's inability to link to named anchors (or ids of elements) inside 
 * elements with overflow: auto set
 * see http://blog.deconcept.com/code/overflowsafari/overflowsafari.html
 */

// the id of the element with overflow: auto set, in this case the div
var targBox = "col1";

function init() {
	if (document.getElementById) {
		var atags = document.getElementsByTagName("A");
		for (var i=0;i<atags.length;i++) {
			var ca = atags[i];
			if (ca.href.indexOf("#") > -1) {
				ca.onclick = function() {
					scrollDivToAnchor(this.href.split("#")[1]);
				}
			}
		}
	}
}

function scrollDivToAnchor(a) {
	var b = document.getElementById(targBox);
	b.scrollTop = document.getElementById(a).offsetTop - b.offsetTop;

	// alternately, if your elements are not nested within other nodes inside the box,
	// you could use document.getElementById(a).parentNode.scrollTop
	// that way you wouldn't need to specify the id of the scrollable box
}

if (navigator.userAgent.indexOf("Safari") > -1) { window.onload = init; }