(function( $ ) { $( document ).ready(function() { camp_path += '/images/'; /* Image Slider */ var enable = true; var current_slide = 0; var next_slide; var size = $( '.camp-slide' ).size(); var intervalID = setInterval(function() { $( '#right' ).click() }, 10000 ); $( '#right' ).click(function() { if ( enable ) { enable = false; clearInterval( intervalID ); if ( current_slide < size - 1 ) { next_slide = current_slide + 1; } else { next_slide = 0; } $( '.camp-slide#slide-' + current_slide ).css( 'z-index', '50' ); $( '.camp-slide#slide-' + next_slide ).css( 'z-index', '40' ); $( '.camp-slide' ).not( '#slide-' + current_slide ).hide(); $( '.camp-slide#slide-' + next_slide ).show(); $( '.camp-slide#slide-' + current_slide ).css( 'position', 'absolute' ); $( '.camp-slide#slide-' + next_slide ).css( { 'left': '100%', 'top': '0%' } ); $( '.camp-slide#slide-' + next_slide ).children( '.camp-slide-line' ).hide(); $( '.camp-slide#slide-' + next_slide ).find( '.camp-slide-text' ).css( 'opacity', '0' ); $( '.camp-slide#slide-' + current_slide ).children( 'img' ).animate( { 'opacity': '0' }, 1000 ); $( '.camp-slide#slide-' + current_slide ).find( '.camp-slide-text' ).animate( { 'opacity': '0' }, 1000 ); $( '.camp-slide#slide-' + next_slide ).animate( { left: '0' }, 1000 ); setTimeout(function() { if ( current_slide < size - 1 ) { current_slide ++; } else { current_slide = 0; } $( '.camp-slide#slide-' + current_slide ).children( '.camp-slide-line' ).show(); $( '.camp-slide#slide-' + current_slide ).find( '.camp-slide-text' ).animate( { 'opacity': '1' }, 500 ); $( '.camp-slide' ).not( '#slide-' + current_slide ).hide(); $( '.camp-slide' ).css( 'position', 'relative' ); $( '.camp-slide' ).children( 'img' ).css( 'opacity', '1' ); $( '.camp-slide' ).not( '#slide-' + current_slide ).find( '.camp-slide-text' ).css( 'opacity', '1' ); enable = true; }, 1010 ); intervalID = setInterval(function() { $( '#right' ).click() }, 10000 ); } }); $( '#left' ).click(function() { if ( enable ) { enable = false; clearInterval( intervalID ); if ( current_slide > 0 ) { next_slide = current_slide - 1; } else { next_slide = size - 1; } $( '.camp-slide#slide-' + current_slide ).css( 'z-index', '50' ); $( '.camp-slide#slide-' + next_slide ).css( 'z-index', '40' ); $( '.camp-slide' ).not( '#slide-' + current_slide ).hide(); $( '.camp-slide#slide-' + next_slide ).show(); $( '.camp-slide#slide-' + current_slide ).css( 'position', 'absolute' ); $( '.camp-slide#slide-' + next_slide ).css( { 'left': '-100%', 'top': '0%' } ); $( '.camp-slide#slide-' + next_slide ).children( '.camp-slide-line' ).hide(); $( '.camp-slide#slide-' + next_slide ).find( '.camp-slide-text' ).css( 'opacity', '0' ); $( '.camp-slide#slide-' + current_slide ).children( 'img' ).animate( { 'opacity': '0' }, 1000 ); $( '.camp-slide#slide-' + current_slide ).find( '.camp-slide-text' ).animate( { 'opacity': '0' }, 1000 ); $( '.camp-slide#slide-' + next_slide ).animate( { left: '0' }, 1000 ); setTimeout(function() { if ( current_slide > 0 ) { current_slide --; } else { current_slide = size - 1; } $( '.camp-slide#slide-' + current_slide ).children( '.camp-slide-line' ).show(); $( '.camp-slide#slide-' + current_slide ).find( '.camp-slide-text' ).animate( { 'opacity': '1' }, 500 ); $( '.camp-slide' ).not( '#slide-' + current_slide ).hide(); $( '.camp-slide' ).css( 'position', 'relative' ); $( '.camp-slide' ).children( 'img' ).css( 'opacity', '1' ); $( '.camp-slide' ).not( '#slide-' + current_slide ).find( '.camp-slide-text' ).css( 'opacity', '1' ); enable = true; }, 1010 ); intervalID = setInterval(function() { $( '#right' ).click() }, 10000 ); } }); var btn_enable = true; $( '#left' ).on( { mouseenter: function() { if ( btn_enable ) { btn_enable = false; $( this ).animate( { opacity: '1' }, 500 ); setTimeout(function() { btn_enable = true; }, 500); } }, mouseleave: function() { $( this ).animate( { opacity: '0.1' }, 500 ); } }); $( '#right' ).on( { mouseenter: function() { if ( btn_enable ) { btn_enable = false; $( this ).animate( { opacity: '1' }, 500 ); setTimeout(function() { btn_enable = true; }, 500); } }, mouseleave: function() { $( this ).animate( { opacity: '0.1'}, 500 ); } }); /* Form Elements */ /* Generate new Id for