$(document).ready(function(){
	/* The following code is executed once the DOM is loaded */
var fl = false;
$('.sponsorFlip').bind("click", function() {

    // $(this) point to the clicked .sponsorFlip element (caching it in elem for speed):

    var elem = $(this);
    fl = false;
    // data('flipped') is a flag we set when we flip the element:

    if (elem.data('flipped')) {
        // If the element has already been flipped, use the revertFlip method
        // defined by the plug-in to revert to the default state automatically:

        elem.revertFlip();

        // Unsetting the flag:
        elem.data('flipped', false)
    }
    else {
        // Using the flip method defined by the plugin:

        elem.flip({
            direction: 'bt',
            speed: 350,
            onBefore: function() {
                // Insert the contents of the .sponsorData div (hidden from view with display:none)
                // into the clicked .sponsorFlip div before the flipping animation starts:

                elem.html(elem.siblings('.sponsorData').html());
            }
        });

        // Setting the flag:
        elem.data('flipped', true);
    }
});
$('.sponsorFlip').bind("mouseover", function() {
    // $(this) point to the clicked .sponsorFlip element (caching it in elem for speed):

    var elem = $(this);
    if (fl == true) { return; }
    // data('flipped') is a flag we set when we flip the element:

    if (elem.data('flipped')) {
        // If the element has already been flipped, use the revertFlip method
        // defined by the plug-in to revert to the default state automatically:

        elem.revertFlip();
        // Unsetting the flag:
        elem.data('flipped', false)
    }
    else {
        // Using the flip method defined by the plugin:

        elem.flip({
            direction: 'bt',
            speed: 350,
            onBefore: function() {
                // Insert the contents of the .sponsorData div (hidden from view with display:none)
                // into the clicked .sponsorFlip div before the flipping animation starts:

                elem.html(elem.siblings('.sponsorData').html());
            }
        });
        // Setting the flag:
        elem.data('flipped', true);
    }
    fl = true;
});

$('.sponsorFlip').bind("mouseout", function() {
    // $(this) point to the clicked .sponsorFlip element (caching it in elem for speed):
    fl = false;
});
});