// LosZockos Java-Script Bibliothek


// runde Ecken
function initCorners()
{
	var setting =
		{
		tl: { radius: 15 },
		tr: { radius: 15 },
		bl: { radius: 15 },
		br: { radius: 15 },
		antiAlias: true
	}
	curvyCorners( setting, ".smooth" );
}


/**
 * setExternalLinks() <teo>
 *
 * Erzeugt externe Links, fuer valides XHTML ohne 'target'-Attribut.
 *
 * Die Schreibweise der Links erfolgt nach folgendem Schema
 *
 * <a title="http://www.zieldomain.tld" href="#" rel="external">Label</a>
 *
 * Wird das Attribut 'rel' = 'external' gefunden, wird 'title' zu 'href' und das
 * zusaetzliche Attribut 'target' = '_blank' gesetzt.
 */
function setExternalLinks()
{
	// wenn: keine Unterstuetzung fuer getElementsByName
	if ( !document.getElementsByTagName )
	{
		// dann: NULL zurueckgeben
		return null;
	}

	// alle <a>-Elemente in ein Array lesen
	var anchors = document.getElementsByTagName("a");

	// Durchlauf aller <a>-Elemente
	for ( var i=0; i < anchors.length; i++ )
	{
		var anchor = anchors[i];

		// wenn: Attribut href vorhanden und Attribut rel = external
		if ( anchor.getAttribute("href") && anchor.getAttribute("rel") == "extern" )
		{
			// wenn: URL im Title-Attribut
			if ( 
				0 == anchor.getAttribute('title').indexOf('http')
				||
				0 == anchor.getAttribute('title').indexOf('mailto')
			)
			{
				// dann: austauschen
				var title = anchor.getAttribute('href').substr(1);
				anchor.setAttribute("href", anchor.getAttribute("title"));
				anchor.setAttribute("title", title);
			}
			// und: setzen des target-Attributs zum oeffnen in neuerm Fenster
			anchor.setAttribute("target", "blank");
		}
	}
} // END OF function setExternalLinks()


// Hovereffekt fuer Navigation
function imgSwapPrepare()
{
	// alle Links sammeln
	var links = document.getElementsByTagName('a');

	// alle Links durchblaettern
	for ( var i = 0 ; i < links.length ; i++ )
	{
		// wenn: Link die CSS Klasse 'navGfx' hat'
		if ( 'navGfx' === links[i].className )
		{
			// dann: Link-Titel holen
			var linkId = links[i].title; 	// alert( 'Link-Title: ' + linkId );

			// wenn: Bild mit Id des Link-Titels vorhanden
			if ( document.getElementById( linkId ) )
			{
				// dann: Bild-Element holen,
				var imgElm = document.getElementById( linkId );
				// und: Bild-Quelle holen,
				var imgSrc = imgElm.src; 	// alert('Bild-Quelle: ' + imgSrc );
				// und: neuen Bildquelle setzen
				var imgNew = imgSrc.replace(".gif", "_f2.gif"); // alert('Bild-Neu: ' + imgNew );

				// abschliessend: Eventlistener fuer MouseOver/Out auf Link setzen

				//links[i].addEventListener('mouseover', function( event ){ imgElm.src = imgNew; }, false );
				links[i].addEventListener('mouseover', function( event ) { imgSwap( this.title, 'on' ); }, false );

				//links[i].addEventListener('mouseout', function( event ){ imgElm.src = imgSrc; }, false );
				links[i].addEventListener('mouseout', function( event ) { imgSwap( this.title, 'off' ); }, false )

			}
		}
	}
} // END OF function imSwapPrepare()

// Grafik nach ID und Aktion setzen.
function imgSwap( element, action )
{
	e = document.getElementById( element );

	if ( 'on' === action )
	{
		e.src = e.src.replace(".gif", "_f2.gif");
	}
	else
	{
		e.src = e.src.replace("_f2.gif", ".gif");
	}

} // END OF function imgSwap()


// Variablen
var picsToPreload = new Array( 
	'_gfx/links/lnk_news_f2.gif',
	'_gfx/links/lnk_history_f2.gif',
	'_gfx/links/lnk_team_f2.gif',
	'_gfx/links/lnk_zockus_f2.gif',
	'_gfx/links/lnk_contact_f2.gif',
	'_gfx/links/lnk_files_f2.gif',
	'_gfx/links/lnk_server_f2.gif',
	'_gfx/links/lnk_guestbook_f2.gif',
	'_gfx/links/lnk_forum_f2.gif',
	'_gfx/links/lnk_links_f2.gif',
	'_gfx/links/lnk_intern_f2.gif',
	'_gfx/links/lnk_disclaimer_f2.gif',
	'_gfx/links/lnk_impressum_f2.gif',
	'_gfx/links/lnk_support_f2.gif',
	'_gfx/rechts/3erbmw_f2.gif',
	'_gfx/rechts/andy_f2.gif',
	'_gfx/rechts/boxxer_f2.gif',
	'_gfx/rechts/dasich_f2.gif',
	'_gfx/rechts/dasteo_f2.gif',
	'_gfx/rechts/derek_f2.gif',
	'_gfx/rechts/doomen_f2.gif',
	'_gfx/rechts/fallum_f2.gif',
	'_gfx/rechts/fudda_f2.gif',
	'_gfx/rechts/galgi_f2.gif',
	'_gfx/rechts/grizly_f2.gif',
	'_gfx/rechts/junky_f2.gif',
	'_gfx/rechts/kateiren_f2.gif',
	'_gfx/rechts/painamp_f2.gif',
	'_gfx/rechts/psycho_f2.gif',
	'_gfx/rechts/seven_f2.gif',
	'_gfx/rechts/sosel_f2.gif',
	'_gfx/rechts/wolve_f2.gif',
	'_gfx/rechts/vitamin_d_f2.gif',
	'_gfx/rechts/zoid_f2.gif'
);

// Navigation
function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_findObj(n, d) { //v4.01
    var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
} // END OF Navigation


/**
 * LosZockos Spezial JS
 * by TEO
 */
// box auf- oder zuklappen
function clap(element_id)
{
	if ( document.getElementById(element_id) )
	{
		dc = document.getElementById(element_id).className;

		if (dc == 'hidden_box')
		{
			document.getElementById(element_id).className = 'visible_box';
			img('img_'+element_id);
		}
		else
		{
			document.getElementById(element_id).className = 'hidden_box';
			img('img_'+element_id);
		}
	}
} // END OF clap()

// box zuklappen
function clapOFF(element_id)
{
    document.getElementById(element_id).className = 'hidden_box';
    imgOFF('img_'+element_id);
} // END OF clapOFF

// box aufklappen
function clapON(element_id)
{
    document.getElementById(element_id).className = 'visible_box';
    imgON('img_'+element_id);
} // END OF clapON()

// icon veraendern
function img(img_id)
{
    //di = document.getElementById(img_id).src;
    di = document.getElementById(img_id).innerHTML;
    if ( '-1' == di.indexOf('verstecke') )
    {
        //document.getElementById(img_id).src = './_gfx/arrow_open.gif';
        document.getElementById(img_id).innerHTML = 'verstecke';
    }
    else
    {
        //document.getElementById(img_id).src = './_gfx/arrow_close.gif';
        document.getElementById(img_id).innerHTML = 'zeige';
    }
} // END OF img()

// icon OFF
function imgOFF(img_id)
{
    //di = document.getElementById(img_id).src;
    document.getElementById(img_id).innerHTML = 'zeige';
} // END OF imgOFF()

// icon ON
function imgON(img_id)
{
    //di = document.getElementById(img_id).src;
    document.getElementById(img_id).innerHTML = 'verstecke';
} // END OF imgON()