// JavaScript Document
//使い方
//make_lightbox(rbcont);
//rbcontにコンテンツを書いてライトボックスを作成。
//
//del_lightbox();
//ライトボックスを削除
//
//デフォルトで、黒背景を触るとライトボックス解除
//ライトボックスの幅600pxで固定。
//必要に応じて変更すること。
//modeを追加
//make_lightboxのときmode=0ならどこを押してもライトボックス終了。
//mode=1なら、ボックスの外側クリックで終了。
//modeが空,0,1以外ならどこを押しても終了しない
//第3の引数追加。幅が指定できます。
//第4の引数追加。背景色が指定できます。
function make_lightbox(rbcont,mode,lb_width,bg_color){
$("#lightbox").remove();//既にあるものを強制削除
$("#lightbox_b").remove();//既にあるものを強制削除
if(typeof mode == "undefined"){mode=0;}
if(typeof lb_width == "undefined"){lb_width="600px";}
if(typeof bg_color == "undefined"){bg_color="white";}
$(function(){
if(typeof document.body.style.maxHeight != "undefined"){//IE6以外
$("body").append("");
$("#lightbox").after("");
} else {//IE6 ※IE6は100%指定ではうまく高さが算出できない
$("html").scrollTop(0);
var doc_height = document.documentElement.clientHeight;//標準
if(doc_height == 0){doc_height = document.body.clientHeight;}//互換モード
$("body").append("");
$("#lightbox").after("");
}
$("#lightbox").fadeIn(250,function(){
$("#lightbox_b").fadeIn(250,function(){
});
});
});
}
function del_lightbox(){
$(function(){
$("#lightbox_b").fadeOut(250,function(){
$("#lightbox").fadeOut(250,function(){
$("#lightbox").remove();
$("#lightbox_b").remove();
});
});
});
}
$(function(){
$("#lightbox").live("click",function(){//背景
switch($(this).attr("data")){
case "0":case "1":
del_lightbox();
}
});
$("#lightbox_b").live("click",function(){//表示部
switch($(this).attr("data")){
case "0":
del_lightbox();
}
});
$("#lightbox_b_click").live("click",function(){//表示部バック
switch($(this).parent().attr("data")){
case "1":
del_lightbox();
}
});
});