// JavaScript Document
/*::: START GLOABLA VARS :::*/
var messageEffect;
/*::: ENDE GLOABLA VARS :::*/
function reiter(el)
{
	var right = $(el).down(0);
	var left = $(el).down(1);

	if(left.classNames() != "but-lo-reiter-active"){
		left.className = "but-lo-reiter-active x";
		right.className = "but-ro-reiter-active x";
	}
	$(el).onmouseout = function()
	{
		if(left.classNames() == "but-lo-reiter-active x"){
			left.className = "but-lo-reiter";
			right.className = "but-ro-reiter";
		}
	}
	/*
	$(el).onclick = function()
	{
		if(left.classNames() != "but-lo-reiter-active")
		{
			alert($(el).down(2).down().rev);
		}else{
			alert("aktiv");
		}
	}
	*/
}

function jumpAction(el)
{
	if( Number( $F(el) ) ){
		$("jump").submit();
	}else if($F(el) == ""){
		showMessage("Du musst eine Seitenzahl eingeben!",1200);
	}else{
		showMessage("Bitte nur Zahlen eingeben!",1200);
	}

}

function __setCenter(el)
{
	var newTop = ((document.viewport.getHeight()/2) - (el.getHeight()/2)) - 50;
	var newLeft = ((document.viewport.getWidth()/2) - (el.getWidth()/2));
	el.setStyle({position:"fixed",top:newTop+"px",left:newLeft+"px"});
}

function showMessage(text,timer)
{
	if(timer == "" || timer == null) timer = 800;
	$("message").innerHTML = text;
	__setCenter($("message"));
	$("message").setStyle("display:none");
	messageEffect = Effect.Appear('message',{
											duration: 0.5,
											from: 0,
											to: 0.9,
											afterFinish:function(){setTimeout(closeMessage,timer);}
											});
}

function closeMessage()
{
	messageEffect = Effect.Appear('message',{
											duration: 0.5,
											from: 0.9,
											to: 0,
											afterFinish:function(){
												$("message").innerHTML = "";
												$("message").setStyle("display:none")
												}
											});
}

/*
function voterOver(el,picID)
{
	// votebox-active votebox-inactive
	var elHover;
	var ifActive;
	var actElClass;
	var firedElement;

	$(el).observe('mouseover', function(event){
		firedElement 	= Event.element(event);
		actElClass 	= firedElement.classNames();
		elHover 	= actElClass == "votebox-active" || actElClass == "votebox-inactive" ? true : false;
		ifActive 	= actElClass == "votebox-active" ? true : false;

		if(elHover)
		{
			firedElement.addClassName("votebox-over");
			firedElement.innerHTML = firedElement.title;
			firedElement.onmouseout = function()
			{
				firedElement.removeClassName("votebox-over");
				firedElement.innerHTML = "";
			}

			firedElement.onclick = function()
			{
				var myAjax = new Ajax.Request(
				'php/voting.php',
				{
					method: 'post',
					parameters: 'picID='+picID,
					onComplete: function(originalRequest){
						if(originalRequest.responseText == false){
							showMessage("<strong>Dein Voting wurde gespeichert:</strong><br />" + firedElement.title +">>"+ picID);
						}else{
							showMessage("<strong>Du hast bereits f&uuml;r dieses Bild abgestimmt!</strong>");
						}
					}

				});

			}
		}
	 });
}
*/

function searchAction()
{
	if($F('search') != 'Bildersuche' && $F('search') != '')
	{
		$('searchform-tag').submit();
	}
}

function rOver(element)
{

	var el = $(element).childElements();
	var nextEl = $(element).next().childElements();
	//alert($(element).next().id + ">>" + $(nextEl[0]).classNames())
	if(!$(element).previous())
	{
		if($(el[1]).classNames() == 'inactive')
		{
				//Start der Navig
				$(el[0]).removeClassName('pic-inactive-start');
				$(el[0]).addClassName('pic-active-start');
				$(el[1]).removeClassName('inactive');
				$(el[1]).addClassName('active');

				var ifNextActivLeft = $(nextEl[0]).classNames();
				if(ifNextActivLeft == "pic-active-left")
				{
					$(nextEl[0]).removeClassName('pic-active-left');
					$(nextEl[0]).addClassName('pic-active-active');
				}else{
					$(nextEl[0]).removeClassName('pic-inactive');
					$(nextEl[0]).addClassName('pic-active-right');
				}

				$(element).onmouseout = function()
				{
					$(el[1]).removeClassName('active');
					$(el[1]).addClassName('inactive');
					$(el[0]).removeClassName('pic-active-start');
					$(el[0]).addClassName('pic-inactive-start');

					if(ifNextActivLeft == 'pic-active-active')
					{
						$(nextEl[0]).removeClassName('pic-active-active');
						$(nextEl[0]).addClassName('pic-active-left');
					}else{
						$(nextEl[0]).removeClassName('pic-active-right');
						$(nextEl[0]).addClassName('pic-inactive');
					}
				}
			}
		}
		else if(!$(element).next(1))
		{
			//ENDE der Navig
			//$("debug").innerHTML = $(el[0]).classNames() ;
			if($(el[1]).classNames() == 'inactive')
			{
				if( $(el[0]).classNames() == 'pic-active-right'){
					$(el[0]).removeClassName('pic-active-right');
					$(el[0]).addClassName('pic-active-active');
				}else{
					$(el[0]).removeClassName('pic-inactive');
					$(el[0]).addClassName('pic-active-left');
				}

				$(element).next().removeClassName('pic-inactive-end');
				$(element).next().addClassName('pic-active-end');

				$(el[1]).removeClassName('inactive');
				$(el[1]).addClassName('active');

				$(element).onmouseout = function()
				{
					if( $(el[0]).classNames() == 'pic-active-active'){
						$(el[0]).removeClassName('pic-active-active');
						$(el[0]).addClassName('pic-active-right');
					}else{
						$(el[0]).removeClassName('pic-active-left');
						$(el[0]).addClassName('pic-inactive');
					}
					$(el[1]).removeClassName('active');
					$(el[1]).addClassName('inactive');
					$(element).next().removeClassName('pic-active-end');
					$(element).next().addClassName('pic-inactive-end');
				}
			}
		}
		else
		{
			var lastClass = $(el[1]).classNames();
			if(lastClass == 'inactive')
			{
				if($(el[0]).classNames() == 'pic-active-right'){
					$(el[0]).removeClassName('pic-active-right');
					$(el[0]).addClassName('pic-active-active');
				}else{
					$(el[0]).removeClassName('pic-inactive');
					$(el[0]).addClassName('pic-active-left');
				}
				$(el[1]).removeClassName('inactive');
				$(el[1]).addClassName('active');

				if($(nextEl[0]).classNames() == 'pic-active-left'){
					$(nextEl[0]).removeClassName('pic-active-left');
					$(nextEl[0]).addClassName('pic-active-active');
				}else{
					$(nextEl[0]).removeClassName('pic-inactive');
					$(nextEl[0]).addClassName('pic-active-right');
				}


				$(element).onmouseout = function()
				{
					if($(el[0]).classNames() == 'pic-active-active'){
						$(el[0]).removeClassName('pic-active-active');
						$(el[0]).addClassName('pic-active-right');
					}else{
						$(el[0]).removeClassName('pic-active-left');
						$(el[0]).addClassName('pic-inactive');
					}
					if($(nextEl[0]).classNames() == 'pic-active-active'){
						$(nextEl[0]).removeClassName('pic-active-active');
						$(nextEl[0]).addClassName('pic-active-left');
					}else{
						$(nextEl[0]).removeClassName('pic-active-right');
						$(nextEl[0]).addClassName('pic-inactive');
					}
					$(el[1]).removeClassName('active');
					$(el[1]).addClassName('inactive');
				}
			}
		}
}