function ToggleThatDiv(p_divName, p_visibility, p_display) {

	if(document.getElementById){

		divs = document.getElementsByTagName("div");

    		divs[p_divName].style.visibility = p_visibility;

			divs[p_divName].style.display = p_display;

	}

}

function ToggleThatlink(p_divName, p_image) {

	if(document.getElementById){

		li = document.getElementsByTagName("li");
			
			li[p_divName].style.background = p_image;

	}

}

function ToggleThatlinkcolor(p_divName) {

	if(document.getElementById){

		a = document.getElementsByTagName("a");
			
			a[p_divName].style.color = '#CC0000';

	}

}



function ge()

{

  var ea;

  for( var i = 0; i < arguments.length; i++ ) {

    var e = arguments[i];

    if( typeof e == 'string' )

      e = document.getElementById(e);

    if( arguments.length == 1 )

      return e;

    if( !ea )

      ea = new Array();

    ea[ea.length] = e;

  }

  return ea;

}



function card(selector) {

selector = ge(selector);



if(selector == 1) {

	ToggleThatDiv('card_content1', 'visible', 'block');
	
	ToggleThatDiv('card_content2', 'hidden', 'none');
	
	ToggleThatDiv('card_content3', 'hidden', 'none');
	
	ToggleThatDiv('card_content4', 'hidden', 'none');
	
	ToggleThatlink('card_one', 'url(/assets/card_selected.gif)');
	ToggleThatlink('card_two', 'url(/assets/card_two.gif)');
	ToggleThatlink('card_three', 'url(/assets/card_three.gif)');
	ToggleThatlink('card_four', 'url(/assets/card_four.gif)');
	

}

if(selector == 2) {

	ToggleThatDiv('card_content1', 'hidden', 'none');
	
	ToggleThatDiv('card_content2', 'visible', 'block');
	
	ToggleThatDiv('card_content3', 'hidden', 'none');
	
	ToggleThatDiv('card_content4', 'hidden', 'none');
	
	ToggleThatlink('card_one', 'url(/assets/card_one.gif)');
	ToggleThatlink('card_two', 'url(/assets/card_selected.gif)');
	ToggleThatlink('card_three', 'url(/assets/card_three.gif)');
	ToggleThatlink('card_four', 'url(/assets/card_four.gif)');

}

if(selector == 3) {

	ToggleThatDiv('card_content1', 'hidden', 'none');
	
	ToggleThatDiv('card_content2', 'hidden', 'none');
	
	ToggleThatDiv('card_content3', 'visible', 'block');
	
	ToggleThatDiv('card_content4', 'hidden', 'none');

	ToggleThatlink('card_one', 'url(/assets/card_one.gif)');
	ToggleThatlink('card_two', 'url(/assets/card_two.gif)');
	ToggleThatlink('card_three', 'url(/assets/card_selected.gif)');
	ToggleThatlink('card_four', 'url(/assets/card_four.gif)');
  	

}
	
if(selector == 4) {

	ToggleThatDiv('card_content1', 'hidden', 'none');
	
	ToggleThatDiv('card_content2', 'hidden', 'none');
	
	ToggleThatDiv('card_content3', 'hidden', 'none');
	
	ToggleThatDiv('card_content4', 'visible', 'block');

	ToggleThatlink('card_one', 'url(/assets/card_one.gif)');
	ToggleThatlink('card_two', 'url(/assets/card_two.gif)');
	ToggleThatlink('card_three', 'url(/assets/card_three.gif)');
	ToggleThatlink('card_four', 'url(/assets/card_selected.gif)');

}

}