/*
 * Attach the class "hover_play_button" to the images you want the play button 
 * to hover over on.
 * <a href="/shoot">
 * 	<img src="http://.../shoot_img.jpg" class="hover_play_button" />
 * </a>
 */

var playButton = {
	width: 200
	, height: 200
	, src: "data:image/png;base64,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%3D%3D"
};

jQuery(window).load(function() {

    if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
        // don't bind hover for ipad

    } else {

        jQuery('.hover_play_button').each(function() {
            // Get image dimensions
            var width = jQuery(this).attr('width');
            var height = jQuery(this).attr('height');
            // Create parent wrapper div
            var div = document.createElement('div');
            var jDiv = jQuery(div);
            jDiv.css('position', 'relative');
            jDiv.css('width', width + 'px');
            jDiv.css('height', height + 'px');
            jQuery(this).wrap(jDiv);
            // Create new play image
            var img = document.createElement('img');
            var jImg = jQuery(img);
            jImg.attr('width', playButton.width);
            jImg.attr('height', playButton.height);
            jImg.attr('src', playButton.src);
            jImg.attr('class', 'hover_play_button_img');
            jImg.css('display', 'none');
            jImg.css('border', '0');
            jImg.css('opacity', '0.6');
            jImg.css('position', 'absolute');
            //var offset = jQuery(this).offset();
            var position = { };
            position.left = width/2 - 100;
            position.top = height/2 - 100;
            //jImg.offset(position);
            jImg.css('left', position.left);
            jImg.css('top', position.top);
            // Add new play button image to div container
            jQuery(this).before(jImg);
        });
        jQuery('.hover_play_button').parent().hover(
            // mouseenter
            function() {
                jQuery(this).find('.hover_play_button_img').fadeIn('fast');
            }
            ,
            // mouseleave
            function() {
                jQuery(this).find('.hover_play_button_img').fadeOut('fast');
            }
        );

    }
});