jQuery.noConflict(); 
jQuery( document ).ready( function () {

  // initialize image hover effect
  jQuery( 'div#divThumb img' ).hover(
    function () { if (jQuery( this ).hasClass( 'current' ) == false) { jQuery( this ).css( 'opacity', 0.5 ); } },
    function () { if (jQuery( this ).hasClass( 'current' ) == false) { jQuery( this ).css( 'opacity', 1.0 ); } }
  );
  
  // initialize image click
  jQuery( 'div#divThumb img' ).click( function () {
  
    // reset all thumbs
    jQuery( 'div#divThumb img' ).css( { 'opacity': 1.0, 'cursor': 'pointer' } );
    jQuery( 'div#divThumb img' ).removeClass( 'current' );

    // assign current thumb
    jQuery( this ).css( { 'opacity': 0.35, 'cursor': 'default' } );
    jQuery( this ).addClass( 'current' );

    // assign image
    jQuery( 'div#divImage img' ).attr( { 'src': jQuery( this ).attr( 'src' ).replace( '_tmb', '' ), 'alt': jQuery( this ).attr( 'alt' ) } );

    return false;

  } );

  // if category...
  if (jQuery( 'div#divContentPassion' ).length) {

    // preload full images
    jQuery( 'div#divThumb img' ).load( function () { jQuery( '<img>' ).attr( 'src', jQuery( this ).attr( 'src' ).replace( '_tmb', '' ) ); } );

    // assign default image
    jQuery( 'div#divImage img' ).attr( { 'src': jQuery( 'div#divThumb img:first' ).attr( 'src' ).replace( '_tmb', '' ), 'alt': jQuery( 'div#divThumb img:first' ).attr( 'alt' ) } );
    jQuery( 'div#divThumb img:first' ).css( { 'opacity': 0.35, 'cursor': 'default' } );
    jQuery( 'div#divThumb img:first' ).addClass( 'current' );
  }

} );

