// subp.js
// based on cbedi1.js

document.write("<link rel='stylesheet' type='text/css' href='../subcommon/cbedi1_abs.css'>");
document.write("<"+"script type='text/javascript' src='../lib/cbe_core.js'></"+"script>");
document.write("<"+"script type='text/javascript' src='../lib/cbe_event.js'></"+"script>");
document.write("<"+"script type='text/javascript' src='../lib/cbe_util.js'></"+"script>");
document.write("<"+"script type='text/javascript' src='../lib/cbe_clip.js'></"+"script>");
document.write("<"+"script type='text/javascript' src='../lib/cbe_debug.js'></"+"script>");
document.write("<"+"script type='text/javascript' src='../lib/cbe_slide.js'></"+"script>");
document.write("<"+"script type='text/javascript' src='../lib/cbe_slide2.js'></"+"script>");

var app;
var numArr;
var pageNote;
var maxNote;


function krzOnload() {
  app = new cbeDI1(
    150,  // column 1 width
    40,   // vertical margin
    50,   // horizontal margin
    2,    // inner margin
    700   // menu slide time
  );

  window.cbe.addEventListener("resize", winResizeListener, false);
  window.cbe.addEventListener("scroll", winScrollListener, false);

  specOnLoad();
  app.paint();
  resetSlide();
}

function winResizeListener() {
  app.paint();
  resetSlide();
}

function winScrollListener() {
  var
    mm = cbeGetElementById('fmenumarker').cbe,
    mu = cbeGetElementById('floatingmenu').cbe;
  mu.slideTo(mm.offsetLeft(), mm.offsetTop() + document.cbe.scrollTop(),
app.tm);
}


function cbeDI1(col1Width, vMargin, hMargin, iMargin,
slideTime) {
  // Properties
  this.cw = col1Width;
  this.vm = vMargin;
  this.hm = hMargin;
  this.im = iMargin;
  this.tm = slideTime;
  // Methods
  this.paint = function() {
    var dy, mu, mm,
      c1 = cbeGetElementById('col1').cbe,
      c2 = cbeGetElementById('col2').cbe,
      cm = cbeGetElementById('col2marker').cbe,
	  sw = 50,
	  vertfix = 20,
      ch1 = document.cbe.height(),
      ch2 = document.cbe.height()-this.vm-(2*this.im);
	  
    c1.resizeTo(this.cw, ch1 - vertfix);
    c2.resizeTo(document.cbe.width()-this.hm-c1.width() - this.im - sw, ch2 - vertfix);
    dy = cm.offsetTop() + cm.height() - ch2;
    if (dy > 0) { ch1 += dy; ch2 += dy; }

    c1.resizeTo(this.cw, ch1);
    c1.moveTo(0, 0);
    c1.show();
    
    var c2width = document.cbe.width()-this.hm-c1.width() - this.im - sw 
    c2.resizeTo(c2width, ch2);
    c2.moveTo(c1.width(), this.vm+this.im);
    c2.show();

    var
      mm = cbeGetElementById('fmenumarker').cbe,
      mu = cbeGetElementById('floatingmenu').cbe;
    mu.resizeTo(this.cw-(2*mm.offsetLeft()), mu.height());
    mu.moveTo(mm.offsetLeft(), -mu.height());
    mu.show();
    mu.slideTo(mm.offsetLeft(), mm.offsetTop() + document.cbe.scrollTop(),
this.tm);
	resizeAll();
  } // end paint() method

  // Constructor Code
  this.paint();

} // end class cbeDI1

function alignR(elem, x) {
	elem.left(x - elem.width());
}
function alignB(elem, y) {
	elem.top(y - elem.height());
}

function resizeAll() {
	var contWidth = cbeGetElementById('col2').cbe.width();

	if (cbeGetElementById('navbar') != null) {
		with (navBar = cbeGetElementById('navbar').cbe) {
			moveTo(140,10);
			zIndex(20);
			show();
		}
	}
	
	if (cbeGetElementById('userpane') != null) {
		with (uPane = cbeGetElementById('userpane').cbe) {
			moveTo(uPane.parentNode.width(),150);
			show();
		}
	}
	
	with (el4 = cbeGetElementById('pod-04').cbe) {
		moveTo(contWidth - 230, -30);
		resizeTo(81, 98);
		zIndex(100);
		show();
	}
	

	with (el8 = cbeGetElementById('pod-08').cbe) {
		top(10);
		alignR(el8, el4.left());
		resizeTo(158, 97);
		zIndex(10);
		show();
	}
	with (el9 = cbeGetElementById('pod-09').cbe) {
		top(el8.top() + 20);
		left(el4.left() + el4.width());
		resizeTo(132, 15);
		zIndex(10);
		show();
	}

	with (el11 = cbeGetElementById('pod-11').cbe) {
		top(el9.top() + el9.height());
		left(el4.left() + el4.width());
		resizeTo(132, 99);
		zIndex(10);
		show();
	}

	with (el15 = cbeGetElementById('pod-15').cbe) {
		top(el8.top() + el8.height());
		alignR(el15, el11.left());
		resizeTo(142, 86);
		zIndex(10);
		show();
	}
	
	if (cbeGetElementById('pod-18') != null) {
		with (el18 = cbeGetElementById('pod-18').cbe) {
			left(el15.left() + el15.width());
			top(el15.top() + el15.height() - 10);
			resizeTo(75, 86);
			zIndex(10);
			show();
		}
	} else {
		el18 = el15;
	}
	
	with (el20 = cbeGetElementById('pod-20').cbe) {
		left(el18.left() + el18.width());
		top(el18.top() + 15);
		resizeTo(92, 98);
		zIndex(10);
		show();
	}
	
	offset = resizeSpecific();
	
	with (cont = cbeGetElementById('content').cbe) {
		left(offset.x);
		top(offset.y);
		show();
	}
	
	with (c2 = cbeGetElementById('col2').cbe) {
		resizeTo(c2.width(), c2.height() + offset.y)
//		clip(0, c2.width() + 100, ch2, 0); 
		
	}
	el4.zIndex(100);
	
	
}
/*

	var contHeight = cbeGetElementById('col2').cbe.height();

	with (cbeGetElementById('up').cbe) {
		moveTo(contWidth - 200,-30);
		resizeTo(81,98);
    	show();
	}
*/