$(document).ready(function(){ 
	$("#vc1").click(function ()  {
		GetData('cards-light');
		GetTitle('cards-light');
		GetRelated('cards-light');
		SetCard(1);
		return false;
	});
	$("#vc2").click(function ()  {
		GetData('cards-classic');
		GetTitle('cards-classic');
		GetRelated('cards-classic');
		SetCard(2);
		return false;
	});
	$("#vc3").click(function ()  {
		GetData('cards-business');
		GetTitle('cards-business');
		GetRelated('cards-business');
		SetCard(3);
		return false;
	});
	$("#vc4").click(function ()  {
		GetData('cards-gold');
		GetTitle('cards-gold');
		GetRelated('cards-gold');
		SetCard(4);
		return false;
	});
	$("#vc5").click(function ()  {
		GetData('cards-platinum');
		GetTitle('cards-platinum');
		GetRelated('cards-platinum');
		SetCard(5);
		return false;
	});

	$("#mc1").click(function ()  {
		GetData('cards-light');
		GetTitle('cards-light');
		GetRelated('cards-light');
		SetCardMaster(1);
		return false;
	});
	$("#mc2").click(function ()  {
		GetData('cards-classic');
		GetTitle('cards-classic');
		GetRelated('cards-classic');
		SetCardMaster(2);
		return false;
	});
	$("#mc3").click(function ()  {
		GetData('cards-business');
		GetTitle('cards-business');
		GetRelated('cards-business');
		SetCardMaster(3);
		return false;
	});
	$("#mc4").click(function ()  {
		GetData('cards-gold');
		GetTitle('cards-gold');
		GetRelated('cards-gold');
		SetCardMaster(4);
		return false;
	});
	$("#mc5").click(function ()  {
		GetData('cards-platinum');
		GetTitle('cards-platinum');
		GetRelated('cards-platinum');
		SetCardMaster(5);
		return false;
	});
});

var OldID;
var Vcards = new Array('','visa-light','visa-classic','visa-business','visa-gold','visa-platinum','card-signia-front');
var Mcards = new Array('','master-light','master-classic','master-silver','master-gold','master-platinum','card-signia-back');


function SetCard(ids){
//for (i=1;i<5;i++){
//	$('#vc'+i).removeClass('on');
//}
//$('#mc'+OldID).removeClass('on');
$('#vc'+OldID).removeClass('on');
OldID=ids;
//$('#mc'+ids).addClass('on');
$('#vc'+ids).addClass('on');

if (ids!=7) {
if ($.browser.msie == true) {
$('.card_one').css('filter','progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/'+Vcards[ids]+'.png", sizingMethod="scale")');
$('.card_two').css('filter','progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/'+Mcards[ids]+'.png", sizingMethod="scale")');
$('.card_column img').css('behavior','url(/images/png.htc)');
} else {
$('.card_one').css('backgroundImage','url(/images/'+Vcards[ids]+'.png)');
$('.card_two').css('backgroundImage','url(/images/'+Mcards[ids]+'.png)'); 
}
}

}

function SetCardMaster(ids){
$('#mc'+OldID).removeClass('on');
//$('#vc'+OldID).removeClass('on');
OldID=ids;
$('#mc'+ids).addClass('on');
$//('#vc'+ids).addClass('on');

if ($.browser.msie == true) {
$('.card_two').css('filter','progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/'+Vcards[ids]+'.png", sizingMethod="scale")');
$('.card_one').css('filter','progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/'+Mcards[ids]+'.png", sizingMethod="scale")');
$('.card_column img').css('behavior','url(/images/png.htc)');
} else {
$('.card_two').css('backgroundImage','url(/images/'+Vcards[ids]+'.png)');
$('.card_one').css('backgroundImage','url(/images/'+Mcards[ids]+'.png)'); 
}
}

function GetData(id) {
$.ajax({
   type: "GET",
   url: "/sng.nsf/FormMenuCont?OpenAgent&docid="+id+"&body=y&ch"+new Date().getTime(),
   data: "",
   success: function(msg){
	$('#cardbody').html(msg);
	_gaq.push(['_trackEvent', 'Card switch', 'click', '/'+id]);
	return;
	}
});
}

function GetTitle(id) {
$.ajax({
   type: "GET",
   url: "/sng.nsf/FormMenuCont?OpenAgent&docid="+id+"&body=n&ch"+new Date().getTime(),
   data: "",
   success: function(msg){
	$('#cardtitle').html(msg);
	return;
	}
});
}

function GetRelated(id) {
var tmpout='';
$.ajax({
   type: "GET",
   url: "/sng.nsf/FormMenuCont?OpenAgent&docid="+id+"&body=r&ch"+new Date().getTime(),
   data: "",
   success: function(msg){
	if (msg.charAt(0)=="{") {
		var tmp=eval("var rl="+msg);
		for (i=0;i<rl.related.length;i++) {
		tmpout+='<li><a href="'+rl.related[i].link+'">'+rl.related[i].title+'</a></li>'
		}
	}
	$('#cardrl').html(tmpout);
	if (id=='cards-classic' || id=='cards-business') {
		$('#hertz1').css('display','');
		$('#hertz2').css('display','');
	} else {
		$('#hertz1').css('display','none');
		$('#hertz2').css('display','none');
	}
	return;
	}
});
}