jQuery(document).ready(function($) {
    var elm = '<a id="ie6_inline" href="#ie6_data" style="display: none;">This shows content of element who has id="data"</a>';
    elm += '<div id="ie6_data" style="display: none;">';
    elm += '<div style="border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; position: relative;">';
    elm += '<div style="margin: 0 auto; text-align: center; padding: 0; overflow: hidden; color: black;">';
    elm += '<div style="margin: 0 auto; width: 350px;">';
    elm += '<div style="width: 75px; float: left;">';
    elm += '<img src="http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg" alt="Warning!"/>';
    elm += '</div>';
    elm += '<div style="width: 275px; float: left; font-family: Arial, sans-serif; text-align: left;">';
    elm += '<div style="font-size: 14px; font-weight: bold; margin-top: 12px;">';
    elm += 'あなたは旧式ブラウザを利用中です。';
    elm += '</div>';
    elm += '<div style="font-size: 12px; margin-top: 6px; line-height: 12px;">';
    elm += 'ブラウザをアップグレードしてください。';
    elm += '</div>';
    elm += '</div>';
    elm += '<div style="clear: left;"></div>';
    elm += '</div>';
    elm += '<div style="margin: 0 auto; width: 275px;">';
    elm += '<div style="width: 75px; float: left;">';
    elm += '<a href="http://www.mozilla.jp" target="_blank">';
    elm += '<img src="http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg" style="border: none;" alt="Get Firefox 3.5"/>';
    elm += '</a>';
    elm += '</div>';
    elm += '<div style="width: 75px; float: left;">';
    elm += '<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=341c2ad5-8c3d-4347-8c03-08cdecd8852b&DisplayLang=ja" target="_blank">';
    elm += '<img src="http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg" style="border: none;" alt="Get Internet Explorer 8"/>';
    elm += '</a>';
    elm += '</div>';
    elm += '<div style="width: 73px; float: left;">';
    elm += '<a href="http://www.apple.com/jp/safari/download/" target="_blank">';
    elm += '<img src="http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg" style="border: none;" alt="Get Safari 4" />';
    elm += '</a>';
    elm += '</div>';
    elm += '<div style="float: left;">';
    elm += '<a href="http://www.google.com/chrome?hl=ja" target="_blank">';
    elm += '<img src="http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg" style="border: none;" alt="Get Google Chrome" />';
    elm += '</a>';
    elm += '</div>';
    elm += '<div style="clear: left;"></div>';
    elm += '</div>';
    elm += '</div>';
    elm += '</div>';
    elm += '</div>';
    $('body').append(elm);

    $("a#ie6_inline").fancybox({
	'hideOnOverlayClick': false,
	'hideOnContentClick': false,
	'frameHeight': 146
    });

    if (typeof document.documentElement.style.maxHeight == "undefined") {
	$("a#ie6_inline").click();
    }
});
