/* 
 * ProgressBar.js - Progress bar에 대한 정의
 * 호환성 : IE7, IE8, 파이어폭스3.0.4, 크롬 에서 정상동작
 *          Opera 브라우저에서는 onbeforeunload 이벤트 미지원으로 동작하지 않음(오류 발생은 없음)
 */ 
var progressBar = {
    enable: function() {
        // 크롬과 사파리에서 beforeunload 이벤트가 실행되는 동안
        // 동적으로 생성된 img 엘리먼트가가 정상적으로 로딩되지 않아 미리 img 엘리먼트를 생성한다.
    $("body").append('<img id ="imgProgressbar" src="' + progressBar.image + '" alt="progressbar" />');
        $("#imgProgressbar").css("display", "none");
        // IE에서 애니메이션 gif가 멈춰있는 현상으로 인하여 setTimeout을 이용하여 Progressbar function 실행
        $(window).bind("beforeunload", function() { setTimeout("Progressbar()", 0); });
    }

};


/* Progress Bar 함수 */
function Progressbar() {
    $("#imgProgressbar").modal({
            overlayCss: { "background-color": "#999999", "cursor": "wait" },
            containerCss: { "background-color": "#fff", "border": "0px solid #ccc" },
            close: false,
            closeHTML: ''
     });
};

$(document).ready(function() {
	$(function() {
            // progressBar 설정
		progressBar.image = "/test/images/loading.gif";
		progressBar.enable();
	});
});