// JavaScript Document

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_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;
}
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 poll() {

document.getElementById("poll_form").style.display = "none";
$('response').innerHTML = '<div align="center" style="padding-top:50px; padding-bottom:75px;"><img src="pics/design/ajax_ladegrafik.gif" alt="Ladegrafik" width="50" height="50" /><br />Daten werden überprüft...</div>';
window.setTimeout("ajax3()", 10);
}

function ajax3() {
new Ajax.Request('poll_results.php',
  {
    method:'post',
    postBody: Form.serialize('poll_form'),
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
	  $('response').innerHTML = transport.responseText;
    },
    onFailure: function(){ alert('Something went wrong...') }
  });
    			   }

function login() {

    if($F('name')==''){

        alert('Bitte gib einen Usernamen ein!');

        $F('name').focus();

        return false;

    }

// document.getElementById("loginbox").style.display = "none";

new Effect.BlindUp('loginbox', { duration: 0.4 });

$('loginresponse').innerHTML = '<div align="center" style="padding-top:50px; padding-bottom:75px;"><img src="pics/design/ajax_ladegrafik.gif" alt="Ladegrafik" width="50" height="50" /><br />Daten werden &uuml;berpr&uuml;ft...</div>';
window.setTimeout("ajax2()", 10);

				}
				
function ajax2() {
new Ajax.Request('login.php',
  {
    method:'post',
    postBody: Form.serialize('login_form'),
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
	  $('loginresponse').innerHTML = transport.responseText;
    },
    onFailure: function(){ alert('Something went wrong...') }
  });  			   }

function lastcontentless() {


document.getElementById("lastcontentresponse").style.display = "none";
}

/* function more(id)
{
  if (document.getElementById("more" + id).style.display == 'none')    
  {        
        document.getElementById("neuenews").style.display = "none"; 
  		document.getElementById("more" + id).style.display = "";        
  		} else {        	       
  		document.getElementById("more" + id).style.display = "none";        
  		}
}  */

function neuenews () {
	new	Effect.DropOut('neuenews');
	new Effect.Appear('more1', { duration: 0.3 });
	$('newsposttopic').focus();
	
	}

function lastcontentmore() {

document.getElementById("lastcontent").style.display = "none";

$('lastcontentresponse').innerHTML = '<div align="center" style="padding-top:50px; padding-bottom:75px;"><img src="pics/design/ajax_ladegrafik.gif" alt="Ladegrafik" width="50" height="50" /><br />wird geladen...</div>';
window.setTimeout("ajax()", 10);
}
function ajax() {
		new Ajax.Request('last_content.php',
		  {
			method:'get',
			onSuccess: function(transport){
			  var response = transport.responseText || "no response text";
			  $('lastcontentresponse').innerHTML = transport.responseText;
			},
			onFailure: function(){ alert('Da ist was schief gelaufen...') }
		  });
		  }
	  
function zeigeletztebilder (galerieid)	  {
	// $('letztebilderbox').hide;
var linksplus = document.getElementById('allestbl').offsetLeft + 190;
var parentoff = document.getElementById(galerieid).offsetParent;
var obereausrichtung = parentoff.offsetTop + 649;
var linkeausrichtung = parentoff.offsetLeft + linksplus;
/* var obereausrichtung = document.all(galerieid).offsetTop; */
document.getElementById("letztebilderbox").style.top = obereausrichtung;
document.getElementById("letztebilderbox").style.left = linkeausrichtung;
$('letztebilderbox').fade({ duration: 0.5, from: 0, to: 1 });
$('letztebilderbox').innerHTML = '<img src="pics/design/ajax_ladegrafik.gif" alt="Ladegrafik" width="50" height="50" style="padding-top:50px; padding-bottom:25px;" /><br />wird geladen...';
window.setTimeout("ajax4("+galerieid+")", 10);
}

var mausinbox = 0;
var mausinbild = 0;

function verzoegern (zeit) {
 window.setTimeout("verbergeletztebilder()", zeit); 
}

function verbergeletztebilder() {
if ( mausinbox == 0 && mausinbild == 0 ) {
// $('letztebilderbox').fade({ duration: 0.3, from: 1, to: 0 });
document.getElementById("letztebilderbox").style.top = 0;
document.getElementById("letztebilderbox").style.left = -1000;
}
}

function ajax4(galerieid) {
new Ajax.Request('bilder_letzte3.php',
  {
    method:'post',
	parameters: {tableid: galerieid},
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
     $('letztebilderbox').innerHTML = response;
    }
  });
}

function musikinfo (songid,tabelle)	  {
// $('musikinfobox').hide();
$('musikinfobox').fade({ duration: 0.2, from: 0, to: 1 });

var idparentoff = document.getElementById(songid).offsetParent;
var idoff = idparentoff.offsetTop + 610;

 if ( tabelle == "jnptable" ) {
	var parentoff = document.getElementById("jnptable").offsetParent;
    var linksplus = document.getElementById("allestbl").offsetLeft + 420;
	
	if ( navigator.userAgent.indexOf('MSIE') != -1 )
	 { var obereausrichtung = parentoff.offsetTop + idoff + 35; }
	else { var obereausrichtung = parentoff.offsetTop + idoff + 25; }
    
   							  }
								
 if ( tabelle == "philtable" ) {
 	var parentoff = document.getElementById("philtable").offsetParent;
 	var linksplus = document.getElementById("allestbl").offsetLeft + 420;
	var tbldarueber = document.getElementById("jnptable").offsetHeight;
    var obereausrichtung = parentoff.offsetTop + tbldarueber + idoff + 145;
  						   	   }
  
 if ( tabelle == "jaketable" ) {
 	var parentoff = document.getElementById("jaketable").offsetParent;
 	var linksplus = document.getElementById("allestbl").offsetLeft + 420;
	var tbldarueber = document.getElementById("jnptable").offsetHeight + document.getElementById("philtable").offsetHeight;
    var obereausrichtung = parentoff.offsetTop + tbldarueber + idoff + 290;
  						  	   }
var linkeausrichtung = parentoff.offsetLeft + linksplus;
/* var obereausrichtung = document.all(galerieid).offsetTop; */
document.getElementById("musikinfobox").style.top = obereausrichtung;
document.getElementById("musikinfobox").style.left = linkeausrichtung;
$('musikinfobox').innerHTML = '<table style="width:100%; background-color:#000000; text-align:center;"><tr><td><img src="pics/design/ajax_ladegrafik.gif" alt="Ladegrafik" width="50" height="50" style="padding-top:50px; padding-bottom:25px;" /><br />wird geladen...</td></tr></table>';
window.setTimeout("ajax5("+songid+")", 10);
}

function ajax5(songid) {
new Ajax.Request('musik_info.php',
  {
    method:'post',
	parameters: {songid: songid},
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
     $('musikinfobox').innerHTML = response;
    }
  });
}

function verbergemusikinfo() {
document.getElementById("musikinfobox").style.top = 0;
document.getElementById("musikinfobox").style.left = -1000;
}

function logout() {

document.getElementById("logingruss").style.display = "none";

$('loginresponse').innerHTML = '<div align="center" style="padding-top:50px; padding-bottom:75px;"><img src="pics/design/ajax_ladegrafik.gif" alt="Ladegrafik" width="50" height="50" /><br />Daten werden überprüft...</div>';
window.setTimeout("ajax6()", 10);

				}
				
function ajax6() {
	new Ajax.Request('logout.php',
	  {
		method:'post',
		onSuccess: function(transport){
		  var response = transport.responseText || "no response text";
		  $('loginresponse').innerHTML = transport.responseText;
		  $('loginbox').appear({ duration: 0.6 });
		  $('loginresponse').fade({ duration: 5.0, from: 1, to: 0 });
		},
		onFailure: function(){ alert('Something went wrong...') }
	  });  			   
}

function highlightStars(element) {
	farbe = 'pics/design/bewertungsstern.png';
	for (i = 0; i < element.parentNode.parentNode.childNodes.length; i++) {
		 
		if (element.parentNode.parentNode.childNodes.item(i).firstChild.nodeName == 'IMG') {
			element.parentNode.parentNode.childNodes.item(i).firstChild.src = farbe;
			
		 } 
		if (element.parentNode.parentNode.childNodes.item(i) == element.parentNode) {
			// aktuelles erreicht - restliche andere farbe
			farbe = 'pics/design/bewertungsstern_leer.png';
		}
	}
}

function out(element,wert) {
	if ( wert > 0.5 ) { farbe = 'pics/design/bewertungsstern.png'; }
	if ( wert == 0 ) { farbe = 'pics/design/bewertungsstern_leer.png'; }
	if ( (wert > 0) && (wert < 0.5 ) ) { farbe = 'pics/design/bewertungsstern_half.png'; }
	
	for (i = 0; i < element.parentNode.parentNode.childNodes.length; i++) {
		if ( (0 < (wert-i)) && ((wert-i) < 0.5 ) ) {
			farbe = 'pics/design/bewertungsstern_half.png';
		}
		if ( (wert-i) <= 0 ) {
			// aktuelles erreicht - restliche andere farbe
			farbe = 'pics/design/bewertungsstern_leer.png';
		}
		
		if (element.parentNode.parentNode.childNodes.item(i).firstChild.nodeName == 'IMG') {
			element.parentNode.parentNode.childNodes.item(i).firstChild.src = farbe;
		}
		
	}
}

// Bilder verstecken in der Bildergalerie (pictures_gallery.php)

function showhideimg (imgid,hidden) {
window.setTimeout("ajax7("+imgid+","+hidden+")", 10);
}

function ajax7 (imgid,hidden) {
new Ajax.Request('pictures_showhide.php',
  {
    method:'post',
	parameters: {imgid: imgid, hidden: hidden},
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
     $('bild'+imgid).innerHTML = response;
	 if ( hidden == 0) { $('bilderTabelle'+imgid).morph('-moz-opacity:0.5; filter:alpha(opacity=50); backgroundImage:url(pics/design/pics_gal_bg_locked.gif);');
	 					$('bilderTabelle'+imgid).style.setAttribute("backgroundImage", "url(pics/design/pics_gal_bg_locked.gif)",true); }
						
	 if ( hidden == 1) { $('bilderTabelle'+imgid).morph('-moz-opacity:1.0; filter:alpha(opacity=100); backgroundImage:url(pics/design/pics_gal_bg.gif);');
	 					$('bilderTabelle'+imgid).style.setAttribute("backgroundImage", "url(pics/design/pics_gal_bg.gif)",true);}
    }
  });
} 

//Tracks in der Musiksektion verstecken (musik.php)

function showhidetrack (trackid,hidden) {
window.setTimeout("ajaxMusik("+trackid+","+hidden+")", 10);
}

function ajaxMusik(trackid,hidden) {
new Ajax.Request('musik_verstecken.php',
  {
    method:'post',
	parameters: {trackid: trackid, hidden: hidden},
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
     $('track'+trackid).innerHTML = response;
    }
  });
} 


function changeimgname (imgid) {
	elementexistiert = document.getElementById("gespeichertgif"+imgid);
	if ( elementexistiert ) { document.getElementById("gespeichertgif"+imgid).style.display = "none"; }
window.setTimeout("ajax8("+imgid+")", 100);
}

function ajax8 (imgid) {
	bildname = $F(document.getElementById('img'+imgid));
new Ajax.Request('bilder_umbenennen.php',
  {
    method:'post',
	parameters: {imgid: imgid, bildname: bildname },
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
     $('imgdiv'+imgid).innerHTML = response;
	 $('gespeichertgif'+imgid).fade({ duration: 3.0, from: 1, to: 0 });
    }
  });
} 

function editnews (newsid) {
	
/*	if ( navigator.userAgent.indexOf('MSIE') != -1 )
	 { $('newskasten'+newsid).style.filter = "alpha(opacity=50)"; }
	else { $('newskasten'+newsid).style.MozOpacity = "0.5"; } */
	

// document.getElementById('newsbutton'+newsid).style.display = "none";

new Effect.Opacity('newsbutton'+newsid, { from: 1.0, to: 0.0, duration: 0.5 });

new Ajax.Request('news_bearbeiten.php',
  {
    method:'post',
	parameters: {newsid: newsid, mode: "edit"},
    onSuccess: function(transport){
      var response = transport.responseText || "Das Formular zum Bearbeiten der News konnte nicht geladen werden.";
     $('newskasten'+newsid).innerHTML = response; 
	 
	 if ( navigator.userAgent.indexOf('MSIE') != -1 )
	 { $('newskasten'+newsid).style.filter = "alpha(opacity=100)"; }
	else { $('newskasten'+newsid).style.MozOpacity = "1.0"; }
	 
    }
  });

}

function savenews(newsid) {
	
	var newscontent = $F("newscontent"+newsid);
	var newstopic = $F("newstopic"+newsid);
	
	/*	if ( navigator.userAgent.indexOf('MSIE') != -1 )
	 { $('newskasten'+newsid).style.filter = "alpha(opacity=50)"; }
	else { $('newskasten'+newsid).style.MozOpacity = "0.5"; } */
	

document.getElementById('newsbutton'+newsid).style.display = "none";

new Ajax.Request('news_bearbeiten.php',
  {
    method:'post',
	parameters: {newsid: newsid, mode: "save", newstopic: newstopic, newscontent: newscontent },
    onSuccess: function(transport){
      var response = transport.responseText || "Die News konnte nicht wieder geladen werden..";
     $('newskasten'+newsid).replace(response); 
	 
	 if ( navigator.userAgent.indexOf('MSIE') != -1 )
	 { $('newskasten'+newsid).style.filter = "alpha(opacity=100)"; }
	else { $('newskasten'+newsid).style.MozOpacity = "1.0"; }
	 
    }
  });

	
}

function deleteNews(newsid) {
  new Effect.Opacity('newsLoeschenButton'+newsid, { from: 1.0, to: 0.4, duration: 0.5 });

  $('newsLoeschenBox').show();
  
	var offsetLeft = ((window.innerWidth - 478)/2);
	var offsetTop = (window.pageYOffset + (window.innerHeight/2)-89);	
	var newsName = document.getElementById("newsLoeschenButton"+newsid).alt;
	var imgExist = $('newsParagraph'+newsid).firstChild.childNodes.length;
	
	   if ( imgExist > 0 ) {
		   var imgUrl = $("newsParagraph"+newsid).firstChild.firstChild.src;
		   var imgHeight = document.getElementById("newsParagraph"+newsid).firstChild.firstChild.height;
		   var imgWidth = document.getElementById("newsParagraph"+newsid).firstChild.firstChild.width;
		  	 	if ( imgWidth<imgHeight) { imgWidth = imgWidth*0.25; imgHeight = imgHeight*0.25; }
				else { imgWidth = imgWidth*0.35; imgHeight = imgHeight*0.35; }
		  }
		  
	   else {
		   var imgUrl = "pics/design/news_imgmissing.gif";
		   var imgHeight = "84px";
		   var imgWidth = "112px";
		   }
	
	
	$('newsLoeschenBox').innerHTML = '<font color="#01AFFF"><strong>News l&ouml;schen</strong></font><br /><br />M&ouml;chtest du die News <font color="#01AFFF"><i>'+newsName+'</i></font> wirklich l&ouml;schen?<br /><br /><img src='+imgUrl+' width="'+imgWidth+'" height="'+imgHeight+'" /><br /><form id="newsLoeschenForm" onsubmit="return false;" style="margin-top:7px;"><input type="submit" name="jaButton" id="jaButton" value="Ja" onclick="javascript:doDeleteNews('+newsid+')" style="margin-right:15px;"/><input type="submit" name="neinButton" id="neinButton" value="Nein" onclick="javascript:verbergeNewsLoeschenBox('+newsid+');" /></form>';
	
new Effect.Morph('newsLoeschenBox', {
  style: 'top:'+offsetTop+'; left: '+offsetLeft+';', // CSS Properties
  duration: 0.2 // Core Effect properties
});
new Effect.Opacity('newsLoeschenBox', { from: 0.0, to: 1.0, duration: 1.0 });

	
	}
	
function verbergeNewsLoeschenBox(newsid) {
	// document.getElementById("newsLoeschenBox").style.top = -1000;
	  new Effect.Opacity('newsLoeschenButton'+newsid, { from: 0.4, to: 1.0, duration: 0.5 });
	new Effect.Morph('newsLoeschenBox', {
  style: 'top: -1000px;', // CSS Properties
  duration: 1.0// Core Effect properties
});
new Effect.Opacity('newsLoeschenBox', { from: 1.0, to: 0.0, duration: 0.2 });
	
}

function doDeleteNews(newsid) {
 $('newsLoeschenBox').innerHTML = '<img src="pics/design/ajax_ladegrafik.gif" alt="Ladegrafik" width="50" height="50" style="padding-top:50px; padding-bottom:25px;" /><br />wird gel&ouml;scht...';


new Ajax.Request('news_loeschen.php',
  {
    method:'post',
	parameters: {newsid: newsid },
    onSuccess: function(transport){
      var response = transport.responseText || "Beim L&ouml;schen der News ist ein Fehler aufgetreten, bitte lade die Seite neu.";
     $('newsLoeschenBox').innerHTML = response;
//	 $('newskasten'+newsid).style.display = "none";
	 new Effect.DropOut('newskasten'+newsid, { duration: 1.0 });
	 new Effect.DropOut('newsbutton'+newsid, { duration: 1.0 });
	 new Effect.DropOut('newsLoeschenButton'+newsid, { duration: 1.0 });
	 new Effect.DropOut('newsLoeschenBox', { duration: 1.0 });
	 // $('newsbutton'+newsid).style.display = "none";
	// $('newsLoeschenButton'+newsid).style.display = "none";
	 
    },
	onFailure: function(){ alert('Something went wrong...') }
  });

}
 
// Die ganze Pictip-Geschichte für die Makeup-Tutorials 
var picflag = 0;
var pictipflag = 0;

function onpictip () {
		pictipflag = 1;
	}

function offpictip () {
	window.setTimeout(offpictip2, 300);
	}
	
function offpictip2 () {
	pictipflag = 0;
}

function showpictip (tipid, offsetleft, offsettop, picid) {


		var off = $('picid'+picid).cumulativeOffset();
		
		$('pictip'+tipid).style.left = off[0] + offsetleft;
		$('pictip'+tipid).style.top = off[1] + offsettop;
		$('pictip'+tipid).style.visibility = 'visible';
	}
	
function hidepictip (tipid) {
		if ( pictipflag == 0 && picflag == 0 ) {
		window.setTimeout(hidepictip2(tipid),200);
		}
	}
	
	function hidepictip2 (tipid) {
	var elements = $$('div.pictip');
	for( i = 0; i < elements.length; i++) { elements[i].style.visibility = 'hidden'; }
	}