$(function() {
    
    /**
     *
     */
    photography_init();

    /**
     *
     */
//    set_hint();
//    
//
//    $('#scroll_hint').hover(
//        function() {
//            $(this).animate({width : 350}, 'fast');
//        },
//        function() {
//            $(this).animate({width : 30}, 'fast');
//        }
//    );


    $('#container').isotope({
        itemSelector : '.isotope_item',
        layoutMode : 'fitRows',
        animationEngine : 'best-available',
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false
        }
    });

//    $('#container').infinitescroll({
//        navSelector  : '#page_nav',    // selector for the paged navigation
//        nextSelector : '#page_nav a',  // selector for the NEXT link (to page 2)
//        itemSelector : '.isotope_item'
//    },
//    function( newElements ) {
//        photography_init();
//        
//        $('#container').isotope( 'appended', $( newElements ) );
//        
//    }
//    );
    

    $('.introbutton').hover(
        function() {
            $(this).addClass('introbutton-over');
        },
        function() {
            $(this).removeClass('introbutton-over');
        }
    );
        
//    $('.thumb').hover(
//        function() {
//            $('.info',this).fadeIn('fast');
//        }, 
//        function() {
//            $('.info',this).fadeOut('fast');
//        }
//    );


    $('#impressum').fancybox();

    $('#ret_overlay_image').mousemove(function(e) {

        var offset = $(this).offset();
        var w = e.pageX - offset.left;
        $('#overlay_image').css({width : w});
    });


});


/** ----------------------------------------------
 *
 */
function set_hint() {
    $('#scroll_hint').animate({
        top : $(window).scrollTop()
    });

    window.setTimeout('set_hint()', 3000);
}

/**
 *
 */
function photography_init() {
    /** ------------------------------------------------------------------------
     * photography init
     */

    $('.thumb').mouseenter(function() {
        $(this)
        .removeClass('thumb-of')
        .addClass('thumb-on');

    });
    $('.thumb').mouseleave(function() {
        $(this)
        .addClass('thumb-of')
        .removeClass('thumb-on');
        
    });

    
    $('.ret_thumb, .comp_thumb').mouseenter(function() {
        $(this)
        .removeClass('thumb-of')
        .addClass('thumb-on');
        $('a',this).css({
            display : 'block'
        });
    });
    $('.ret_thumb, .comp_thumb').mouseleave(function() {
        $(this)
        .addClass('thumb-of')
        .removeClass('thumb-on');
        $('a',this).css({
            display : 'none'
        });
    });

    $('a[rel=fancy]').fancybox({
        ajax : {
            
        }
    });


}


function dx_toggleFade(selector) {
    $(selector).fadeToggle('fast');
}


/** ----------------------------------------------------------------------------
 *
 */
//function viewport() {
//
//   var w = $(window).width();
//   var win_h = $(window).height();
//   var doc_h = $(document).height();
//   var menu_h = (win_h > doc_h) ? win_h : doc_h;
//
//
//   $('#menu').css({
//       height : menu_h
//   })
//
//}


//function viewport() {
//   var amount = 9;
//   var w = $(window).width();
//   var win_h = $(window).height();
//   var doc_h = $(document).height();
//   var menu_h = (win_h > doc_h) ? win_h : doc_h;
//   var thumb_width = Math.floor(w / amount);
//
//   //$('#info').html(thumb_width);
//
//
//
//   $('#menu').css({
//       height : menu_h
//   })
//
//   $('.thumb').css({
//       width : thumb_width,
//       height: thumb_width
//   });
//
//   $('#content').css({
//       width : w+10
//   });
//
//}


function send_form() {
    var err = false;
    var bad_color = '1px solid red';
    var good_color = '1px solid #0ff';

    $('#form_name').css({border : good_color});
    if($('#form_name').val() == "") {
        $('#form_name').css({border : bad_color});
        err = true;
    }

    $('#form_email').css({border : good_color});
    if($('#form_email').val() == "") {
        $('#form_email').css({border : bad_color});
        err = true;
    }

    $('#form_msg').css({border : good_color});
    if($('#form_msg').val() == "") {
        $('#form_msg').css({border : bad_color});
        err = true;
    }

    $('#form_math').css({border : good_color});
    if($('#form_math').val() != "4") {
        $('#form_math').css({border : bad_color});
        err = true;
    }
  
    if(!err) {
        $.ajax({
            url : host+'send_form.php',
            data : $('#contact_form').serialize(),
            type : 'POST',
            success : function(result){
                $('#contact_form_wrapper').html(result);
            }
        });
    }

}