function show_slider_panel(tab) {

	if(document.getElementById('close_button').style.visibility == 'visible') {

		document.getElementById('tab1').setAttribute('className', 'tab1');
		document.getElementById('tab1').setAttribute('class', 'tab1');
		document.getElementById('tab2').setAttribute('className', 'tab2');
		document.getElementById('tab2').setAttribute('class', 'tab2');
//		document.getElementById('tab3').setAttribute('className', 'tab3');
//		document.getElementById('tab3').setAttribute('class', 'tab3');
//		document.getElementById('tab4').setAttribute('className', 'tab4');
//		document.getElementById('tab4').setAttribute('class', 'tab4');

		// Change the css for selected tab
		document.getElementById(tab).setAttribute('className', tab+'active');
		document.getElementById(tab).setAttribute('class', tab+'active');

		// Change the content based on the selection
		document.getElementById('tab1_container').style.display = 'none';
		document.getElementById('tab2_container').style.display = 'none';
		//document.getElementById('tab3_container').style.display = 'none';
		//document.getElementById('tab4_container').style.display = 'none';

		document.getElementById(tab+'_container').style.display = 'block';
		

	} else {
		document.getElementById('tab1').setAttribute('className', 'tab1');
		document.getElementById('tab1').setAttribute('class', 'tab1');
		document.getElementById('tab2').setAttribute('className', 'tab2');
		document.getElementById('tab2').setAttribute('class', 'tab2');
//		document.getElementById('tab3').setAttribute('className', 'tab3');
//		document.getElementById('tab3').setAttribute('class', 'tab3');
//		document.getElementById('tab4').setAttribute('className', 'tab4');
//		document.getElementById('tab4').setAttribute('class', 'tab4');

		// Changing the css for left panel
		document.getElementById('lefttabmenupanel').setAttribute('className', 'lefttabmenu');
		document.getElementById('lefttabmenupanel').setAttribute('class', 'lefttabmenu');
		
		// Showing the selected tab contents
		document.getElementById(tab+'_container').style.display = 'block';
		document.getElementById('close_button').style.visibility = 'visible';
	    document.getElementById(tab).setAttribute('className', tab+'active');
		document.getElementById(tab).setAttribute('class', tab+'active');
		
	}
}

function hide_slider_panel(tab) {
	// Changing the css for left panel
	document.getElementById('lefttabmenupanel').setAttribute('className', 'lefttabmenu_close');
	document.getElementById('lefttabmenupanel').setAttribute('class', 'lefttabmenu_close');

	document.getElementById('tab1_container').style.display = 'none';
	document.getElementById('tab2_container').style.display = 'none';
	//document.getElementById('tab3_container').style.display = 'none';
	//document.getElementById('tab4_container').style.display = 'none';

	document.getElementById('close_button').style.visibility = 'hidden';

if(tab != "test"){
        document.getElementById(tab).setAttribute('className', tab+'active');
		document.getElementById(tab).setAttribute('class', tab+'active');
}
	/* document.getElementById('tab1').setAttribute('className', 'tab1');
	document.getElementById('tab1').setAttribute('class', 'tab1');
	document.getElementById('tab2').setAttribute('className', 'tab2');
	document.getElementById('tab2').setAttribute('class', 'tab2');
	document.getElementById('tab3').setAttribute('className', 'tab3');
	document.getElementById('tab3').setAttribute('class', 'tab3');
	document.getElementById('tab4').setAttribute('className', 'tab4');
	document.getElementById('tab4').setAttribute('class', 'tab4'); */
	
}

// For login panel



function findPosX(tag_id)
  {
//alert(tag_id);
  var obj = document.getElementById(tag_id);

    var curleft = 0;
    if(obj.offsetParent)
        while(1)
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(tag_id)
  {
  var obj = document.getElementById(tag_id);
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }

function show_loginpanel() {
	var left_val = findPosX('tabs5');
	var top_val = findPosY('tabs5');
	document.getElementById('loginpanel').style.left = left_val+'px';
	document.getElementById('loginpanel').style.top = top_val+'px';
	document.getElementById('loginpanel').style.display = 'block';
}
function hide_loginpanel() {
	document.getElementById('loginpanel').style.display = 'none';
}