$(function () {
		$('#size1').click(function (){
			ChangeCss(1);clearSession();tb_class();
		});
		$('#size2').click(function (){
			ChangeCss(2);tb_class();
		});
		$('#size3').click(function (){
			ChangeCss(3);tb_class();
		});
		$('#size4').click(function (){
			ChangeCss(4);tb_class();
		});
		$('#size5').click(function (){
			ChangeCss(5);tb_class();
		});
		$('#size6').click(function (){
			ChangeCss(6);tb_class();
		});
		
		OnloadCss();tb_class();

	});
	function tb_class(){
		var bg = SplitData($.session.get('background'));
		if(bg == 4 || bg == 6){
			
			$('table[id^=tb-css1]').each(function(){
				$(this).attr("class","table table-list");
				$(this).css("background-color","");
			});
			
			$('table[id^=tb-css2]').each(function(){
				$(this).attr("class","table");
			});

		}else{
			$('table[id^=tb-css1]').each(function(){
				$(this).attr("class","table table-striped table-list");
				$(this).css("background-color","#FFF");
			});

			$('table[id^=tb-css2]').each(function(){
				$(this).attr("class","table table-link");
			});
		}
	}

	function clearSession(){
		$.session.set('text-size', "1");
		//$.session.set('background', "1");
	}
	function OnloadCss(){
		var txt_color = $.session.get('text-size');
		var background = $.session.get('background');
		//alert("size="+txt_color+",bg="+background)
		ChangeCss(SplitData(txt_color));
		ChangeCss(SplitData(background));
	}
	
	function SplitData(data){if(data == undefined){return null;}
		var sp = data.split(",");
		return sp[sp.length-1];
	}
	
	function ChangeCss(id){
		RemoveCss(id);
		if(id != 1){
			$('link[id="lineCSS'+id+'"]').attr('href','/cs/CGD/css/template4/styles/style'+id+'.css');
		}
		//AddArrCss(id);		
	}
	
	function AddArrCss(id){
		var txt = $.session.get('text-size');
			txt +=","+id;
		$.session.set('text-size', txt);
	}
	
	function AddArrCss2(id){
		var txt = $.session.get('background');
			txt +=","+id;
		$.session.set('background', txt);
	}
	
	function RemoveCss(id){ 
		if(id==1){AddArrCss(id);
			$('link[id="lineCSS2"]').attr('href','');
			$('link[id="lineCSS3"]').attr('href','');
			//$('#tb-css').addClass(".table-striped");
		}else if(id==2){AddArrCss(id);
			$('link[id="lineCSS3"]').attr('href','');
			$('.table-striped').css("background-color","");
			//$('#tb-css').addClass(".table-striped");
		}else if(id==3){AddArrCss(id);
			$('link[id="lineCSS2"]').attr('href','');
			//$('#tb-css').addClass(".table-striped");
		}else if(id==4){AddArrCss2(id);
			//$('link[id="lineCSS1"]').attr('href','');
			$('link[id="lineCSS5"]').attr('href','');
			$('link[id="lineCSS6"]').attr('href','');
			$('#theme-1').css("display","none");
			$('#theme-2').css("display","inline");
			$('#theme-3').css("display","none");
			$('#body-bg').css("background","black");
			$('#body-bg').css("background-image"," ");
			//$('#tb-css').removeClass(".table-striped");
			
		}else if(id==5){AddArrCss2(id);
			//$('link[id="lineCSS1"]').attr('href','');
			$('link[id="lineCSS4"]').attr('href','');
			$('link[id="lineCSS6"]').attr('href','');
			$('#theme-1').css("display","inline");
			$('#theme-2').css("display","none");
			$('#theme-3').css("display","none");
			$('#body-bg').css("background-image","url('/cs/CGD/images/banner/backgroud-manager.jpg')");
			$('#body-bg').css("background-repeat","repeat");
			$('#body-bg').css("background-size","100% 100%");
			$('#body-bg').css("background"," ");
			//$('#tb-css').addClass(".table-striped");

		}else if(id==6){AddArrCss2(id);
			$('link[id="lineCSS4"]').attr('href','');
			$('link[id="lineCSS5"]').attr('href','');
			$('#theme-1').css("display","none");
			$('#theme-2').css("display","none");
			$('#theme-3').css("display","inline");
			$('#body-bg').css("background","black");
			$('#body-bg').css("background-image"," ");
			//$('#tb-css').removeClass(".table-striped");
		}
	}