+
+function dimension()
+{
+ //var w = getStyle(window.document.body, "width", "width");
+ //var h = getStyle(window.document.body, "height", "height");
+ var w = window.innerWidth;
+ var h = window.innerHeight;
+
+ console.log("W: "+w+" H: "+h);
+
+ $('board-drag').style.left = (parseInt(w) / 2 - 2)+"px";
+ $('board-drag').style.top = "0px";
+ /*$('board-drag').style.width = (10)+"px"; */
+ $('board-drag').style.height = (parseInt(h) - 2)+"px";
+
+ $('board').xynt_divcoo_hidescroll = 0;
+ $('board').style.top = "0px";
+ $('board').style.left = "0px";
+ // $('board').style.width = (parseInt(w) / 2 - 2)+"px";
+ $('board').style.height = (parseInt(h) - 2)+"px";
+
+ $('board').style.width = parseInt($('board-drag').style.left)+$('board').xynt_divcoo_hidescroll+"px";
+ if (parseInt($('board').style.width) > $('board').clientWidth) {
+ // alert("di qui");
+ $('board').xynt_divcoo_hidescroll = parseInt($('board').style.width) - $('board').clientWidth;
+ $('board').style.width = parseInt($('board-drag').style.left)+$('board').xynt_divcoo_hidescroll+"px";
+ // $('board').style.width = (parseInt($('board').style.width) + $('board').xynt_divcoo_hidescroll)+"px";
+ }
+
+ // $('board2').style.left = (parseInt(w) / 2 - 1 + parseInt($('board-drag').style.width))+"px";
+ $('board2').style.left = parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+1+"px";
+ $('board2').style.top = "0px";
+ $('board2').style.width = (w - (parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+4))+"px";
+ // $('board2').style.width = (parseInt(w) / 2 - 2 - 10)+"px";
+ $('board2').style.height = (parseInt(h) - 2)+"px";
+
+
+
+ var h1 = $('board2').clientHeight;
+ var h2 = $('board').clientHeight;
+
+ if (h1 > h2) {
+ $('board2').style.height = h2+"px";
+ }
+ else if (h2 > h1) {
+ $('board').style.height = h1+"px";
+ }
+
+ console.log($('board2').scrollTop);
+ $('board').scrollTop = $('board2').scrollTop;
+}
+
+
+function resize(event, obj)
+{
+ if (event == 'drag') {
+ var w = window.innerWidth;
+
+ $('board').style.width = parseInt($('board-drag').style.left)-1+$('board').xynt_divcoo_hidescroll+"px";
+ $('board2').style.left = parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+1+"px";
+ $('board2').style.width = (w - (parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+4))+"px";
+ console.log("conn_update: "+event);
+ }
+}
+
+
+function scroll()
+{
+ // console.log("scroll");
+ // $('board').style.top = -parseInt($('board2').scrollTop)+"px";
+ $('board').scrollTop = $('board2').scrollTop;
+}
+
+function scroll2()
+{
+ // console.log("scroll2:");
+ $('board2').scrollTop = $('board').scrollTop;
+}
+
+function dropr1()
+{
+ ; //alert("t1");
+}
+
+window.onload = function () {
+ dimension();
+ $('board').xynt_conn_update = resize;
+ var ret = ExtendsInst($('board-drag'), xynt_dd, [ dropr1, -1600, 1600, 0,0 ]);
+ console.log("RET: "+ret);
+ console.log("xynt_conn_ect-v");
+ console.log($('board-drag').xynt_conn_ect);
+ $('board-drag').xynt_conn_ect($('board'));
+ // console.log($('board-drag'));
+ return;
+}