function RGBColor(color_string)
{this.ok=false;if(color_string.charAt(0)=='#'){color_string=color_string.substr(1,6);}color_string=color_string.replace(/ /g,'');color_string=color_string.toLowerCase();
var color_defs=[{re:/^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/,example:['rgb(123, 234, 45)','rgb(255,234,245)'],process:function(bits){return[parseInt(bits[1]),parseInt(bits[2]),parseInt(bits[3])];}},{re:/^(\w{2})(\w{2})(\w{2})$/,example:['#00ff00','336699'],process:function(bits){return[parseInt(bits[1],16),parseInt(bits[2],16),parseInt(bits[3],16)];}},{re:/^(\w{1})(\w{1})(\w{1})$/,example:['#fb0','f0f'],process:function(bits){return[parseInt(bits[1]+bits[1],16),parseInt(bits[2]+bits[2],16),parseInt(bits[3]+bits[3],16)];}}];
for(var i=0;i<color_defs.length;i++){var re=color_defs[i].re;var processor=color_defs[i].process;var bits=re.exec(color_string);if(bits){channels=processor(bits);this.r=channels[0];this.g=channels[1];this.b=channels[2];this.ok=true;}}
this.r=(this.r<0||isNaN(this.r))?0:((this.r>255)?255:this.r);this.g=(this.g<0||isNaN(this.g))?0:((this.g>255)?255:this.g);this.b=(this.b<0||isNaN(this.b))?0:((this.b>255)?255:this.b);
this.toRGB=function(){return 'rgb('+this.r+', '+this.g+', '+this.b+')';}
this.toHex=function(){var r=this.r.toString(16);var g=this.g.toString(16);var b=this.b.toString(16);if(r.length==1)r='0'+r;if(g.length==1)g='0'+g;if(b.length==1)b='0'+b;return '#'+r+g+b;}}

function getcolor(em) {
var k = getbkColor(em);
var color = new RGBColor(k);
if (color.ok) {k = color.toHex();}
return k;
}

function getmarginRight(obj) {
var str =(obj.currentStyle) ?  obj.currentStyle.marginRight : getComputedStyle(obj,'').getPropertyValue('margin-right');
return str;
}

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);
}

var isload=false;
function loadjs(){
    if (isload==false) {  
    loadnote();  
   
    var fl ="../script/colortab.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 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  getLeft(obj) {
var str =(obj.currentStyle) ?  obj.currentStyle.left : getComputedStyle(obj,'').getPropertyValue('left');
return str;
}



function getbodymarginLeft() {

var obj = document.getElementsByTagName("body")[0];
var str =(obj.currentStyle) ?  obj.currentStyle.marginLeft : getComputedStyle(obj,'').getPropertyValue('margin-left');
return str;
}



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


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

var tmpclr = getbkColor(obj.parentNode);
obj.style.backgroundColor =tmpclr;
}


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

var temp=obj.parentNode.getElementsByTagName("div")[0]
barclr = getbkColor(temp);

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(getmarginLeft(dragitem.parentNode));
var x_x = e.clientX;

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

var x_d = x_x -slidermarginleft-13-a -parseFloat(getLeft(container));

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 = ((dragitem.id=="gap") && (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;

//var ww = parseFloat(window.screen.width);


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 == "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 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/5) + "px";
    vd.innerHTML =wd +unt;
    ominlen.innerHTML = mn +unt;
    omaxlen.style.marginLeft = barwd -25 + "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;
    
	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) {
    return (evt.target) ? ((evt.target.nodeType == 3) ? evt.target.parentNode : evt.target) : evt.srcElement;
}

function  getmarginLeft(obj) {
var str =(obj.currentStyle) ?  obj.currentStyle.marginLeft : getComputedStyle(obj,'').getPropertyValue('margin-left');
return str;
}

function  getmarginBottom(obj) {
var str =(obj.currentStyle) ?  obj.currentStyle.marginBottom : getComputedStyle(obj,'').getPropertyValue('margin-bottom');
return str;
}



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 tab = gettab(container);
	var tp = tab.position;
	var vborder = tab.border;
	var vboxwidth = tab.width;
	var vtabcolor =tab.tabcolor;
	var contDiv0 = $$($(container),('div'));
	
	//containercolor
	
	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=="r")||(tp=="l") ) {
			contDiv[act].className="contentfloat";
		}
	
	else if ((tp == "b")||(tp == "t")) {
			contDiv[act].className="content";

		}
		else contDiv[act].className="contentmenufloat";

	}
	
	var vbkcolor = getbkColor(contDiv[act]);
	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";

	if (tab==t4) {
		$(container).style.borderRight = (ie6()==true) ?  containercolor +" 0px solid" : containercolor +" 2px solid";
		contDiv[act].style.width= (ut=="%") ? "100%" : vboxwidth;
		// $(container).style.width = vboxwidth;
		
		contDiv[act].style.height = mmh +"px";
		//$(container).style.height = mmh +"px";
		t4.activetab1 = act;
	
		for(var i=0; i<tagulli.length; i++){

   			if (i!=act) {
       				tagulli[i].style.backgroundColor= vtabcolor;
		        }
		}
	}
	
	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 = tab.activetab1;
		var in2 = tab.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 marginRight_li = getmarginRight(actitem);	
	var marginBottom_li = getmarginBottom(actitem);	
	//var vbkcolor2 = getbkColor(actitem);

	for(var i=0; i<tagulli.length; i++){
		
	if (marginRight_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 =vtabcolor;

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].onmouseover ="";
		 ele[i].onclick = tabEvent;}
		if (e=="mouseover") { ele[i].onmouseover = tabEvent;} 		
		if (tp=="p") ele[i].onmouseout = tabEvent;
		
    
   }

}



function Bindtabs(id,activetab1,eventType,position,border,tabcolor,bkcolor,width,activetab2) {	
    this.id = id;
	this.activetab1 = activetab1;
	this.eventType = eventType;
	this.position = position;
	this.activetab2 = activetab2;
	this.border =border;
	this.tabcolor=tabcolor;
	this.bkcolor=bkcolor;
	this.width = width;

	this.c = function () {
	var actoutindex;
	var actnoli = false;
	var fromli = false;

showContent(this.id,this.activetab1);

	bindEvent(this.id,this.eventType);

	}
}

function gettab(id) {
return (id=="tabco1") ? t1 : (id=="tabco2") ? t2 : (id=="tabco3") ? t3 : (id=="tabco4") ? t4 : (id=="tabco5") ? t5 : (id=="tabco6") ? t6 : t7;
}

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