function selectleftcard(n, count) {
  //var leftbtns = document.getelementbyid("leftbtns");
  //var leftcards = document.getelementbyid("leftcards");
  
  var arrleftbtns = new array(); 
  for (i = 0; i < count; i++) {
    arrleftbtns[i] = document.getelementbyid("leftbtn_" + i);
  }

  var arrleftcards = new array();
  for (i = 0; i < count; i++) {
    arrleftcards[i] = document.getelementbyid("leftcard_" + i);
  }
  
  for (i = 0; i < arrleftbtns.length; i++) {
    arrleftbtns[i].classname = "btnnormal";
  }
  arrleftbtns[n].classname = "btnhover";
  
  for (i = 0; i < arrleftcards.length; i++) {
	arrleftcards[i].style.display="none";
  }
  arrleftcards[n].style.display="block";
  
}

function selectycard(n, count) {

  var arrybtns = new array(); 
  for (i = 0; i < count; i++) {
    arrybtns[i] = document.getelementbyid("ybtn_" + i);
  }

  var arrycards = new array();
  for (i = 0; i < count; i++) {
    arrycards[i] = document.getelementbyid("ycard_" + i);
  }
  
  for (i = 0; i < arrybtns.length; i++) {
    arrybtns[i].classname = "btnnormal";
  }
  arrybtns[n].classname = "btnhover";
  
  for (i = 0; i < arrycards.length; i++) {
	arrycards[i].style.display="none";
  }
  arrycards[n].style.display="block";
  
}

function selectccard(n, count) {

  var arrcbtns = new array(); 
  for (i = 0; i < count; i++) {
    arrcbtns[i] = document.getelementbyid("cbtn_" + i);
  }

  var arrccards = new array();
  for (i = 0; i < count; i++) {
    arrccards[i] = document.getelementbyid("ccard_" + i);
  }
  
  for (i = 0; i < arrcbtns.length; i++) {
    arrcbtns[i].classname = "btnnormal";
  }
  arrcbtns[n].classname = "btnhover";
  
  for (i = 0; i < arrccards.length; i++) {
	arrccards[i].style.display="none";
  }
  arrccards[n].style.display="block";
  
}

function selectcard(n,count) {
  //var btns = document.getelementbyid("btns");
  //var cards = document.getelementbyid("cards");
  
  var arrbtns = new array();
  for (i = 0; i < count; i++) {
    arrbtns[i] = document.getelementbyid("btn_" + i);
  }
  
  var arrcards = new array();
  for (i = 0; i < count; i++) {
    arrcards[i] = document.getelementbyid("card_" + i);
  }

  for (i = 0; i < arrbtns.length; i++) {
    arrbtns[i].classname = "btnnormal";
  }
  arrbtns[n].classname = "btnhover";
  
  for (i = 0; i < arrcards.length; i++) {
	arrcards[i].style.display="none";
  }
  arrcards[n].style.display="block";

}

function selectbar(n,count) {
  
  var arrbarbtns = new array();
  for (i = 0; i < count; i++) {
    arrbarbtns[i] = document.getelementbyid("barbtn_" + i);
  }
  
  var arrbarcards = new array();
  for (i = 0; i < count; i++) {
    arrbarcards[i] = document.getelementbyid("barcard_" + i);
  }

  for (i = 0; i < arrbarbtns.length; i++) {
    arrbarbtns[i].classname = "barnormal_" + i +"";
	//alert(arrbarbtns[i].classname);
  }
  arrbarbtns[n].classname = "barhover_" + n +"";
  
  for (i = 0; i < arrbarcards.length; i++) {
	arrbarcards[i].style.display="none";
	switch(i) {
		  case 1 : arrbarcards[i].style.padding="0 0 0 75px"; break;
		  case 2 : arrbarcards[i].style.padding="0 0 0 160px"; break;
		  case 3 : arrbarcards[i].style.padding="0 0 0 245px"; break;
		  /*case 4 : arrbarcards[i].style.padding="0 0 0 190px"; 
		  			var temp1 = document.getelementbyid("cardcenter_4");
		  			temp1.classname="card_center1"; break;
		  case 5 : arrbarcards[i].style.padding="0 0 0 270px";
		  			var temp2 = document.getelementbyid("cardcenter_5");
		  			temp2.classname="card_center1"; break;*/

	}
  }
  arrbarcards[n].style.display="block";
  
}