$(document).ready(function() {

    $('.social_media_div').html('<div style="margin:0px auto;margin-top:40px;text-align:center;"><img src="/content/sitemaster/images/img-anim-load.gif" /><br /><img src="/content/sitemaster/images/img-loading.png" /></div>');
    $.get("/Home/SocialMedia", { application: "FACEBOOK" }, function(html) {
        $('.facebook').addClass('socialMediaSelected');
        $('.social_media_div').html(html);
    });

    $('.social_media_tab').click(function() {
        var socialmedia;
        $('.social_media_div').html('<div style="margin:0px auto;margin-top:40px;text-align:center;"><img src="/content/sitemaster/images/img-anim-load.gif" /><br /><img src="/content/sitemaster/images/img-loading.png" /></div>');
        $(this).addClass('socialMediaSelected');
        if ($(this).hasClass('facebook')) {
            socialmedia = 'FACEBOOK'
            $('.twitter').removeClass('socialMediaSelected');
            $('.linkedin').removeClass('socialMediaSelected');
        } else if ($(this).hasClass('linkedin')) {
            socialmedia = 'LINKEDIN';
            $('.facebook').removeClass('socialMediaSelected');
            $('.twitter').removeClass('socialMediaSelected');
        } else if ($(this).hasClass('twitter')) {
            socialmedia = 'TWITTER';
            $('.facebook').removeClass('socialMediaSelected');
            $('.linkedin').removeClass('socialMediaSelected');
        }
        $.get("/Home/SocialMedia", { application: socialmedia }, function(html) {
            $('.social_media_div').html(html);
            if (socialmedia == 'TWITTER') {
                //function replaces @ and URL's with clickable links
                $('.twitter_status').each(function() {
                    var status = $(this).html().replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\<\>]*[^.,;'">\:\s\<\>\)\]\!])/g, function(url) {
                        return '<a href="' + url + '">' + url + '</a>';
                    }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
                        return reply.charAt(0) + '<a href="http://twitter.com/' + reply.substring(1) + '">' + reply.substring(1) + '</a>';
                    });

                    $(this).html(status);
                });
            }
        });
    });


});