$(document).ready(function() {
  $('.form').click(function() {
	  
// $("#work").fadeOut("slow").css("display","none");
  $(".device").fadeIn("slow").css("display","block");
  });
  $('.boxclose').click(function() { 
    $('.device').fadeOut(500);
  });
	return false;
});


$(document).ready(function() {
  $('.bilder').click(function() {
	  
// $("#work").fadeOut("slow").css("display","none");
  $(".galerie").fadeIn("slow").css("display","block");
  });
  $('.galerieclose').click(function() { 
    $('.galerie').fadeOut(500);
  });
	return false;
});


$(document).ready(function() {
  $('.infos').click(function() {
	  
// $("#work").fadeOut("slow").css("display","none");
  $(".lpcinfo").fadeIn("slow").css("display","block");
  });
  $('.infoclose').click(function() { 
    $('.lpcinfo').fadeOut(500);
  });
	return false;
});

$(document).ready(function() {

	/* This is basic - uses default settings */
	
	$("a#single_image").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	200, 
		'speedOut'		:	200, 
		'overlayShow'	:	false
	});
	
	$("a[rel=example_group]").fancybox({
	'transitionIn' : 'elastic',
	'transitionOut' : 'elastic',
	'speedIn'		:	200, 
	'speedOut'		:	200
	});
	
	$("#manual1").click(function() {
	$.fancybox({
	//'orig' : $(this),
	'padding' : 0,
	'href' : 'http://b-p-p.info/assets/images/LPC/IMG1049k4aw.jpg',
	'title' : '<a href="http://www.beaurocks.co.uk/" target="_blank">Beau Rocks - Das LPC Model 2012</a>',
	'transitionIn' : 'elastic',
	'transitionOut' : 'elastic'
 						});
	});
	
	$("#manual2").click(function() {
	$.fancybox({
	//'orig' : $(this),
	'padding' : 0,
	'href' : 'http://b-p-p.info/assets/images/LPC/IMG1049k4aw.jpg',
	'title' : '<a href="http://www.beaurocks.co.uk/" target="_blank">Beau Rocks - Das LPC Model 2012</a>',
	'transitionIn' : 'elastic',
	'transitionOut' : 'elastic'
 						});
	});
		
});

$(document).ready(function () {

	//transitions
	//for more transition, goto http://gsgd.co.uk/sandbox/jquery/easing/
	var style = 'easeOutExpo';
	var default_left = Math.round($('#menu li.selected').offset().left - $('#menu').offset().left);
	var default_top = $('#menu li.selected').height();

	//Set the default position and text for the tooltips
	$('#box').css({left: 30, top: 80});
	$('#box .head').html($('#menu li.selected').find('img').attr('alt'));				
	
	//if mouseover the menu item
	$('#menu li').hover(function () {
		
		left = Math.round($(this).offset().left - $('#menu').offset().left);

		//Set it to current item position and text
		$('#box .head').html($(this).find('img').attr('alt'));
		$('#box').stop(false, true).animate({left: left},{duration:500, easing: style});	

	
	//if user click on the menu
	}).click(function () {
		
		//reset the selected item
		$('#menu li').removeClass('selected');	
		
		//select the current item
		$(this).addClass('selected');

	});
	
	//If the mouse leave the menu, reset the floating bar to the selected item
	$('#menu').mouseleave(function () {

		default_left = Math.round($('#menu li.selected').offset().left - $('#menu').offset().left);

		//Set it back to default position and text
		$('#box .head').html($('#menu li.selected').find('img').attr('alt'));				
		$('#box').stop(false, true).animate({left: default_left},{duration:1500, easing: style});	
		
	});
	
});