$("<br/><br/><div style=\"display: none; position: fixed; bottom: 40px;  \" id=\"button_window\"><div id=\"_bzx_refer_email_container\" style=\"display: none; font-size: 10px;\">                        <table>                            <tr>                                <td>Your Name</td> <td><input style=\"font-size: 10px; \" type=\"text\" class=\"_bzx_self_name\" /></td>                            </tr>                                                        <tr>                                <td>Friend's Name</td> <td><input style=\"font-size: 10px; \" type=\"text\" class=\"_bzx_refer_name\" /></td>                            </tr>                            <tr>                                <td>Friend's Email</td> <td><input style=\"font-size: 10px; \" type=\"text\" class=\"_bzx_refer_email\" /></td>                            </tr>                            <tr>                                <td colspan=\"2\" align=\"right\"><button id=\"_bzx_refer_email_send\">Share</button></td>                            </tr>                        </table>                      </div><div id=\"button_window_content\"></div></div><div style=\"position: fixed; bottom: 0; height: 40px; width: 999px; \" id=\"button_bar\"><div class=\"bar_left\">&nbsp;</div><div class=\"bar_right\">&nbsp;</div><div class=\"bar_center\"><div class=\"buttonbar_button\" id=\"buttonbar_connect\" style=\"float: left; padding: 10px 20px; \"><img class=\"button_state_image\" style=\"margin-right: 5px; vertical-align: middle; \" src=\"/ocg_/images/2009/buttons/up_arrow.png\" />Connect</div><div class=\"buttonbar_button\" id=\"buttonbar_share\" style=\"float: left; padding: 10px 20px; \"><img class=\"button_state_image\" style=\"margin-right: 5px; vertical-align: middle; \" src=\"/ocg_/images/2009/buttons/up_arrow.png\" />Share</div><div style=\"clear:both; height: 0px; \">&nbsp;</div></div><div style=\"clear: both; height: 0px; \">&nbsp;</div></div>").insertAfter($('body').children(':last'));

                    var sCurrentButton = "";
            var nWindowTimeoutCount = 0;
            var nWindowTimeoutTimer = 0;

            function buttonWindowTimer()
            {
                nWindowTimeoutCount ++;

                if (nWindowTimeoutCount >= 5)
                {
                    $('#button_window').hide();
                    $('#' + sCurrentButton + ' .button_state_image').attr('src', '/ocg_/images/2009/buttons/up_arrow.png');
                    $('#' + sCurrentButton).removeClass('button_on');

                    sCurrentButton = "";
                    nWindowTimeoutTimer = 0;
                    nWindowTimeoutCount = 0;
                }
                else
                {
                    nWindowTimeoutTimer = setTimeout(buttonWindowTimer, 1000);
                }
            }

            $(document).ready(function()
            {
                $('#button_window').mousemove(function()
                {
                    nWindowTimeoutCount = 0;
                });

                $('#button_window input').keypress(function()
                {
                    nWindowTimeoutCount = 0;
                });
            });
                $('#buttonbar_connect').click(function()
                {
                    $('#' + sCurrentButton).removeClass('button_on');
                    $('#' + sCurrentButton + ' .button_state_image').attr('src', '/ocg_/images/2009/buttons/up_arrow.png');

                    if ($(this).attr('id') == sCurrentButton)
                    {
                        closeWindow();
                        return false;
                    }

                    $(this).children('.button_state_image').attr('src', '/ocg_/images/2009/buttons/down_arrow.png');
                    $('#button_window_content').html("<a href=\"javascript:void(0)\" onClick=\"window.open('http://twitter.com/#!/IdentityExperts');\"><img style=\"border: 0; vertical-align: middle;\" src=\"/ocg_/images/2009/buttons/twitter.png\" /> Twitter</a><a href=\"javascript:void(0)\" onClick=\"window.open('http://www.linkedin.com/company/oxford-computer-group');\"><img style=\"border: 0; vertical-align: middle;\" src=\"/ocg_/images/2009/buttons/linkedin.png\" /> LinkedIn</a><a href=\"javascript:void(0)\" onClick=\"window.open('http://www.oxfordcomputergroup.com/blog');\"><img style=\"border: 0; vertical-align: middle;\" src=\"/ocg_/images/2009/buttons/ocg.png\" /> Blog</a><a href=\"javascript:void(0)\" onClick=\"window.open('http://www.oxfordcomputergroup.com/blog/?feed=rss2');\"><img style=\"border: 0; vertical-align: middle;\" src=\"/ocg_/images/2009/buttons/rss.png\" /> Blog RSS</a><a href=\"javascript:void(0)\" onClick=\"window.open('http://www.oxfordcomputergroup.com/news/rss.xml');\"><img style=\"border: 0; vertical-align: middle;\" src=\"/ocg_/images/2009/buttons/rss.png\" /> News RSS</a><a href=\"javascript:void(0)\" onClick=\"window.open('http://www.oxfordcomputergroup.com/news/events/index.php?output=rss');\"><img style=\"border: 0; vertical-align: middle;\" src=\"/ocg_/images/2009/buttons/rss.png\" /> Events RSS</a>");
                    $('#button_window').css('height', 228 + 'px');
                    $(this).addClass('button_on');

                    $('#button_window').css('display', 'block');
                    sCurrentButton = $(this).attr('id');

                    nWindowTimeoutCount = 0;
                    
                    if (nWindowTimeoutTimer != 0)
                    {
                        clearTimeout(nWindowTimeoutTimer);
                    }

                    nWindowTimeoutTimer = setTimeout(buttonWindowTimer, 1000);
                    return false;
                });
                $('#buttonbar_share').click(function()
                {
                    $('#' + sCurrentButton).removeClass('button_on');
                    $('#' + sCurrentButton + ' .button_state_image').attr('src', '/ocg_/images/2009/buttons/up_arrow.png');

                    if ($(this).attr('id') == sCurrentButton)
                    {
                        closeWindow();
                        return false;
                    }

                    $(this).children('.button_state_image').attr('src', '/ocg_/images/2009/buttons/down_arrow.png');
                    $('#button_window_content').html("<a href=\"javascript:void(0)\" onClick=\"$('#button_window_content').toggle(); $('#_bzx_refer_email_container').toggle(); return false;\"><img style=\"border: 0; vertical-align: middle;\" src=\"/ocg_/images/2009/buttons/email.png\" /> Share By Email</a><a href=\"javascript:void(0)\" onClick=\"fbs_click(); return false;\"><img style=\"border: 0; vertical-align: middle;\" src=\"/ocg_/images/2009/buttons/facebook.png\" /> Share To Facebook</a><a href=\"javascript:void(0)\" onClick=\"window.open('http://twitter.com/home/?status=' + document.location.href); return false;\"><img style=\"border: 0; vertical-align: middle;\" src=\"/ocg_/images/2009/buttons/twitter.png\" /> Share To Twitter</a>                                   ");
                    $('#button_window').css('height', 114 + 'px');
                    $(this).addClass('button_on');

                    $('#button_window').css('display', 'block');
                    sCurrentButton = $(this).attr('id');

                    nWindowTimeoutCount = 0;
                    
                    if (nWindowTimeoutTimer != 0)
                    {
                        clearTimeout(nWindowTimeoutTimer);
                    }

                    nWindowTimeoutTimer = setTimeout(buttonWindowTimer, 1000);
                    return false;
                });
        function closeWindow()
        {
            $('#button_window').hide();
            $('#_bzx_refer_email_container').hide();
            $('#button_window_content').show();

            $('#' + sCurrentButton + ' .button_state_image').attr('src', '/ocg_/images/2009/buttons/up_arrow.png');
            $('#' + sCurrentButton).removeClass('button_on');
                    
            sCurrentButton = '';
        }
        
        $('#_bzx_refer_email_send').click(function()
        {
            var oRoot = $(this).parent().parent().parent();
            
            sSenderName = oRoot.find('._bzx_self_name').val();

            sRecipName = oRoot.find('._bzx_refer_name').val();
            sRecipEmail = oRoot.find('._bzx_refer_email').val();
            sURI = encodeURIComponent(document.location);
            
            $.post('/ajax-listener.aspx', { action: 'email', uri: sURI, sender: sSenderName, recipname: sRecipName, recipemail: sRecipEmail }, function(data)
            {
                closeWindow();
            });
        });

        function getViewportWidth()
        {
            if (typeof window.innerWidth != 'undefined')
            {
                 return window.innerWidth;
            }

            // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
            else if (typeof document.documentElement != 'undefined'
                && typeof document.documentElement.clientWidth != 'undefined'
                && document.documentElement.clientWidth != 0)
            {
                  return document.documentElement.clientWidth;
            }

            // older versions of IE

            else
            {
                  return document.getElementsByTagName('body')[0].clientWidth;
            }
        }
        

        function positionBar()
        {
            var nLeft = $('#body_container').position().left;
			
			if (nLeft == 0 || nLeft == '')
			{
				nLeft = $('#body_container').css('margin-left');
			}
			else
			{
				nLeft ++;
			}
			
            $("#button_bar").css("left", nLeft);
            $("#button_window").css("left", nLeft);
        }

        positionBar();

        $(window).resize(function()
        {
            positionBar();
        });

        function fbs_click()
        {
            u=location.href;
            t=document.title;

            window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t), 'sharer', "toolbar=0,status=0,width=626,height=436");
        }