//===============================================================================================
dialog = {
    name: "dialogbox",
    id: "dialogbox"
}

dialog.init = function() {
    var width = document.documentElement.clientWidth + document.documentElement.scrollLeft;
    var left = parseInt((document.documentElement.clientWidth / 2) - 380, 10);
    var top = parseInt((document.documentElement.clientHeight / 2) - 100, 10); 
    var layer = document.createElement('div');
    layer.style.zIndex = 490;
    layer.id = 'popupframe';
    layer.style.display = "none";
    layer.style.position = 'absolute';
    layer.style.top = '0px';
    layer.style.left = '0px';
    layer.style.height = document.documentElement.scrollHeight + 'px';
    layer.style.width = width + 'px';
    layer.style.backgroundColor = 'gray';
    layer.style.opacity = '.6';
    layer.style.filter += ('progid:DXImageTransform.Microsoft.Alpha(opacity=50)');
    document.body.appendChild(layer);
    var div = document.createElement('div');
    div.style.zIndex = 491;
    div.id = 'popupbox';
    div.style.display = "none";
    div.style.height = 'auto';
    div.style.position = (navigator.userAgent.indexOf('MSIE 6') > -1) ? 'absolute' : 'fixed';
    div.style.top = top + 'px';
    div.style.left = left + 'px';
    div.style.width = '370px';
    div.style.backgroundColor = '#F1EFEB';
    div.style.border = '6px solid #B3B2B2';
    div.style.padding = '10px';
    div.innerHTML = "<div id='closetab'><a href='javascript:dialog.hide();' style='float:right;' ><strong>close</strong></a></div>";
    document.body.appendChild(div);
    var p = document.createElement('p');
    div.appendChild(p);
    var SearchBarDiv = document.createElement('div');
    SearchBarDiv.id = 'divSearchBar';
    SearchBarDiv.style.display = "none";
    SearchBarDiv.innerHTML = '<img src="images/loader.gif" border="0" alt="Please wait..." />&nbsp;<strong>Please Wait...</strong>';
    SearchBarDiv.style.textAlign = "left";
    SearchBarDiv.style.float = 'left';
    div.appendChild(SearchBarDiv);
}

dialog.resetcontent = function() {
    document.getElementById("divSearchBar").innerHTML = '<img src="images/loader.gif" border="0" alt="Please wait..." />&nbsp;<strong>Please Wait...</strong>';
}


dialog.hide = function() {
    document.getElementById("popupframe").style.display = "none";
    document.getElementById("popupbox").style.display = "none";
    document.getElementById("divSearchBar").style.display = "none";
}

dialog.show = function() {
    document.getElementById("popupframe").style.display = "block";
    document.getElementById("popupbox").style.display = "block";
    document.getElementById("divSearchBar").style.display = "block";
}

dialog.showcustom = function(innercontent) {
    document.getElementById("divSearchBar").innerHTML = innercontent;
    document.getElementById("popupframe").style.display = "block";
    document.getElementById("popupbox").style.display = "block";
    document.getElementById("divSearchBar").style.display = "block";
}

dialog.showHTML = function(divid) { 
	document.getElementById("divSearchBar").innerHTML = document.getElementById(divid).innerHTML;
    document.getElementById("popupframe").style.display = "block";
    document.getElementById("popupbox").style.display = "block";
    document.getElementById("divSearchBar").style.display = "block";
}
dialog.showHTMLPlaceholder = function(divid , placeholdertext , placeholderid) { 
	document.getElementById("divSearchBar").innerHTML = document.getElementById(divid).innerHTML.replace(placeholderid , placeholdertext);
    document.getElementById("popupframe").style.display = "block";
    document.getElementById("popupbox").style.display = "block";
    document.getElementById("divSearchBar").style.display = "block";
}

dialog.resize = function() {
    var left = parseInt((document.documentElement.clientWidth / 2) - 70, 10);
    var top = parseInt((document.documentElement.clientHeight / 2) - 40, 10);
    document.getElementById("popupbox").style.top = top + 'px';
    document.getElementById("popupbox").style.left = left + 'px';
    document.getElementById("popupbox").style.width = '150px';
    document.getElementById("popupbox").style.height = '80px';
    document.getElementById("divSearchBar").style.width = '150px';
    document.getElementById("divSearchBar").style.height = '80px';
}

dialog.resizeXY = function(width , height) {
    var left = parseInt((document.documentElement.clientWidth / 2) - (width / 2) , 10);
    var top = parseInt((document.documentElement.clientHeight / 2) - (height/2) , 10);
    document.getElementById("popupbox").style.top = top + 'px';
    document.getElementById("popupbox").style.left = left + 'px';
    document.getElementById("popupbox").style.width = width + 'px';
    document.getElementById("popupbox").style.height = height + 'px';
    document.getElementById("divSearchBar").style.width = width + 'px';
    document.getElementById("divSearchBar").style.height = height + 'px';
}

dialog.originalresize = function() {
    var left = parseInt((document.documentElement.clientWidth / 2) - 380, 10);
    var top = parseInt((document.documentElement.clientHeight / 2) - 100, 10);
    document.getElementById("popupbox").style.top = top + 'px';
    document.getElementById("popupbox").style.left = left + 'px';
    document.getElementById("popupbox").style.width = '760px';
    document.getElementById("popupbox").style.height = '200px';
}
//===============================================================================================