jQuery( document ).ready( function () {
	jQuery( '.ult_colorlink' ).on(
		'mouseenter',
		function () {
			const style = jQuery( this ).data( 'style' );

			if ( style == 'Style_6' ) {
				const shadowcolor = jQuery( this )
					.find( '.ult_btn6_link_top' )
					.data( 'color' );
				jQuery( this )
					.find( '.ult_btn6_link_top' )
					.css(
						'text-shadow',
						'10px 0 ' + shadowcolor + ', -10px 0 ' + shadowcolor
					);
				jQuery( this )
					.find( '.ult_btn6_link_top' )
					.css( 'color', shadowcolor );
			}

			if ( style == 'Style_10' ) {
				const bhover = jQuery( this )
					.find( '.ult_btn10_span' )
					.data( 'bhover' );
				const bstyle = jQuery( this )
					.find( '.ult_btn10_span' )
					.data( 'bstyle' );
				if ( bstyle != ' ' ) {
					jQuery( this )
						.find( '.ult_btn10_span' )
						.css( 'border-top-style', 'solid' );
					jQuery( this )
						.find( '.ult_btn10_span' )
						.css( 'border-top-color', bhover );
				}
			}

			const texthover = jQuery( this ).data( 'texthover' );
			const bghover = jQuery( this ).data( 'bghover' );

			jQuery( this ).css( 'color', texthover );
			jQuery( this ).find( '.ult_btn10_span' ).css( 'color', texthover );

			if ( style == 'Style_2' ) {
				jQuery( this )
					.find( '.ult_btn10_span' )
					.css( 'background', bghover );
			}
		},
	).on(
		'mouseleave',
		function () {
			const style = jQuery( this ).data( 'style' );

			if ( style == 'Style_6' ) {
				jQuery( this )
					.find( '.ult_btn6_link_top' )
					.removeAttr( 'style' );
			}
			if ( style == 'Style_10' ) {
				const bcolor = jQuery( this )
					.find( '.ult_btn10_span' )
					.data( 'color' );
				const bstyle = jQuery( this )
					.find( '.ult_btn10_span' )
					.data( 'bstyle' );
				if ( bstyle != ' ' ) {
					jQuery( this )
						.find( '.ult_btn10_span' )
						.css( 'border-top-style', bstyle );
					jQuery( this )
						.find( '.ult_btn10_span' )
						.css( 'border-top-color', bcolor );
				}
			}

			const textcolor = jQuery( this ).data( 'textcolor' );
			const bgcolor = jQuery( this ).data( 'bgcolor' );

			jQuery( this ).css( 'color', textcolor );
			jQuery( this ).find( '.ult_btn10_span' ).css( 'color', textcolor );

			if ( style == 'Style_2' ) {
				jQuery( this )
					.find( '.ult_btn10_span' )
					.css( 'background', bgcolor );
			}
		},
	);
} );

jQuery( window ).on( 'load', function () {
	ult_creative_link_ht();
} );
jQuery( document ).ready( function ( $ ) {
	ult_creative_link_ht();
} );
jQuery( window ).on( 'resize', function ( event ) {
	ult_creative_link_ht();
} );

function ult_creative_link_ht() {
	jQuery( '.ult_cl_link_9' ).each( function ( index ) {
		var ht = jQuery( this ).find( '.ult_colorlink' ).outerHeight();
		//console.log("alink-"+jQuery(this).parents('.ult_main_cl').outerHeight());
		var ht = parseInt( ht / 2 );
		//console.log(ht);
		jQuery( this )
			.find( '.ult_btn9_link_top' )
			.css( {
				'-webkit-transform': 'translateY(-' + ht + 'px)',
				'-ms-transform': 'translateY(-' + ht + 'px)',
				'-moz-transform': 'translateY(-' + ht + 'px)',
				transform: 'translateY(-' + ht + 'px)',
			} );
		jQuery( this )
			.find( '.ult_btn9_link_btm' )
			.css( {
				'-webkit-transform': 'translateY(' + ht + 'px)',
				'-moz-transform': 'translateY(' + ht + 'px)',
				'-ms-transform': 'translateY(' + ht + 'px)',
				transform: 'translateY(' + ht + 'px)',
			} );
	} );
}
