
    <?php $socialBox = get_field('social_shares','options');?>
    <?php if(!$socialBox):
            $socialBox = array();
     else:?>
        <div class="blog-item-shares"><a><?php  get_field('social_share_raper_button','options')? the_field('social_share_raper_button','options') : print(''); ?></a></div>
    <?php endif;?>
		<p class="post-categoty pull-left">Share:</p>
        <!--Facebook-->
        <div class="shares-container">
		
        <?php if(in_array("facebook-share",$socialBox)):?>
		<div class="social-shares">
            <div id="fb-root"></div>
            <script>(function(d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) return;
                    js = d.createElement(s); js.id = id;
                    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=237889972955305"; // appId must be valid
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));</script>
                <fb:share-button type="button" href="<?php the_permalink(); ?>">
                </fb:share-button>
			</div>
        <?php endif;?>
        <?php if(in_array('twiter-share',$socialBox)):?>
            <!--Facebook-->
            <!--Twitter-->
          	<div class="social-shares">
                <?php wp_enqueue_script("twitter-share", "http://platform.twitter.com/widgets.js" , array(),'',TRUE); ?>
                <a href="http://twitter.com/share" class="twitter-share-button"
                   data-url="<?php the_permalink(); ?>"
                   data-text="<?php the_title(); ?>"
                   data-size="medium"
                   data-count="none">Tweet</a>
            </div>
        <?php endif;?>
        <!--Twitter-->
        <!--Google+-->
        <?php if(in_array('google-share',$socialBox)):?>
           	<div class="social-shares" style="top:-5px;">
                <script type="text/javascript">// <![CDATA[
                    window.___gcfg = {parsetags: 'onload'};
                    (function() {
                        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                        po.src = 'https://apis.google.com/js/plusone.js';
                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                    })();
                    // ]]></script>
                <div class="g-plus" data-action="share" data-annotation="none" data-height="20"></div>
            </div>
        <?php endif;?>
        <!--Google+-->
        <!--LinkedIN-->
        <?php if(in_array('in-share',$socialBox)):?>
           	<div class="social-shares">
                <?php wp_enqueue_script("linkedIn-share", "http://platform.linkedin.com/in.js" , array(),'',TRUE); ?>
                <script type="in/share" data-url="<?php the_permalink(); ?>" data-counter="right"></script>
            </div>
        <?php endif;?>
        <!--LinkedIN-->
        <!--stubelUpon-->
        <?php if(in_array('stumbleupon-share',$socialBox)):?>
            <div class="social-shares">
                <!-- Place this tag where you want the su badge to render -->
                <su:badge layout="2"></su:badge>
                <!-- Place this snippet wherever appropriate -->
                <script type="text/javascript">
                    (function() {
                        var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
                        li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js';
                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
                    })();
                </script>
            </div>
        <?php endif;?>
        <!--stubelUpon-->
        <!--Pinterest-->
        <?php if(in_array('pinterest-share',$socialBox)):?>
            <div class="social-shares">
                <script type="text/javascript">
                    (function() {
                        window.PinIt = window.PinIt || { loaded:false };
                        if (window.PinIt.loaded) return;
                        window.PinIt.loaded = true;
                        function async_load(){
                            var s = document.createElement("script");
                            s.type = "text/javascript";
                            s.async = true;
                            s.src = "http://assets.pinterest.com/js/pinit.js";
                            var x = document.getElementsByTagName("script")[0];
                            x.parentNode.insertBefore(s, x);
                        }
                        if (window.attachEvent)
                            window.attachEvent("onload", async_load);
                        else
                            window.addEventListener("load", async_load, false);
                    })();
                </script>
                <?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
                <a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="none">Pin It</a>
            </div>
        <?php endif;?>
        <!--Pintterest-->

</div>
<!--<p class="pull-left">
    <a 
    id="social-popover"
    data-toggle="popover" 
    data-placement="bottom" 
    data-content="" 
    title="Social shares">
    ...
    </a>
</p>-->