/* JavaScript・CSSのソースを表示する */

function viewSrc(dom, lang){
  var view = dom.html();
  if(view != ''){
/*
    view = view.replace(/</g,"&lt;");
    view = view.replace(/>/g,"&gt;");
*/
    view = view.replace(/</g,'＜');
    view = view.replace(/>/g,'＞');
    view = view.replace(/&lt;/g,'＜');
    view = view.replace(/&gt;/g,'＞');
    dom.after('<div class="src"><a href="#">▽'+lang+'ソースを見る</a><pre>' + view +  '</pre></div>');
  }
}


$(function(){
    var id_html_main = $('#html_main');
    id_html_main.find('script').each(function(){
      viewSrc($(this), 'JavaScript');
    });
    id_html_main.find('style').each(function(){
      viewSrc($(this), 'CSS');
    });
    id_html_main.find('div.src a').click(function(){
      $(this).parent().children('pre').slideToggle();
			return false;
    });
    id_html_main.find('div.src a').css({'display':'block', 'color':'#0f0'}).hover(function(){
      $(this).css({'color':'#f00', 'cursor':'hand'});
    },function(){
      $(this).css({'color':'#0f0'});
    });
    id_html_main.find('div.src pre').hide();
});