$(document).ready(function() {

//	$('body').lionbars();

	$('#grid').masonry({
		itemSelector: '.gridbox'
	});

	$('.contentbox2').slides({
		preload: false,
		generateNextPrev: false
	});

	$('.gridbox').bind('click', function() {
		$(this).find('.slidenload').click();
	});

	var updateContent = function() {
		if (location.hash.length === 0) {
			return;
		} else {
			if (location.hash.substr(0,8) == '#projekt') {
				var pieces = location.hash.split('-');
				var projektId = pieces[1];
				$('a[data-project-id="'+projektId+'"]').click();
			} else {
				$(location.hash).click();
			}
		}
	}

	$('.slidenload').bind('click', function() {

		var curHref = $(this).attr('href');
		var targetId = $(curHref).attr('href');
		var ajaxUrl =  $(this).attr('data-ajax-url');

		var doContentSwitch = function(ajaxData) {
			var visibleBoxes = $('.contentbox').filter(':visible');

			if (!ajaxData) {
				var flexHeight = $(targetId).height();
				$('#flexibel').height(flexHeight);
			}

			
			var gotoTop = function() {
				//scroll to
				var curHrefOuter = curHref;
				var targetIdOuter = targetId;

				var scrollTarget = $(curHrefOuter).offset().top;

				if (scrollTarget == 210) {
					scrollTarget = 160;
				}

				$('html, body').stop().animate({
					scrollTop: scrollTarget
				}, 800, 'swing', function() {

					if (ajaxData !== false) {
						$('#projects').css('display','block');	//	Must be hidden!
						$('#ajaxbox').html(ajaxData).slideDown();
						$('.slides_wrapper').slides({
							preload: false,
							generateNextPrev: false
						});
						$('#ajaxbox video').mediaelementplayer({features: ['playpause','progress','current','duration','tracks','volume']});
					} else {
						$(targetIdOuter).slideDown();
					}
				});
			};

			if (visibleBoxes.length != 0) {
				$('.contentbox').slideUp(800, gotoTop);
			} else {
				gotoTop();
			}
			
		};
		if (ajaxUrl !== undefined) {
			location.hash = 'projekt-' + $(this).attr('data-project-id');
			$.post(ajaxUrl, function(data) {
				doContentSwitch(data);
			});
		} else {
			location.hash = $(this).attr('id');
			doContentSwitch(false);

		}
		return false;
	});

    $('.close').live('click', function() {
		//location.hash = '';
       $(this).closest('.contentbox').slideUp(800, function() {
            $('html, body').stop().animate({
                scrollTop: 0
            }, 800);
       });
        return false;
    });

    $('.top').bind('click', function() {
        $('html, body').stop().animate({
            scrollTop: 0
        }, 800);
		return false;
    });


	$(".projectload").bind('click', function() {
		projectId = $(this).attr('data-project-id');
		//$('.contentbox, .contentbox2').slideUp(800, function() {
			$.post('/project-ajax/items/'+projectId+'.html', function(data) {
				$('#projects').css('display','block');	//	Must be hidden!
				$('html, body').stop().animate({
					scrollTop: $('#projects').offset().top
				}, 800, 'swing', function() {
					$('#ajaxbox').html(data).slideDown();
					$('.slides_wrapper').slides({
						preload: false,
						generateNextPrev: false
					});
				});
			});
		//});
		return false;
	});


	$('.gridbox').mouseover(function() {
			var blueBox = $(this).find(".bluebox");
			var w = $(this).width();
			var h = $(this).height();
			var pos = $(this).position();
			var off = $(this).offset();

			var moreX = w-70;
			var moreY = h-85;

			blueBox.width(w-80);
			blueBox.height(h-85);
			blueBox.css("display", "block");

			$(this).find('.more').css({
				'top':(moreY/2)+'px',
				'left':(moreX/2)+'px'
			});

			$(this).find('.title').css({
				'bottom':30+'px'
			});

	});

	$('.gridbox').mouseout(function() {
			$(this).find(".bluebox").css("display", "none");
	});

	$('.gridbox').find(".more").click(function(){
		$('#projects').css('display','block');	//	Must be hidden!
		$('#p-flughafen-stuttgart').slideDown();
		return false;
	});

	updateContent();	

	$('.slides_wrapper_clients, .slides_wrapper_agentur').slides({
		preload: false,
		generateNextPrev: false
	});
});