/**
 * This file control the javascript actions of this website
 */
$( document ).ready( function() {


	/**
	 * Right now the other slider is in... 
	 *
	 * Gets the coin-slider started

	$( '#coin-slider' ).coinslider({
		width: 976,	// width of slider panel
		height: 327,	// height of slider panel
//		spw: 7,	// squares per width
//		sph: 5,	// squares per height
		delay: 5000,	// delay between images in ms
//		sDelay: 30,	// delay beetwen squares in ms
//		opacity: 0.7,	// opacity of title and navigation
//		titleSpeed: 500,	// speed of title appereance in ms
		effect: 'rain',	// random, swirl, rain, straight
		navigation: false,	// prev next and buttonss
		links : true,	// show images as links
		hoverPause: false	// pause on hover
	});	
	 */


	/**
	 * When you hover the first nav point
	 */
	$( '#nav_id_00' ).mouseover( function() {
		$( '#nav_sub_category_00' ).removeClass( 'hide' );	// TODO: nicer fade in effect
	});


	/**
	 * When you leave the first nav point
	 */
	$( '#nav_id_00' ).mouseout( function() {
		$( '#nav_sub_category_00' ).addClass( 'hide' );		// TODO: nicer fade OUT
	});
	
	
	/**
	 * When out enter the sub-navi
	 *
	 * TODO:	Make a nicer event handling > Do not hide the navi the first way when you
	 * 			leave '#nav_id_00' and are iwth your mouse over '#nav_sub_category_00'
	 */
	$( '#nav_sub_category_00' ).mouseover( function() {
		$( '#nav_sub_category_00' ).removeClass( 'hide' );
	});
	
	
	$( '#nav_sub_category_00' ).mouseout( function() {

		// TODO: nicer fade in effect		
		$( '#nav_sub_category_00' ).addClass( 'hide' );

	});







});