var ThisPageControl=new Object;
var caseLest=new Array(["|0|8|9|","|","Sumo concept","http://www.7g-design.com/test/sumo2/","images/CaseImages/sumo2.jpg"],
				 	   ["|8|9|","|","IRCAMCONSULTING group management","http://www.7g-design.com/test/sumo3/","images/CaseImages/sumo3.jpg"],
					   ["|8|9|","|0|","Alexander Meyronet","http://www.7g-design.com/test/sumo_alexander/","images/CaseImages/AlEXANDREMEYRONET.jpg"],
					   ["|0|","|8|","New Page3","http://www.kurtiss.com/","images/CaseImages/NewPage3.jpg"]);

var prodLest=new Array(["Webpage Design","images/prod007.gif"],//0
						["ASP Code","images/prod010.gif"], //1
						["NET Code","images/prod013.gif"], //2
						["AJAX","images/prod009.gif"],     //3
						["JSP Code","images/prod011.gif"], //4
						["PHP Code","images/prod008.gif"], //5
						["DIV","images/prod012.gif"],      //6
						["HTML","images/prod014.gif"],     //7
						["Reference","images/prod001.gif"],//8
						["Flash","images/prod002.gif"],    //9
						["Strategy Analysis","images/prod004.gif"], //10
						["Shopping Cart","images/prod005.gif"],     //11
						["Analysis","images/prod006.gif"]);         //12
var CaseTypeLest=new Array("Photography/Art","Service Portals","Entertainment","E-commerce&Product","Painting","Real Estate","Organization","Technology","Interface","Investment","Advertisement");

function WindowInitialization(){
	var tempLocation=window.location.href.toString();
	var SreachMark=false;
	var j=new Number;
	ThisPageControl=new ThisPageControlClass();
	if(tempLocation.indexOf("?")!=-1){
		if(tempLocation.indexOf("?")+1<tempLocation.length){
		tempLocation=tempLocation.substr(tempLocation.indexOf("?")+1,tempLocation.length-tempLocation.indexOf("?")-1);
		tempLocation=tempLocation.split("%20").join(" ");
		for(var i=0;i<prodLest.length;i++){
				if(prodLest[i][0].toLowerCase()==tempLocation.toLowerCase()){
					 SreachMark=true;
					 j=i;
				}
			}
		}
	}
	ThisPageControl.ThisSortTopRightMenu();
	if(SreachMark){
		ThisPageControl.CaseSreach(j,0);
	}else{
		ThisPageControl.SetCaseSreachList();
	}
}

window.onload=WindowInitialization;

function ThisPageControlClass(){
	var ThisPageHtmlObj=document.getElementById("ThisPageHtml");
	var ThisSortTopMenuObj=document.getElementById("ThisSortTopMenu");
	var ThisPageContentObj=document.getElementById("ThisPageContent");
	var ThisSortRightMenuObj=document.getElementById("ThisSortRightMenu");
	var CaseSreachType=new Array("|","|");
	var TempCaseList="";
	var thispage=-1;
	var pagesize=4;
	var maxpage=1;
	var maxsize=1;
	this.showpageHTML=function(){
		var tempHTML="";
		var Temppage=1;
		if(thispage>3){
				if(thispage+2<=maxpage){Temppage=thispage-2;}else{Temppage=maxpage-4;}
				if(Temppage<1){Temppage=1;}
			}
		　if(maxpage>1){
				tempHTML="<a href=\"javascript:ThisPageControl.PrevItems();\" class=\"sub-link\">Priv</a>&nbsp;&nbsp;";
				for(var i=0;i<5&&Temppage+i<=maxpage;i++){
						if(Temppage+i==thispage){tempHTML=tempHTML+"<span style=\"color:#ff0000;\">"+(Temppage+i).toString()+"</span>&nbsp;&nbsp;";}
						else{tempHTML=tempHTML+"<a href=\"javascript:ThisPageControl.SetThisPage("+(Temppage+i).toString()+");\" class=\"sub-link\">["+(Temppage+i).toString()+"]</a>&nbsp;&nbsp;";}
					}	
				tempHTML=tempHTML+"<a href=\"javascript:ThisPageControl.NextItems();\" class=\"sub-link\">Next</a>&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"color:#27828B;\">"+thispage.toString()+" / "+maxpage.toString()+"</span>";
				ThisPageHtmlObj.innerHTML=tempHTML;
				ThisPageHtmlObj.style.display="block";
			}else{
				ThisPageHtmlObj.style.display="none";
				}
		};
	
	this.PrevItems=function(){
			if(thispage>1){thispage--;}
			ThisPageControl.PrintSreachCaseList();
		};
		
	this.NextItems=function(){
			if(thispage<maxpage){thispage++;}
			ThisPageControl.PrintSreachCaseList();
		};
		
	this.SetThisPage=function(TempNum){
			if(TempNum>0&&TempNum<=maxpage){thispage=TempNum;}
			ThisPageControl.PrintSreachCaseList();
		};
		
	this.CaseSreach=function(Thiscon,Thisnum){
			ThisPageContentObj.innerHTML="";
			if(Thiscon<0){
				CaseSreachType[Thisnum]="|";
			}else{
				CaseSreachType[Thisnum]="|"+Thiscon.toString()+"|";
				document.getElementById("CaseTypleSelect").selectedIndex=parseInt(Thiscon)+1;
			}
			ThisPageControl.SetCaseSreachList();
		};
	
	this.ThisSortTopRightMenu=function(){
		var TempTopMenuHtml="<select id=\"CaseTypleSelect\" style=\"height:18px;font-size:11px;\" onchange=\"ThisPageControl.CaseSreach(this.value,0);this.blur();\"><option value=\"-1\">All Type</option>";
		var TempRightMenuHtml="";
			for(var i=0;i<prodLest.length;i++){
				TempTopMenuHtml=TempTopMenuHtml+"<option value=\""+i.toString()+"\">"+prodLest[i][0]+"</option>";
				TempRightMenuHtml=TempRightMenuHtml+"<div style=\"width:100%;clear:both;line-height:40px;\"><img src=\""+prodLest[i][1]+"\" width=\"30\" height=\"31\" border=\"0\" onclick=\"ThisPageControl.CaseSreach("+i.toString()+",0)\" style=\"cursor:pointer;\" title=\""+prodLest[i][0]+"\" align=\"middle\"/> <span style=\"cursor:pointer;\" onclick=\"ThisPageControl.CaseSreach("+i.toString()+",0)\">"+prodLest[i][0]+"</span></div>";
				}
			TempTopMenuHtml=TempTopMenuHtml+"</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select style=\"height:18px;font-size:11px;\" onchange=\"ThisPageControl.CaseSreach(this.value,1);this.blur();\"><option value=\"-1\">All Category</option>";
			for(var i=0;i<CaseTypeLest.length;i++){
				TempTopMenuHtml=TempTopMenuHtml+"<option value=\""+i.toString()+"\">"+CaseTypeLest[i]+"</option>";
				}
			TempTopMenuHtml=TempTopMenuHtml+"</select>";
			ThisSortTopMenuObj.innerHTML=TempTopMenuHtml;
			ThisSortRightMenuObj.innerHTML=TempRightMenuHtml;
		};
		
	this.SetCaseSreachList=function(){
			TempCaseList="";
			for(var i=0;i<caseLest.length;i++){
					if(caseLest[i][0].indexOf(CaseSreachType[0])!=-1&&caseLest[i][1].indexOf(CaseSreachType[1])!=-1){
						TempCaseList=TempCaseList+i.toString()+",";
						}
				}
			if(TempCaseList!=""){
					TempCaseList=TempCaseList.substr(0,TempCaseList.length-1);
					thispage=1;
					maxsize=TempCaseList.split(",").length;
					if(parseInt(maxsize/pagesize)*pagesize<maxsize){maxpage=parseInt(maxsize/pagesize)+1;}else{maxpage=parseInt(maxsize/pagesize)}
				}else{
					thispage=0;
					maxsize=0;
					maxpage=0;
				}
			ThisPageControl.PrintSreachCaseList();
		};
		
	this.PrintSreachCaseList=function(){
		var tempHTML="";
		if(maxsize){
				if(thispage>maxpage){thispage=maxpage;}
				if(thispage<1){thispage=1;}
				for(var i=(thispage-1)*pagesize;i<thispage*pagesize&&i<maxsize;i++){
					tempHTML=tempHTML+"<div style=\"width:100%;clear:both;\">"+
												"<div style=\"width:100%;height:60px;clear:both;background-image:url(images/000025.gif);background-repeat:repeat-x;\">&nbsp;</div>"+
												"<div style=\"width:100%;height:auto;clear:both;\">"+
															"<div class=\"demo_box\"><img src=\""+caseLest[TempCaseList.split(",")[i]][4].toString()+"\" width=\"220\" height=\"119\" /></div>"+
															"<div style=\"float:left;width:260px;\">"+
																	"<div class=\"demo_line\"><strong>"+caseLest[TempCaseList.split(",")[i]][2].toString()+"</strong></div>"+
																	"<div class=\"demo_line\"><a href='"+caseLest[TempCaseList.split(",")[i]][3].toString()+"' target=\"_blank\" class=\"sub-link\">"+caseLest[TempCaseList.split(",")[i]][3].toString()+"</a> </div>"+
																	"<div class=\"demo_line\">&nbsp;</div>"+
																	"<div class=\"demo_line\">"+ThisPageControl.GetCaseTypeList(caseLest[TempCaseList.split(",")[i]][0])+"</div>"+
															"</div>"+
												"</div>"+
										 "</div>";
					}
				ThisPageContentObj.innerHTML=tempHTML;
			}else{
				ThisPageContentObj.innerHTML="<p><br></p><p align=\"center\" style=\"color:#FF0000;\">There is no information on this page.</p>";
			}
			ThisPageControl.showpageHTML();
		};
		
		this.GetCaseTypeList=function(InputStr){
			var returnHtml="";
			if(InputStr.length>=3){
				for(var i=1;i<InputStr.split("|").length-1;i++){
					returnHtml=returnHtml+"<img src=\""+prodLest[InputStr.split("|")[i]][1]+"\" width=\"30\" height=\"31\" border=\"0\" style=\"padding:2px;\" title=\""+prodLest[InputStr.split("|")[i]][0]+"\" align=\"middle\"/>";			
				}
			}
			return returnHtml;
		};
	}