function rgbtohex(str) {
   str = str.replace(/rgb\(|\)/g, "").split(",");
   str[0] = parseInt(str[0], 10).toString(16).toLowerCase();
   str[1] = parseInt(str[1], 10).toString(16).toLowerCase();
   str[2] = parseInt(str[2], 10).toString(16).toLowerCase();
   str[0] = (str[0].length == 1) ? '0' + str[0] : str[0];
   str[1] = (str[1].length == 1) ? '0' + str[1] : str[1];
   str[2] = (str[2].length == 1) ? '0' + str[2] : str[2];
   return ('#' + str.join(""));
}

function getChildNodes(e,tag) {
var rowdivs = [],j=0;
var divcol = $$(e,tag);
var l=divcol.length;
for(var i=0; i<l; i++){
if (divcol[i].parentNode==e) {
rowdivs[j] = divcol[i];
j=j+1;
}
}
return rowdivs;
}


function getgrandChildNodes(e,tag) {
var rowdivs = [],j=0;
var divcol = $$(e,tag);
var l=divcol.length;
for(var i=0; i<l; i++){
if (divcol[i].parentNode.parentNode==e) {
rowdivs[j] = divcol[i];
j=j+1;
}
}
return rowdivs;
}


function getcolno(elm) {
var div0 = getChildNodes(elm.parentNode.parentNode,"div");

var colno = (div0,elm.parentNode);
return colno;

}

function getrowno(elm) {
//var hgt = parseFloat(elm.style.height);
var hgt =mm;
var h=0,mt =0;
var divs = $$(elm.parentNode,"div");
var index = getIndex(divs,elm);
for (var i=0; i < index+1; i++) {
h += parseFloat(divs[i].style.height);
var mtt = parseFloat(divs[i].style.marginTop);
mt += isNaN(mtt) ? 0 : mtt;

}

return parseInt((h+mt)/hgt)-1;

}


//function getIndex(arry,elem) {
//	for (var i=0; i < arry.length; i++) {
//		if (arry[i] == elem) {
//		return i;
//		}
//	}
//}

function getrowlength(e) {
var div0 = $$(e,"div");
var divs = $$(div0[0],"div");
var hgt = parseFloat(divs[0].style.height);
var h=0,mt =0;

for(var i=0; i<divs.length; i++){
h += parseFloat(divs[i].style.height);
var mtt = parseFloat(divs[i].style.marginTop);
mt += isNaN(mtt) ? 0 : mtt;
}
return parseInt((h+mt)/hgt);

}

Array.prototype.move = function(index) {
var len = this.length;

alert(len)
this.push(this[len]);
for(var i=len; i>index; i--){
this[i]=this[i-1];
}
return this;

}


function movedown(ary,index){

var len = ary.length;


ary[len]=ary[len-1];
for(var i=len-1; i>index; i--){
ary[i]=ary[i-1];
}

}




function getgrandChildNodesX(e,tag) {
var grids=[];
var div0 = getChildNodes(e,tag);
var row = getrowlength(e,tag);
var col = div0.length;
var divs = getgrandChildNodes(e,tag);
//alert(row + "  "+ col + "  "+divs.length)
for(var j=0; j<row; j++){
 
  for(var i=0; i<divs.length; i++){
   //alert(elm.tagName)
  if (getrowno(divs[i])==j) {
  
  grids.push(divs[i]);
  }
  
}

}
return grids;

}

function getcolor(em) {
var k = getstyle(em,"background-color");
if (!document.all) {k=rgbtohex(k);}

return k;
}

var isload=false;
function loadjs(){
    if (isload==false) {  
    loadnote();  
   
    var fl ="script/colorfx.js"	
    
    var rf=c('script')
    rf.setAttribute("language","javascript")
    rf.setAttribute("type","text/javascript")
    rf.setAttribute("src", fl)
        if (typeof rf!="undefined") {	       
           $$$("head")[0].appendChild(rf);    	
	    } 	   
	   isload=true;
	   
    }
}

function loadnote() {
var oB=c("div");
oB.id = "ldg";
oB.className="lgng";
var tT = document.createTextNode("loading...");
oB.appendChild(tT);
oB.style.display = "block";
$("hdd").appendChild(oB);				
}

function c(tag) {
return document.createElement(tag);
}

function fontunit(e) {
e = (e) ? e : ((window.event) ? window.event : "");
var o = getTargetElement(e); 
var uod = utfont;
var unew = o.innerHTML;
utfont = unew;
o.parentNode.parentNode.getElementsByTagName("span")[0].innerHTML = unew;

var y4 = unitconversion2(x4.startlength, uod, unew);
x4.startlength =y4;

var vmin = getstartValues(utfont,3);
var vmax = getstartValues(utfont,4);

Draggable("font",y4,sldcolor,vmin,vmax,150,utfont);  

}

function  fullscreen(evt) {
 evt = (evt) ? evt : ((window.event) ? window.event : "");
 var elem = getTargetElement(evt);
 
 if (evt.type=='click') {
 if (elem.parentNode.id=="up") {
 $("www").style.display = "none";
 var em = $("tabco2");
 em.style.left ="10px";
 em.style.top="-50px";
 $("ttt").removeChild($("tabco2"));
 document.body.appendChild(em);
 setunit(ut);
 $("tabco2").className = "tabco2p";
 $("tabco2").style.filter='alpha(opacity=85)'; // IE
 $("tabco2").style.opacity='0.85'; // FF
 $("down").style.display = "block";
  
 }
 else {
 $("www").style.display = "block";
 var em = $("tabco2");
 em.style.left ="20px";
 em.style.top="0px";
 document.body.removeChild($("tabco2"));
 $("ttt").appendChild(em);
 setunit(ut);
 $("tabco2").className = "tabco2r";
 $("up").style.display = "block";
 }
 
 elem.parentNode.style.display = "none";
 }
}


function getfontSizeRadio() {
var u,v;
u=utfont;
v = x4.startlength;
var obj = document.getElementsByTagName("body")[0];
vfont = v+u;
obj.style.fontSize = vfont;
var r = (u=="px") ? v/16 : (u=="%") ? v/100 : v;
return r;
}

function  getborder(obj) {
var w,c,s;
if (obj.currentStyle) {
w = obj.currentStyle.borderWidth;
c = obj.currentStyle.borderColor;
s = obj.currentStyle.borderStyle;
}
else
{
w = getComputedStyle(obj,'').getPropertyValue('border-left-width');
c = getComputedStyle(obj,'').getPropertyValue('border-left-color');
s = getComputedStyle(obj,'').getPropertyValue('border-left-style');
var bd = getComputedStyle(obj,'').getPropertyValue('border');
}

//alert("c = "+ c+"\n"+"w = " +w +"\n"+"s = " +s+"\n"+"border = "+bd);
return c + " " + w + " " + s;
}


function getstyle(elem, prop) {
		if(document.defaultView)
		{
			return document.defaultView.getComputedStyle(elem, null).getPropertyValue(prop);
		}
		else if(elem.currentStyle)
		{
			var prop = prop.replace(/-(\w)/gi, function($0,$1)
			{
				//return $0.charAt($0.length - 1).toUpperCase();
				return $1.toUpperCase();
			});
			return elem.currentStyle[prop];
		}
		else return null;
	}

function getbodymarginLeft() {
var obj = document.getElementsByTagName("body")[0];
var str = getstyle(obj,'margin-left');
return str;
}

function sldclick(e) {
e = (e) ? e : ((window.event) ? window.event : "");
var obj = getTargetElement(e); 


if (e.type=="mouseover") {
var tmpclr = getstyle(obj.parentNode,'background-color');
obj.style.backgroundColor =tmpclr;
 }

if (e.type=="mouseout")  {
var temp=obj.parentNode.getElementsByTagName("div")[0]
barclr = getstyle(temp,'background-color');

obj.style.backgroundColor =barclr;
}


if (e.type=="click")  {

if (obj.className!="point"){

var dragitem = (obj.className =="slider") ? obj.getElementsByTagName("div")[1] : obj.parentNode.getElementsByTagName("div")[1];


clrbar = dragitem.parentNode.getElementsByTagName("div")[0]; //colorbar object
dragpoint = dragitem.parentNode.parentNode.getElementsByTagName("div")[1];//dragpostion div object
maxlen = parseFloat(dragitem.parentNode.parentNode.getElementsByTagName("div")[2].innerHTML);//max length display div object

barlength =parseFloat(dragitem.parentNode.style.width);
var container = dragitem.parentNode.parentNode.parentNode.parentNode;

if (container.id!="tabco2") {container = dragitem.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;}
var slidermarginleft =parseFloat(getstyle(dragitem.parentNode,'margin-left'));
var x_x = e.clientX;

var a = (container.parentNode.tagName=='BODY') ? 0 : 10;

var x_d = x_x -slidermarginleft-13-a -parseFloat(getstyle(container,'left'));

if (x_d>barlength) {
 x_d = barlength; 
}
if (x_d<0) {x_d = 0;}

dragitem.style.left= x_d + "px";
clrbar.innerHTML =".";
clrbar.style.width= x_d + "px";
var u = (dragitem.id=="font") ? utfont : ut;

 if (ut=="em") {
 startlength =formatDecimals(parseFloat((x_d/barlength)*(maxlen -minlen) + minlen),2)
 }
 else {
 startlength = (ut=="%") ? formatDecimals(parseFloat((x_d/barlength)*(maxlen-minlen) + minlen),1) : parseInt((x_d/barlength)*(maxlen-minlen) + minlen);

 }

 dragpoint.innerHTML = startlength + u;
 setValues(dragitem.id,startlength);
if (dragitem.id=="font") {isfont=true;}

calValues();
writetotxtarea();
}
}

}

function move(e){
e = (e) ? e : ((window.event) ? window.event : "");
if ((d.id=='cfs') || (d.className=='tabco2p')) {
	d.style.left = dx + e.clientX - x  + "px";
	d.style.top  = dy + e.clientY - y  + "px";
	
}
else
{ 
 var x_x = dx + e.clientX - x;
 
 if (x_x>barlength) {
	 x_x = barlength; 
 } 
 else
	if (x_x<0) {x_x = 0;d.style.left = x_x + "px";} 
	d.style.left = x_x + "px";
		
	clrbar.innerHTML =".";
	clrbar.style.width= x_x + "px";
		
	var u = (d.id=="font") ? utfont : ut;
		
	if (u=="em") {
 
		startlength =formatDecimals(parseFloat((x_x/barlength)*(maxlen -minlen) + minlen),2)
	}
	else
	{
		startlength = ((d.id=="gap") && (u=="%")) ? formatDecimals(parseFloat((x_x/barlength)*(maxlen-minlen) + minlen),1) : parseInt((x_x/barlength)*(maxlen-minlen) + minlen);
	}

	 dragpoint.innerHTML = startlength + u;
	 setValues(d.id,startlength);
	 
	 calValues();
	 
 }
  return false; 
}

function down(e){
e = (e) ? e : ((window.event) ? window.event : "");
var temp = getTargetElement(e); 
if (temp.className=="point") {

clrbar = temp.parentNode.getElementsByTagName("div")[0]; //colorbar object

dragpoint = temp.parentNode.parentNode.getElementsByTagName("div")[1];//dragpostion div object
minlen = parseFloat(temp.parentNode.parentNode.getElementsByTagName("div")[0].innerHTML);//max length display div object
maxlen = parseFloat(temp.parentNode.parentNode.getElementsByTagName("div")[2].innerHTML);//max length display div object
barlength =parseFloat(temp.parentNode.style.width);
d = temp;
dx = parseFloat(temp.style.left+0);
dy = parseFloat(temp.style.top+0);
x = e.clientX;
y = e.clientY; 
 
document.onmousemove = move;


return false; }

else if (temp.parentNode.className=="tabco2p") {
dragpoint = temp.parentNode;
d = dragpoint;
//d.style.cursor ="pointer";
dx = parseFloat(dragpoint.style.left+0);
dy = parseFloat(dragpoint.style.top+0);
x = e.clientX;
y = e.clientY; 

document.onmousemove = move;


}

else if (temp.parentNode.className=="ctx") {
dragpoint = temp.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
d = dragpoint;
//d.style.cursor ="pointer";
dx = parseFloat(dragpoint.style.left+0);
dy = parseFloat(dragpoint.style.top+0);
x = e.clientX;
y = e.clientY; 
document.onmousemove = move;

}

else
d = null;


}

function up(){
if ((d!=null) && (d.className=="point")) {
writetotxtarea ();}
document.onmousemove = null;
d=null;
clrbar=null;
barclr=null;
dragpoint = null;
minlen = null;
maxlen = null;
barlength=null;
}

   

function $$$(tag) {return document.getElementsByTagName(tag);}

function unitconversion2(va, uf, ut) {
var v;

var wem = getstartValues("em",1);
var wpx = getstartValues("px",1);


if (uf=="em") {
v = (ut=="em") ? va : (ut=="%") ? parseInt(va*100) : parseInt(va*16);
} else if (uf=="px") {
v = (ut=="em") ? formatDecimals(va/16,2) : (ut=="px") ? va : parseInt(va/16*100);
} else if (uf=="%") {
v = (ut=="%") ? va : (ut=="px") ? parseInt(va*16/100) : formatDecimals(va/100,2);
}
return v;
}

function getstartValues(u,g) {
var v;

if (u=="em") {
v = (g==1) ? ww/16 : (g==2) ? 1.2 : (g==3) ? 0.5 : 1;
}
else if (u=="px") {
v = (g==1) ? ww : (g==2) ? 20 : (g==3) ? 8 : 16;
}
else if (u=="%") {
v = (g==1) ? 100 : (g==2) ? 2 : (g==3) ? 50 : 100;
}
return v;
}


function getUnit() {
var u = ($("px").checked==true) ? "px" : ($("em").checked==true) ? "em" : "%";
return u;

}

function setunit(u) {
if (u=="px") {
$("px").checked=true;
}
else if (u=="em") {
$("em").checked=true;
}
else if (u="%") {
$("%").checked=true;
}
}

function setValues(oid,v) {

if (oid == "point1") {
x1.startlength = v;
}
else if (oid == "point2") {
x2.startlength = v;
}
else if (oid == "point3") {
x22.startlength = v;
}
else if (oid == "point4") {
x23.startlength = v;
}
else if (oid == "point5") {
x24.startlength = v;
}
else if (oid == "gap") {
x3.startlength = v;

}
else if (oid == "font") {
x4.startlength = v;

}

}

function unitconversion(va, uf, ut) {
var v;

var wem = getstartValues("em",1);
var wpx = getstartValues("px",1);


if (uf=="em") {
v = (ut=="em") ? va : (ut=="%") ? parseInt(va/wem*100) : parseInt(va*16);
} else if (uf=="px") {
v = (ut=="em") ? formatDecimals(va/16,2) : (ut=="px") ? va : parseInt(va/wpx*100);
} else if (uf=="%") {
v = (ut=="%") ? va : (ut=="px") ? parseInt(va*wpx/100) : formatDecimals(va*wem/100,2);
}
return v;
}

function stepact(e) {
 e = (e) ? e : ((window.event) ? window.event : "");
 var elem = getTargetElement(e);
 var ep = (elem.className =="arrowboxd") ? elem : elem.parentNode;
 var epc = $$(ep,"div");
 var l =epc.length;
 
 if (e.type == "mouseover") {
 for (var i=0; i < l-1; i++) {
 epc[i].style.backgroundColor = "#6699cc";
 epc[i].style.borderLeft ="solid 1px #6699cc";
 epc[i].style.borderRight ="solid 1px #6699cc";
 }
 epc[l-1].style.backgroundColor = "#6699cc";
 
 }
 if (e.type == "mouseout") {
 for (var i=0; i < l-1; i++) {
 epc[i].style.backgroundColor = "#cfcfcf";
 epc[i].style.borderLeft ="solid 1px #cfcfcf";
 epc[i].style.borderRight ="solid 1px #cfcfcf";
 }
 epc[l-1].style.backgroundColor = "#cfcfcf";
 
 }
  if (e.type == "click") {
  
    var eouter = elem.parentNode.parentNode.parentNode.parentNode;
    dragpoint = eouter.getElementsByTagName("div")[1];
    clrbar = eouter.getElementsByTagName("div")[4]; //colorbar object
    var v = (ut=="px") ? 1 : (ut=="em") ? 0.01 : 0.1;
    var step = (elem.parentNode.parentNode.className=="la") ? -v : v;
    
    d = eouter.getElementsByTagName("div")[5];//dragpostion div object
    barlength =parseInt(eouter.getElementsByTagName("div")[3].style.width);
    minlen = parseFloat(eouter.getElementsByTagName("div")[0].innerHTML);//max length display div object
    maxlen = parseFloat(eouter.getElementsByTagName("div")[2].innerHTML);//max length display div object
	startlength = parseFloat(dragpoint.innerHTML);
	startlength = startlength +step;
	startlength = (ut=="em") ? formatDecimals(startlength,2) : (ut=="%") ? formatDecimals(startlength,1) : startlength;
	if (startlength<0) startlength = minlen;
	if (startlength>maxlen ) startlength = maxlen;	
	var x_x = parseInt((startlength -  minlen)/(maxlen -minlen) * barlength);
	clrbar.style.width= x_x + "px";
	d.style.left = x_x + "px";
	 dragpoint.innerHTML = startlength + ut;
	 setValues(d.id,startlength);
	 
	 calValues();
     writetotxtarea ();
  }
}

function Draggable(item,wd,clrvl,mn, mx,barwd,unt){
  
	var dragitem = $(item);
	
	var clr = dragitem.parentNode.getElementsByTagName("div")[0];////colorbar object initialize
    var vd = dragitem.parentNode.parentNode.getElementsByTagName("div")[1];//dragpostion div object initialize   
    var outer = dragitem.parentNode.parentNode;
    var ominlen = dragitem.parentNode.parentNode.getElementsByTagName("div")[0];
    var omaxlen = dragitem.parentNode.parentNode.getElementsByTagName("div")[2]; //max length div object initialize only
    outer.style.width = barwd +35+"px";
	clr.innerHTML =".";		
    clr.style.width= parseInt((wd-mn)/(mx-mn)*barwd) + "px";
    clr.style.backgroundColor = clrvl;    
    dragitem.style.left= parseInt((wd-mn)/(mx-mn)*barwd) + "px";
    vd.style.marginLeft = parseInt(barwd/4) + "px";
    vd.innerHTML =wd +unt;
    ominlen.innerHTML = mn +unt;
    omaxlen.style.marginLeft = barwd -35 + "px";
    omaxlen.innerHTML = mx +unt;
	dragitem.style.backgroundColor = clrvl;	
	dragitem.parentNode.style.width =barwd +"px";
	
	dragitem.onmouseover = sldclick;
	dragitem.onmouseout = sldclick;
    dragitem.parentNode.onclick = sldclick;
    
    var estep = dragitem.parentNode.parentNode.getElementsByTagName("div")[6];
    var e = $$(estep,"div");
    for(var i=0; i<e.length; i++){ 
    if (e[i].parentNode.className =="arrowboxd") {
    e[i].onmouseover = stepact;
    e[i].onmouseout = stepact;
    e[i].onclick = stepact;
    }
    }

	return false;
}

function slider(id,startlength,barcolor,min,max,barwidth,unit) {
    this.id = id;
    this.startlength =startlength;
    this.barcolor = barcolor;
    this.max = max;
    this.min = min;
    this.barwidth = barwidth;
    this.unit=unit;    
    this.b = function() {
    var d,clrbar,barclr,dragpoint,minlen, maxlen,barlength;
    var y,x,dy,dx;
  
    Draggable(this.id,this.startlength,this.barcolor,this.min,this.max, this.barwidth,this.unit);
    
    document.onmousedown = down;
	document.onmouseup = up;
    }
    
    
}

String.prototype.expandExponential = function() {return this.replace(/^([+-])?(\d+).?(\d*)[eE]([-+]?\d+)$/,function(x, s, n, f, c){var l = +c < 0, i = n.length + +c, x = (l ? n : f).length,c = ((c = Math.abs(c)) >= x ? c - x + l : 0),z = (new Array(c + 1)).join("0"), r = n + f;return  (l ? r = z + r : r += z).substr(0, i += l ? z.length : 0) + (i < r.length ? "." + r.substr(i) : "");});};
function formatDecimals(num,digits){if(digits<=0){return Math.round(num);}var tenToPower=Math.pow(10,digits);var cropped=String(Math.round(num*tenToPower)/tenToPower);cropped=String(cropped).expandExponential();if(cropped.indexOf(".")==-1){cropped+=".0";}var halves=cropped.split(".");var zerosNeeded=digits-halves[1].length;for(var i=1;i<=zerosNeeded;i++){cropped+="0";}return(cropped);}

function getTargetElement(evt) {
    var elem = (evt.target) ? ((evt.target.nodeType == 3) ? evt.target.parentNode : evt.target) : evt.srcElement;
    return elem;
}


function tabEvent(evt) {
    evt = (evt) ? evt : ((window.event) ? window.event : "");
    if (evt) {
    var elem = getTargetElement(evt);
    var actContainer = (elem.tagName=='A') ? elem.parentNode.parentNode.parentNode.id : elem.parentNode.parentNode.id; 
    var tp = gettab(actContainer).position;
    var hvelem = (elem.tagName=='A') ? elem.parentNode : elem;
    var lielem =  (elem.tagName=='A') ? elem.parentNode.parentNode.getElementsByTagName('li') : elem.parentNode.getElementsByTagName('li');
   
    if ((evt.type == "mouseover") || (evt.type == "click")) {
     actIndex = getIndex(lielem,hvelem);
    if (actIndex==undefined) return;
    
    var uu=$$($$($(actContainer),('div'))[actIndex],('ul')).length;    
    
    if (tp!="p") {
     showContent(actContainer,actIndex);
    }
    else if (uu>0) {
    actoutindex =actIndex;
    showContent(actContainer,actIndex);    
     actnoli =false;
    } else if(uu==0) {
     actnoli =true;
     showContent(actContainer, gettab(actContainer).activetab1);}
    }
    if (evt.type=="mouseout") {    	
	       showContent(actContainer, gettab(actContainer).activetab1);
			if (actIndex!= gettab(actContainer).activetab1)  {   	 
    		var ee = $$($(actContainer),('div'));			    
			ee[actIndex].onmouseout = outEvent; 
			ee[actIndex].onmouseover = outEvent;}
	        
	    }	
	}
}

function outEvent(evt) {
evt = (evt) ? evt : ((window.event) ? window.event : "");
var elem = getTargetElement(evt);
var actContainer = (elem.tagName=='A') ? elem.parentNode.parentNode.parentNode.parentNode.id : elem.parentNode.id; 
var tp = gettab(actContainer).position;
    if (actoutindex==undefined) actoutindex = gettab(actContainer).activetab1;

    if ((evt.type == "mouseover") || (evt.type=="click")) {
        if ((actoutindex!= gettab(actContainer).activetab1) && (actnoli==false)) {
            showContent(actContainer,actoutindex)
        }
        else
            showContent(actContainer, gettab(actContainer).activetab1);
    }
    if (evt.type=="mouseout") {
        showContent(actContainer, gettab(actContainer).activetab1);       
    }
}


function getIndex(arry,elem) {
	for (var i=0; i < arry.length; i++) {
		if (arry[i] == elem) {
		return i;
		}
	}
}
 
function showContent(container,act) {
	
	var contDiv = new Array;
	var j =0;
	var tp = gettab(container).position;
	
	var contDiv0 = $$($(container),('div'));
	for(var i=0; i<contDiv0.length; i++){
		if (contDiv0[i].parentNode.id==container) {
			contDiv[j] = contDiv0[i];
			j = j+1;
		}	
	}
	
	if (document.all) { 		
	    contDiv[act].className = (tp=="r") ? "contentfloat" : (tp=="p") ? "contentmenu" : "content";	    
	} 	
	else {
	   
		if ((tp == "t")|| (tp=="r")||(tp=="l") ) {
			contDiv[act].className="contentfloat";		
		}
		
		else if (tp == "b"){
			contDiv[act].className="content";
		}	
		else contDiv[act].className="contentmenufloat";
	}	
	
	var vborder = getborder(contDiv[act]);
	var vbkcolor = getstyle(contDiv[act],'background-color');
		
	var tagul = getUL(container,tp);

	var tagula = $$(tagul,('a'));
	
	var tagulli = $$(tagul,('li'));
	for(var i=0; i<tagula.length; i++){
	    tagula[i].className="ula";
	}

	if (tp=="r") {
	
		for(var i=0; i<tagulli.length; i++){
	        tagulli[i].className="ulli";
	    }		
		tagul.className="ulfloat";
	} 
		
	if ((tp=="b")||(tp=="t") || (tp=="p")) {
	
		for(var i=0; i<tagulli.length; i++){
	        tagulli[i].className="ullifloat";
	    }	
	    
	        
	    tagul.className= (tp=="p") ? "ulnofloat" : "ulnofloatbt";
		
	}
		
	if (tp =="l") {
		
		for(var i=0; i<tagulli.length; i++){
		        tagulli[i].className="ulli";
		}		
		tagul.className = (document.all) ? "ulfloatie" : "ulfloat";
		if (ie6()) tagul.style.right = "-3px";
	}
	
	contDiv[act].style.display = "block";
	
	for(var i=0; i<contDiv.length; i++){	
		if (i != act) {
		contDiv[i].style.display = "none";
		}
	}
	
	if (tp == "p") {
	
		var contDivt = $$($(container),('div'));
		var in1 = gettab(container).activetab1;
		var in2 = gettab(container).activetab2;
		divullu2 =$$(contDivt[in1],'ul')[0];
		
		//set 2nd level active tab color
		$$(divullu2,'a')[in2].style.color = "green";
		
		for(var i=0; i<contDivt.length; i++){
			
			if ($$(contDivt[i],('ul')).length>0) {
				$$(contDivt[i],'ul')[0].className = "divul";
				var divulli = $$($$(contDivt[i],'ul')[0],'li');
				for(var j=0; j<divulli.length; j++){				
					divulli[j].className = "divulli";
					$$(divulli[j],('a'))[0].className = "divullia";											
				}					
			}		
		}
	}
	
	var actitem = tagulli[act];
	var actitema = $$(actitem,('a'))[0];
	if ((tp == "t") || (tp == "p")) {
			actitema.style.top ="1px";
			actitem.style.borderTop = vborder;	
				
		}
		else if (tp == "b") {
			actitema.style.top ="-1px";
			actitem.style.borderBottom = vborder;
	    }
	    else if (tp == "r") {
			actitema.style.left ="-1px";
	        actitem.style.borderRight = vborder;
	    }
	    else if (tp == "l") {			
			actitema.style.left ="1px";
			actitem.style.borderLeft = vborder;	    
	    }
	    	
	actitema.style.backgroundColor =vbkcolor;	
	var marginLeft_li = getstyle(actitem,'margin-left');	
	var marginBottom_li = getstyle(actitem,'margin-bottom');	
	var vbkcolor2 = getstyle(actitem,'background-color');
	
	for(var i=0; i<tagulli.length; i++){
		
	if (marginLeft_li=="0px") {			
			if ((tp == "t") || (tp == "p") || (tp == "b")) { 
			tagulli[i].style.borderLeft = (i==0) ? vborder : "#fff 0px";
			}					
	}
	
	if ( marginBottom_li=="0px") {	
			if ((tp == "r") || (tp == "l")) {
			tagulli[i].style.borderTop = (i==0) ? vborder : "#fff 0px";
			}	
	}
	
	if (i != act) {
			var a = $$(tagulli[i],'a')[0];
			a.style.top ="0px";	
			a.style.left ="0px";
			a.style.backgroundColor ="#cfcfcf";
			
			if ((tp == "t") || (tp == "p")) {				
				tagulli[i].style.borderTop = vborder;
			}
			else if (tp == "b") {						
				tagulli[i].style.borderBottom = vborder;
			}
			else if (tp == "r") {				
	            tagulli[i].style.borderRight = vborder;
	        }
	        else if (tp == "l") {				
				tagulli[i].style.borderLeft = vborder;		        
	        }			
		}
	}	
}

function ie6() {
var appVer = navigator.appVersion.toLowerCase();
var iePos = appVer.indexOf('msie');
if (iePos !=-1) {
is_minor = parseFloat(appVer.substring(iePos+5,appVer.indexOf(';',iePos)))
is_major = parseInt(is_minor);
}

var is_ie = ((iePos!=-1));
var is_ie6 = (is_ie && is_major == 6);
return is_ie6;
}

function $(id){ return(document.getElementById(id)); }

function $$(e,tag) {return e.getElementsByTagName(tag);}


function getUL(id,ttp) {
 if ((ttp=="t") || (ttp=="l") ||(ttp=="p")) {
	var ul = $$($(id),('ul'))[0];
	}
	else {
	var n = $$($(id),('ul')).length;
	var ul = $$($(id),('ul'))[n-1];

	}
return ul;
}


function bindEvent(container, e) {

var tp = gettab(container).position;
var ele = $$(getUL(container,tp),'li');
   for(var i=0; i<ele.length; i++){ 
		if (e=="click") { ele[i].onclick = tabEvent;}
		if (e=="mouseover") { ele[i].onmouseover = tabEvent;} 		
		if (tp=="p") ele[i].onmouseout = tabEvent;    
   }	
}

function Bindtabs(id,activetab1,eventType,position,activetab2) {
	
	this.id = id;
	this.activetab1 = activetab1;
	this.eventType = eventType;
	this.position = position;
	this.activetab2 = activetab2;
	this.c = function () {
	var actoutindex;
	var actnoli = false; 
	var fromli = false;
	
	showContent(this.id,this.activetab1,this.position);
	bindEvent(this.id,this.eventType);
	
	}
}

function gettab(id) {
return (id=="tabco2") ? t2 : (id=="tabco3") ? t3 : (id=="tabco4") ? t4 : t5;
}

function socialbkmk() {
var u = location.href;
var t = document.title;
location.href = 'http://www.pagecolumn.com/social_bookmark2.htm?pgcoluu='+u+'&pgcoltt='+t;
}