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 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")) {
    var actIndex = getIndex(lielem,hvelem);
    if (actIndex==undefined) return;
    actli1= actIndex; 
    
   var uu=document.getElementById(actContainer).getElementsByTagName('div')[actIndex].getElementsByTagName('ul').length; 
       if ((uu>0) || (actContainer!="tabco1")) { 
        actnoli = false; 	
	    showContent(actContainer,actIndex);
    	
	    }
	    else {
	        if (actContainer=="tabco1") {
	        actnoli = true;
        	
	        showContent(actContainer,inact);
	        }
    	
	    }
	}
	
	    if (evt.type=="mouseout") {
    	
	    showContent(actContainer,inact);
	    }
	
	}
}

var actli1;
var actnoli=false;

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; 
if ((evt.type == "mouseover") || (evt.type=="click")) {
 if (actli1==undefined) return;

if ((elem.tagName=="div")&&(elem.getElementsByTagName('ul').length>0)) {
 showContent(actContainer,inact);
 }
 else {
 if (actnoli==true) {
   showContent(actContainer,inact);}
  else
  showContent(actContainer,actli1);
  
  }
  }

if (evt.type=="mouseout") {
showContent(actContainer,inact);
}
}


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

function upordown(container,act) {
var u;
if (document.all) {u=(document.getElementById(container).childNodes[0].tagName =="UL") ? true : false;}
else {u=(document.getElementById(container).childNodes[1].tagName =="UL") ? true : false;}
return u;
}     




function showContent(container,act) {
	//var up = upordown(container);
	var contDiv = new Array;
	var j =0;
	var tp = getPosionByid(container);
	
	var contDiv0 = document.getElementById(container).getElementsByTagName('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) { 
	    if (container=="tabco1") {
	    contDiv[act].className = (tp=="r") ? "contentfloat" : "content";}
	    else {
	    contDiv[act].className = (tp=="r") ? "contentfloat" : "contentbox";  }  
	} 	
	
	else {
		if ((tp == "t")|| (tp=="r")||(tp=="l") ) {
		     if (container=="tabco1") {
			contDiv[act].className="contentfloat";}
			else
            contDiv[act].className="contentfloatbox";
		}
		
		else {
			contDiv[act].className="content";
		}
	}	
	

	var tagula = document.getElementById(container).getElementsByTagName('ul')[0].getElementsByTagName('a');

	for(var i=0; i<tagula.length; i++){
	    tagula[i].className="ula";
	}
	
	var tagulli = document.getElementById(container).getElementsByTagName('ul')[0].getElementsByTagName('li');
	
	if (tp=="r") {
	
		for(var i=0; i<tagulli.length; i++){
	        tagulli[i].className="ulli";
	    }
		document.getElementById(container).getElementsByTagName('ul')[0].className="ulfloat";
	} 
	
	
	if ((tp=="b")||(tp=="t")) {
	
		for(var i=0; i<tagulli.length; i++){
	        tagulli[i].className="ullifloat";
	    }
	    
	    document.getElementById(container).getElementsByTagName('ul')[0].className="ulnofloat";
		
	}
	
	
	if (tp =="l") {
		
		for(var i=0; i<tagulli.length; i++){
		        tagulli[i].className="ulli";
		}
		if (document.all) {
		document.getElementById(container).getElementsByTagName('ul')[0].className="ulfloatie6";
		}
		else document.getElementById(container).getElementsByTagName('ul')[0].className="ulfloat";
		
	}
	
	contDiv[act].style.display = "block";
	
	for(var i=0; i<contDiv.length; i++){
	
		if (i != act) {
		contDiv[i].style.display = "none";
		}
		
	}
	
	var actli = document.getElementById(container).getElementsByTagName('ul')[0].getElementsByTagName('li');
	
	if (tp == "t") {
			actli[act].getElementsByTagName('a')[0].style.top ="1px";
			actli[act].style.borderTop = "#00cc99 1px solid";	
				
		}
		else if (tp == "b") {
			actli[act].getElementsByTagName('a')[0].style.top ="-1px";
			actli[act].style.borderBottom = "#00cc99 1px solid";
	    }
	    else if (tp == "r") {
			actli[act].getElementsByTagName('a')[0].style.left ="-1px";
	        actli[act].style.borderRight = "#00cc99 1px solid";
	    }
	    else if (tp == "l") {			
			actli[act].getElementsByTagName('a')[0].style.left ="1px";
			actli[act].style.borderLeft = "#00cc99 1px solid";	    
	    }
	    	
	    	
	actli[act].getElementsByTagName('a')[0].style.backgroundColor ="#eee9e9";	
		
	for(var i=0; i<actli.length; i++){
	if (i==0) {
	actli[i].style.borderLeft = "#00cc99 1px solid";
	}else
	actli[i].style.borderLeft="#fff 0px";
	
		if (i != act) {
			actli[i].getElementsByTagName('a')[0].style.top ="0px";	
			actli[i].getElementsByTagName('a')[0].style.left ="0px";
			actli[i].getElementsByTagName('a')[0].style.backgroundColor ="#ffcc99";
			
			if (tp == "t") {				
				actli[i].style.borderTop = "#00cc99 1px solid";
			}
			else if (tp == "b") {						
				actli[i].style.borderBottom = "#00cc99 1px solid";
			}
			else if (tp == "r") {				
	            actli[i].style.borderRight = "#00cc99 1px solid";
	        }
	        else if (tp == "l") {				
				actli[i].style.borderLeft = "#00cc99 1px solid";		        
	        }			
		}
	}	
}

function bindEvent(container, e) {
var ele = document.getElementById(container).getElementsByTagName('ul')[0].getElementsByTagName("li");
   for(var i=0; i<ele.length; i++){ 
   if (e=="click") { ele[i].onclick = tabEvent;}
   if (e=="mouseover") { ele[i].onmouseover = tabEvent;} 
   if (container=="tabco1")
   ele[i].onmouseout = tabEvent; 
   
   }
 var ee = document.getElementById(container).getElementsByTagName('div');
   for(var i=0; i<ee.length; i++){ 
   var eeli = ee[i].getElementsByTagName('a');
    for(var j=0; j<ee.length; j++){ 
   ee[j].onmouseout = outEvent; 
   ee[j].onmouseover = outEvent;
   }
   } 
   
}

function getPosionByid(id) {
	var re = new RegExp("\\w(?=.\\b"+id+"\\b)", "");
	var po = tabposition.match(re);
	return po;
}

var tabposition="";
var inact;
function Bindtabs(id,ac,ee, p) {
//   \w(?=.\btabco2\b)	
	tabposition += " "+p +" " +id;
	if (id=="tabco1") {
	inact = ac;}
	showContent(id,ac,p);
	bindEvent(id,ee);
}


function start() {	
    Bindtabs("tabco1",2,"mouseover","t");
  Bindtabs("tabco2",1,"mouseover","t");
}

window.onload = function(){
start();
}

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