function displayCard(cardType)  { 
	var css= loadCSS(cardType);
	switch (cardType) {
		case "elite":
			document.getElementById('cardHead').style.background="url(images/elite_head.gif) no-repeat";
			document.getElementById('cardMain').style.background="url(images/elite_card.jpg) no-repeat";
			document.getElementById('Acc1_g').style.display="none";
		    document.getElementById('Acc1_p').style.display="none";
			document.getElementById('Acc1_s').style.display="none";
			document.getElementById('Acc1_e').style.display="block";
		       var acc1 = new Spry.Widget.Accordion("Acc1_e");
		break;
		case "gold":
			document.getElementById('cardHead').style.background="url(images/uob_head.gif) no-repeat";
			document.getElementById('cardMain').style.background="url(images/uob_card.jpg) no-repeat";
			document.getElementById('Acc1_g').style.display="block";
		    document.getElementById('Acc1_p').style.display="none";
			document.getElementById('Acc1_s').style.display="none";
			document.getElementById('Acc1_e').style.display="none";
		       var acc1 = new Spry.Widget.Accordion("Acc1_g");
		break;
 	   case "silver":
			document.getElementById('cardHead').style.background="url(images/metro_tmc_head.gif) no-repeat";
			document.getElementById('cardMain').style.background="url(images/metro_tmc_card.jpg) no-repeat";
			document.getElementById('Acc1_g').style.display="none";
		    document.getElementById('Acc1_p').style.display="none";
			document.getElementById('Acc1_s').style.display="block";
			document.getElementById('Acc1_e').style.display="none";
			   var acc1 = new Spry.Widget.Accordion("Acc1_s");
	   break;
 	  case  "pink":
			document.getElementById('cardHead').style.background="url(images/metro_giftcard_head.gif) no-repeat";
			document.getElementById('cardMain').style.background="url(images/metro_giftcard_card.jpg) no-repeat";
			document.getElementById('Acc1_g').style.display="none";
			document.getElementById('Acc1_p').style.display="block";
			document.getElementById('Acc1_s').style.display="none";
			document.getElementById('Acc1_e').style.display="none";
		  var acc1 = new Spry.Widget.Accordion("Acc1_p");
	  break;
  }
}
function loadCSS(cardType){
var cssNode = document.createElement('link');
var cardCSS= cardType+".css";
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = '../styles/'+cardCSS;
cssNode.media = 'screen';
cssNode.title = 'dynamicLoadedSheet';
document.getElementsByTagName("head")[0].appendChild(cssNode);

}

function loadFavicon(){
var favNode = document.createElement('link');

favNode.rel = 'shorcut icon';
favNode.href = 'images/Metro-Fav-Icon.gif';

document.getElementsByTagName("head")[0].appendChild(favNode);
}