var currentPage=1;
var pageItemCount=16;
var isfirst=true;
var currentClass="";

$(function(){ImageModel();});

function ReloadCase(className){
	isfirst=false;
	currentClass=className;
	$("div.more").css("visibility","hidden");
	$("div.solutionpage").css("visibility","visible");
	$.ajax({
		url:'xml.php?t=brand',
		type:'GET',
		dataType:'xml',
		timeout:10000,
		beforeSend:function(){
			$('#loading').empty();
			$("#loading").append("<center>loading……</center>");
		},
		error:function(){
			$('#loading').empty();
			$("#loading").append("<center>案例加载完成</center>");
		},
		success:function(xml){
			$('#loading').empty();
			$('#solution').empty();
			var item=0;
			$(xml).find('item').each(function(){
				var name=$(this).children("className").text();
				var id=$(this).children("Id").text();
				if(name==className&&id=="1"){
					item+=1;if(item>(pageItemCount*(currentPage-1))&&item<=pageItemCount*currentPage){
						var name=$(this).children("client").text();
						var url=$(this).children("url").text();
						var img=$(this).children("image").text();
						var alt=$(this).children("name").text();
						var html='<a href="'+url+'"><img src="'+img+'" /></a><a href="'+url+'">'+name+'</a>';
							$('<li></li>').html(html).appendTo('#solution');
					}
				}
			});
			addPager(item);
		}
	});
}

function ImageModel(){
	$.ajax({
		url:'xml.php?t=brand',
		type:'GET',
		dataType:'xml',
		timeout:10000,
		beforeSend:function(){},
		error:function(){
			$('#loading').empty();
			$("#loading").append("<center>案例加载完成</center>");
			},
		success:function(xml){
			var item=0;
			$('#loading').empty();
			$('#solution').empty();
			$(xml).find('item').each(function(){
				var Id=$(this).children("Id").text();
				if(Id==1){
					item+=1;
					if(item>(pageItemCount*(currentPage-1))&&item<=pageItemCount*currentPage){
						var name=$(this).children("client").text();
						var url=$(this).children("url").text();
						var img=$(this).children("image").text();
						var alt=$(this).children("name").text();
						var html='<a href="'+url+'"><img src="'+img+'" /></a><a href="'+url+'">'+name+'</a>';
						$('<li></li>').html(html).appendTo('#solution');
						}
				}
			});
			addPager(item);
		}
	});
}

function addPager(item){
	$('.solutionpage').empty();
	var pageCount=Math.ceil(item/pageItemCount);
	if(pageCount>1){
		for(var i=1;i<=pageCount;i++){
			var str="";
			if(i==currentPage){
				str='<a style="color:#ff3300;cursor:pointer" onclick="changePage('+i+')" >'+i+'</a>';
			}else{
				str='<a style="cursor:pointer" onclick="changePage('+i+')" >'+i+'</a>';
			}
			$(str).appendTo('.solutionpage');
		}
	}
}

function changePage(id){
	if(id!=currentPage){
		currentPage=id;
		isPager=true;
		if(isfirst){
			ImageModel();
		}else{
			ReloadCase(currentClass);
		}
	}
}