var tabs = new Array('condition', 'therapy', 'life');



function left_panel_setup(type) {

    for (var i = 0; i < tabs.length; ++i) {

        document.getElementById('tab_' + tabs[i]).onclick = select;

        document.getElementById('tab_' + tabs[i]).onmouseover = mouse_over;

        document.getElementById('tab_' + tabs[i]).onmouseout = mouse_out;

        document.getElementById('tab_' + tabs[i]).className = 'tab_click';

        document.getElementById('links_' + tabs[i]).style.display = 'none';

    }



    var selected = type == '' ? 'condition' : type;

    

    document.getElementById('tab_' + selected).className = 'tab_select';

    document.getElementById('links_' + selected).style.display = 'block';

}



function select() {

    for (var i = 0; i < tabs.length; ++i) {

        if (this.id == 'tab_' + tabs[i]) {

            document.getElementById('tab_' + tabs[i]).className = 'tab_select';

            document.getElementById('links_' + tabs[i]).style.display = 'block';

        }

        else {

            document.getElementById('tab_' + tabs[i]).className = 'tab_click';

            document.getElementById('links_' + tabs[i]).style.display = 'none';

        }

    }

    return false;

}



function mouse_over() {

    if (document.getElementById(this.id).className == 'tab_select') {

        return;

    }

    document.getElementById(this.id).className = 'tab_hover';

}



function mouse_out() {

    if (document.getElementById(this.id).className == 'tab_select') {

        return;

    }

    document.getElementById(this.id).className = 'tab_click';

}


var leftH		= 0;
var contentH	= 0;
var rightH		= 0;
var minHeight	= 0;
var minHeight 	= 0;

function resize() 
{  
    leftH 	= document.getElementById('main_left').offsetHeight;
	contentH= document.getElementById('main_content').offsetHeight; 
	rightH 	= document.getElementById('ads_right').offsetHeight;
	minHeight= (leftH > contentH) ? ((leftH > rightH) ? leftH : rightH) : ((contentH > rightH) ? contentH : rightH);

	//alert('LEFT:'+ leftH + 'CENTER:'+ contentH + 'RIGHT:'+ rightH + 'MIN HIGHT:' + minHeight);
	
    adjust_heights();
}



function adjust_heights() {

   // 400 difference between left column height and login height
   // 12 main top and bottom
   // 108 header and menu
   // Login 194 
   // return false; 1970px

    var left 	= document.getElementById('left_login_content');
	var leftAdC	= document.getElementById('left_ad_content');
    var center 	= document.getElementById('main_content_middle');
   	var right 	= document.getElementById('ads_right');
	
	var	leftAd	= document.getElementById('leftAd').value;

	if(leftAd == 0)
	{
		if(rightH == minHeight)
			left.style.height 	= (minHeight - 406) + 'px';
		else
			left.style.height 	= (minHeight - 307) + 'px';
	}
	else
	{
		if(rightH == minHeight)
			leftAdC.style.height= (minHeight - 428) + 'px';
		else
			leftAdC.style.height= (minHeight - 530) + 'px';
	}
		
	if(contentH != minHeight)	
	{
		if(rightH == minHeight)
			center.style.height = (minHeight - 88) + 'px';
		else
		    center.style.height = (minHeight) + 'px';
	}
	else
		center.style.height = (minHeight + 10) + 'px';
		
	if(rightH != minHeight)
    	right.style.height 	= (minHeight + 115) + 'px'; 
	else
		right.style.height 	= (minHeight + 15) + 'px'; 

// if (center.clientHeight + 12 < min) { 
//
//        left.style.height = (min) + 'px';
//
//        center.style.height = min + 'px';
//
//        right.style.height = (min + 108)  + 'px';
//
//    }
//
//    else {
//
//        left.style.height = (center.clientHeight) + 'px';
//
//        center.style.height = center.clientHeight + 'px';
//
//        right.style.height = (center.clientHeight + 108) + 'px';
//
//    }


	//alert(minHeight);
//	alert(left.style.height);
//	alert(leftAdC.style.height);
//	alert(center.style.height);
//	alert(right.style.height);

}



function toggle(id) {

    var div = 'ans_' + id;
    var marker1 = 'marker1_' + id;
	var marker2 = 'marker2_' + id;



    switch (document.getElementById(div).style.display) {

        case 'none':

            document.getElementById(div).style.display = 'block';
            document.getElementById(marker1).style.display = 'none';
			document.getElementById(marker2).style.display = 'block';
			
            break;

        case 'block':
			
            document.getElementById(div).style.display = 'none';
			document.getElementById(marker1).style.display = 'block';
			document.getElementById(marker2).style.display = 'none';

            break;

    }



   	document.getElementById('main_content_middle').style.height = 'auto';

  	adjust_heights();

    return false;

}




