var goToloadBoleborBar = function (url) {
    var array = document.cookie.split('; ');
    var flg = false;
    if (url && typeof url === 'string' && navigator.cookieEnabled) {
        for (var row in array) {
            if (array[row] && array[row] === 'BoleborOnLoad=true') {
                flg = true;
            }
        }
        if (!flg) {
            window.location = url;
        }
    }
};

//////////////////////////////////////////////////loadBoleborBar////////////////////////////////////
var loadBoleborBar = function (elementToLoad,urlToGoArg) {
// check if data is correct:
    if (elementToLoad && typeof elementToLoad !== 'object') {
        return false;
    }
//append style -> display: none of element with id = idOfDivToShowOnLoad
   
// init:
    var oldOnload = window.onload;
    window.onload = function () { //add operetion to onload
        BoleborBar.initLoad(elementToLoad);
// 	e rest of window.onload is loaded in showPage method
    };
// end init

  //define private var:
    var count = 0;
    var total_size = 0;
    var total_element = 0;
    var urlToGo = urlToGoArg;
  /////////// BoleborBar ///////////////
    var BoleborBar = { 
        initLoad: function (list) {
            for (iter in list) {
                total_size += parseInt(list[iter].size,10);
                ++total_element;
            }
            if (total_element === 0) { //end if no image to load:
                this.showPage();
                return false;
            }
	
    		//creatingElement:
            var loading = document.createElement('div');
            loading.setAttribute('id','loading');
            var h1 = document.createElement('h1');
            h1.innerHTML = 'Loading:';
            var div = document.createElement('div');
            div.className = 'framebelt';
		
	    	//asembling:
            loading.appendChild(h1);
            loading.appendChild(div);
            document.body.appendChild(loading);
		
	    	//get image
            var span = null;
            var id;
            var size;
            var that;
            for (var i = 0; i < total_element; ++i) {
                span = document.createElement('span');
                id = 'dot_' + i;
                span.setAttribute('id',id);
                span.className = 'loadbelt';
                size = parseInt(list[i].size,10);
                span.style.width = (size * 100) / total_size + '%';
                div.appendChild(span);
                list[i].img = new Image();
                list[i].img.src = list[i].path;
                list[i].img.id = id;
                that = this;
	    		//onload();
                if (list[i].img.height <= 0) {//not completed
                    list[i].img.onload = function () {
                        that.showDot(this.id);
                    };
                } else {
                    this.showDot(id);
                }
            }
        },
        showPage: function () {
    // do rest of window.onload
            if (typeof oldOnload === 'function') {
                oldOnload();
            }
		
            var date = new Date();
            var milisec = Date.parse(date);
            var milisecToSet = milisec + 10000; //set to 10 sekund
            document.cookie = 'BoleborOnLoad=true; expires=' + new Date(milisecToSet) + '; path=/';
    		//go to url posted in second argument of loadBoleborBar func:
            window.location = urlToGo;
        },

        showDot: function (dot) {
            document.getElementById(dot).style.display = "block";
            count++;
            if (count >= total_element) { 
                this.showPage();
            }
        }
    };
}; //end of loadBoleborBar