$.fn.clearfocus = function() {
	return this.focus(function() {
		if( this.value == this.defaultValue ) {
			this.value = "";
		}
	}).blur(function() {
		if( !this.value.length ) {
			this.value = this.defaultValue;
		}
	});
};

var observeNavigation = function(){

	var image = $('<img src="/images/project-elements/arrow-navigation.gif" alt="">').appendTo("div#mainnavigation").hide();
	var clonedImg = image.clone().appendTo("div#mainnavigation");

	$("div#mainnavigation ul li").each(function(){
		if($(this).find("a").is("[class*=active]")){
			var arrowPosition = findArrowPosition($(this));
			image.css({"position": "absolute" , "top":"110px", "left": arrowPosition + "px" }).show();
		}
	});

	$("div#mainnavigation ul li a").hover(
		function(){
			if(! $(this).is("[class*=active]")){
		    	var arrowPosition = findArrowPosition($(this).parent("li"));
		    	clonedImg.css({"position": "absolute" , "top":"110px", "left": arrowPosition + "px" }).show();
			}
			},
		function(){
			clonedImg.hide();
		}
	);

}

var findArrowPosition = function(activeLink){
			var leftOffset = Math.round(activeLink.position().left);
			var halfLinkWidth = Math.round((activeLink.width() + 52) / 2 );
			var newPosition = leftOffset + halfLinkWidth - 11;
			return newPosition;
}

$(document).ready(function(){

	Cufon.now();
	Cufon.replace('h2');

	$("a").focus(function() {
		$(this).blur();
	});

	observeNavigation();

	// Options for SuperBGImage
	$.fn.superbgimage.options = {
		//transition: 0,
		speed: 0 // animation speed
	};

	// initialize SuperBGImage
	$('#thumbs').superbgimage().hide();

	$('a.youtubin').youtubin({
        swfWidth : 490,
        swfHeight : 390
    });

    $('<p class="top"><img src="/images/project-elements/top-arrow.gif" alt="top" /> <a href="#top">nach oben</a></p>').appendTo('#maincontent').find('a[href=#top]').click(function(){
		$('html,body').animate( { scrollTop: 0 }, 'fast' );
		return false;
	});

    $("#blogsearch").clearfocus();

    //$("dd").hide();

	$("dt a").click(function(){
		$("dd:visible").slideUp("slow");
		if ($(this).parent().next().is(":hidden")) {
			$(this).parent().next().slideDown("slow");
		}
		return false;
	});

	$('.jswarning').remove();
	$.get("/token/",function(txt){
	  $("form.secured").append('<input type="hidden" name="ts" value="'+txt+'" />');
	});
});

if( document.addEventListener ) document.addEventListener( 'DOMContentLoaded', contactform, false );

function contactform(){

  // Hide forms
  $( 'form.contactform' ).hide().end();

  // Processing
  $( 'form.contactform' ).find( 'ol.blockstyle>li>label' ).not( '.nogx' ).each( function( i ){
    var labelContent = this.innerHTML;


    var labelWidth = document.defaultView.getComputedStyle( this, '' ).getPropertyValue( 'width' );

    var labelSpan = document.createElement( 'span' );
        labelSpan.style.display = 'block';
        labelSpan.style.width = labelWidth;
        labelSpan.innerHTML = labelContent;
    this.style.display = '-moz-inline-box';
    this.innerHTML = "";
    this.appendChild( labelSpan );
  } ).end();

  // Show forms
  $( 'form.contactform' ).show().end();
}


if( document.addEventListener ) document.addEventListener( 'DOMContentLoaded', commentsform, false );

function commentsform(){

  // Hide forms
  $( 'form.commentsform' ).hide().end();

  // Processing
  $( 'form.commentsform' ).find( 'li>label' ).not( '.nogx' ).each( function( i ){
    var labelContent = this.innerHTML;


    var labelWidth = document.defaultView.getComputedStyle( this, '' ).getPropertyValue( 'width' );

    var labelSpan = document.createElement( 'span' );
        labelSpan.style.display = 'block';
        labelSpan.style.width = labelWidth;
        labelSpan.innerHTML = labelContent;
    this.style.display = '-moz-inline-box';
    this.innerHTML = null;
    this.appendChild( labelSpan );
  } ).end();

  // Show forms
  $( 'form.commentsform' ).show().end();
}