$(document).ready(function() {

	/* This is basic - uses default settings */
	
	$("a.fancy_img").fancybox();
	

	/* Apply fancybox to multiple items */
	
	$("a.group").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false
	});
	
	// Matrix Hover On Rows ----------------------------------------------------------------
	
	var matrows = $('#bauch tr');
	
	$(matrows).hover(function() {
		$(this).toggleClass('over');
	});
			
	// Matrix Hyperlinks Location ----------------------------------------------------------
	
	$(matrows).each(function() {
							 
		$(this).click(function() {
			window.location = $(this).find('a').attr('href');
		});
		
	});	

	/* This is basic - uses default settings */
	
	$("a.fancy_img").fancybox();
	
	/* Using custom settings */
	
	$('a[title*="Produktmatrix"]').fancybox({
		'autoDimensions'		:	false,				   
		'width'					: 	990,
		'height'				: 	745,
        'autoScale'     		: 	false,
		// ----------------------------------------------------------------------------------
        'transitionIn'			:   'fade',
		'transitionOut'			: 	'fade',
		'speedIn'				:	800,
		'speedOut'				:	500,
		// ----------------------------------------------------------------------------------
		'hideOnOverlayClick'	: 	true,
		'hideOnContentClick'	: 	false,
		'overlayShow'			:	true,
		// ----------------------------------------------------------------------------------
		'overlayOpacity'		:	0.5,
		'overlayColor'			:	'#000'
		
	});

});


/***********************************************************************************************************************
DOCUMENT: includes/javascript.js
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 3/26/2009
UPDATED: 3/25/2010
DESCRIPTION: This is the JavaScript required to create the accordion style menu.  Requires jQuery library
NOTE: Because of a bug in jQuery with IE8 we had to add an IE stylesheet hack to get the system to work in all browsers. I hate hacks but had no choice :(.
************************************************************************************************************************/
$(document).ready(function() {
	 
	//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
	$('.accordionButton').click(function() {

		//REMOVE THE ON CLASS FROM ALL BUTTONS
		$('.accordionButton').removeClass('on');
		  
		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
	 	$('.accordionContent').slideUp('normal');
   
		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
		if($(this).next().is(':hidden') == true) {
			
			//ADD THE ON CLASS TO THE BUTTON
			$(this).addClass('on');
			  
			//OPEN THE SLIDE
			$(this).next().slideDown('normal');
		 } 
		  
	 });
	  
	
	/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
	$('.accordionButton').mouseover(function() {
		$(this).addClass('over');
		
	//ON MOUSEOUT REMOVE THE OVER CLASS
	}).mouseout(function() {
		$(this).removeClass('over');										
	});
	
	/*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
	
	
	/********************************************************************************************************************
	CLOSES ALL S ON PAGE LOAD
	********************************************************************************************************************/	
	$('.accordionContent').hide();

});