var categoryDescription = new Array();

	categoryDescription[0] = 'I love being a designer.  I love thinking about ideas freely and observing them take shape; I love working on a project all day, losing myself in the work and even after having been involved almost 10 years in this field and I still love seeing the end result come to life.';

	categoryDescription[1] = 'As a developer I am a well organised individual, combining knowledge with aesthetic vision, working with clients and other design professionals to develop and design solutions that are functional, attractive and meet the needs of the people using the website.';

	categoryDescription[2] = 'All my life architecture has been my source of inspiration.  To me developing my career towards being an Information Architect, it has become less of a career and more of a learning pathway.  I have focused my attention in the area of sustainable information design.';
	

function highlightTarget(oldclass, newclass, pointerclass, data) {
	resetAll();
	$('#pointer').stop();
	$('.services_content').stop();
	$('#paragraph').html(categoryDescription[data])
	$('.'+oldclass).attr('class', newclass);
	$('.top_shadow_none').attr('class', 'top_shadow');
	$('.bottom_shadow_none').attr('class', 'bottom_shadow');
	$('#pointer').animate({opacity: '1'}, 500).attr('class', pointerclass);
	$('.services_content').animate({opacity: '1'}, 500);
}
function resetTarget(oldclass, newclass, pointerclass) {
	$('#pointer').stop();
	$('.services_content').stop();
	$('.'+oldclass).attr('class', newclass);
	$('.top_shadow').attr('class', 'top_shadow_none');
	$('.bottom_shadow').attr('class', 'bottom_shadow_none');
	$('#pointer').animate({opacity: '0'}, 300).attr('class', pointerclass);
	$('.services_content').animate({opacity: '0'}, 400);
}

function resetAll()
{
	$('.graphic_design_bg').attr('class', 'graphic_design_bg_none');
	$('.interior_design').attr('class', 'interior_design_none');
	$('.drafting_bg').attr('class', 'drafting_bg_none');
	$('.top_shadow').attr('class', 'top_shadow_none');
	$('.bottom_shadow').attr('class', 'bottom_shadow_none');
}
	var ImageArr = new Array();
// JavaScript Document
function loadXMLFile(xmlfile)
{
	var xmlHTTP = null;

	if (window.XMLHttpRequest)
	{// code for all new browsers
		xmlHTTP = new XMLHttpRequest();
	}
	else if (window.ActiveXObject)
	{// code for IE5 and IE6
		xmlHTTP = new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	if(xmlHTTP === null)
		return false;
		
	Math.random()
	xmlHTTP.open("get", xmlfile, false);
	xmlHTTP.send(null);
	return xmlHTTP.responseXML;
}
function prepareXMLCategory(argcatid)
{
	var xmlfile = 'portfolio.xml';
	var objXML = loadXMLFile(xmlfile);
	var y=objXML.getElementsByTagName("category");	
	var category = {};
	var targetElement = document.getElementById('frmCategory');
	if(targetElement.length)
	targetElement.length = 0;
	targetElement.length = y.length + 1;
	targetElement.options[0].text = 'ALL';
	targetElement.options[0].value = 'ALL~ALL';
	for (i=0;i<y.length;i++)
	{
		catName =   y[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		myname = y[i].getElementsByTagName("catid")[0].childNodes[0].nodeValue;
		if(argcatid == myname)
		{
			targetElement.selectedIndex  = i + 1;
		}
		else
		{
			sel = '';
		}
		
		targetElement.options[i+1].text = catName;
		targetElement.options[i+1].value = catName+'~'+myname;
	}
	var argId =  argcatid+'~'+argcatid;
	prepareXMLCategoryProduct(argId);
	getCategoryLevelDescription(y[0].getElementsByTagName("catid")[0].childNodes[0].nodeValue);
}
function prepareXMLCategoryProduct(argCateName)
{
	arr = argCateName.split('~');
	catName = arr[0];
	catId = arr[1];
	
	getCategoryLevelDescription(catId);
	var xmlfile = 'portfolio.xml';
	var objXML = loadXMLFile(xmlfile);
	var y=objXML.getElementsByTagName("category");	
	var selCatId = '';
	var selProjectId = '';
	var targetElement = document.getElementById('frmProduct');
	targetElement.length = 0;
	targetElement.length = y.length + 1;
	targetElement.options[0].text = 'ALL';
	targetElement.options[0].value = catId+'~ALL';
	for (i=0;i<y.length;i++)
	{
		var catName = y[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		var newCatId = y[i].getElementsByTagName("catid")[0].childNodes[0].nodeValue;
		var project = y[i].getElementsByTagName("project");
		if(catId && newCatId)
		{
			if(catId == 'ALL')
			{
				for(j=0; j<project.length; j++)
				{
					projectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
					projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
					projectDeafult = project[j].getElementsByTagName("defaultproject")[0].childNodes[0].nodeValue;
					if(projectDeafult == 'yes')
					{
						targetElement.options[i+1].text = projectName;
						targetElement.options[i+1].value = newCatId+'~'+projectId;
											
					}
					if(j == 0)
					{
						if(selCatId == '' && selProjectId == '')
						{
						selCatId = newCatId;
						selProjectId = projectId;
						}
					}
				}
				for(j=0; j<project.length; j++)
				{
					projectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
					projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
					projectDeafult = project[j].getElementsByTagName("defaultproject")[0].childNodes[0].nodeValue;
					if(projectDeafult != 'yes')
					{
						targetElement.options[i+1].text = projectName;
						targetElement.options[i+1].value = newCatId+'~'+projectId;
						
					}
					if(j == 0)
					{
						if(selCatId == '' && selProjectId == '')
						{
						selCatId = newCatId;
						selProjectId = projectId;
						}
					}
				}
			}
			else
			{
				if(catId == newCatId)
				{
					for(j=0; j<project.length; j++)
					{
						
						projectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
						projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
						projectDeafult = project[j].getElementsByTagName("defaultproject")[0].childNodes[0].nodeValue;
						if(projectDeafult == 'yes')
						{
							targetElement.options[i+1].text = projectName;
							targetElement.options[i+1].value = newCatId+'~'+projectId;
							
						}
						if(j == 0)
						{
							selCatId = newCatId;
							selProjectId = projectId;
						}
					}
					for(j=0; j<project.length; j++)
					{
						
						projectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
						projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
						projectDeafult = project[j].getElementsByTagName("defaultproject")[0].childNodes[0].nodeValue;
						if(projectDeafult != 'yes')
						{
						targetElement.options[i+1].text = projectName;
						targetElement.options[i+1].value = newCatId+'~'+projectId;
						
						}
						if(j == 0)
						{
							selCatId = newCatId;
							selProjectId = projectId;
						}
					}
					
				}
			}
		}
	}
	getProjectLevelDescription (catId+'~ALL');
	prepareImageArray(catId+'~ALL');
}

function prepareImageArray(argProjectData)
{
	document.getElementById('drag').style.left = '2px';
	document.getElementById('content').style.left = '0px';

	arrProjectData = argProjectData.split('~');
	document.getElementById('displayAllImages').style.display = 'none';
	document.getElementById('hide').style.display = '';
	document.getElementById('deptScroller').style.display = '';
	catid = arrProjectData[0];
	projectId = arrProjectData[1];
	var TotalWidth = 0;
	var image = new Image();


	getProjectLevelDescription (catid+'~'+projectId);
	ImgString = '<td valign="top" ><img src=\'common/images/ajax_loader.gif\' alt=\'lodader\' title =\'loader\'/></td>';
	document.getElementById('content').innerHTML = '';
	document.getElementById('content').innerHTML = ImgString;
	var ImgString = '';
	var xmlfile = 'portfolio.xml';
	var objXML = loadXMLFile(xmlfile);
	var y=objXML.getElementsByTagName("category");	
	ctr = 0;
	for (i=0;i<y.length;i++)
	{
		catName = y[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		newCatId = y[i].getElementsByTagName("catid")[0].childNodes[0].nodeValue;
		project = y[i].getElementsByTagName("project");
		if(catid == 'ALL' && projectId == 'ALL')
		{
			for(j=0; j<project.length; j++)
			{
				downloadLink = '';
				newProjectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
				if(project[j].getElementsByTagName("document")[0].childNodes[0])
				{
					downloadLink = project[j].getElementsByTagName("document")[0].childNodes[0].nodeValue;
				}
				else
				{
					downloadLink = '';
				}
				projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
				if(downloadLink)
				{
					//var downlinkhtml = "<div style='margin-top:-50px; padding-right:20px; float:right; z-index:9999; left:720px;background:url(../images/download_new.gif) 0 0 no-repeat; height:21px; ' ><a href= 'download.php?file="+downloadLink+"' style='width:70px; height:21px; float:left;' ><img src='common/images/download_new.gif'></a></div>";
					var downlinkhtml = '<div class=\'download_button\' onclick="location.href=\'download.php?file='+downloadLink+'\'"></div>' ;
				}
				else
				{
					var downlinkhtml = "";
				}
				ImagaData = project[j].getElementsByTagName("image");
				for(k=0; k<ImagaData.length; k++)
				{
					ImageId = ImagaData[k].getElementsByTagName("imageid")[0].childNodes[0].nodeValue;
					ImageArr[ctr] = newCatId+'~'+newProjectId+'~'+ImageId;
					ctr = ctr + 1;
					ImageSrc = ImagaData[k].getElementsByTagName("src")[0].childNodes[0].nodeValue;
					imagename = ImagaData[k].getElementsByTagName("imagename")[0].childNodes[0].nodeValue;
					alt = ImagaData[k].getElementsByTagName("alt")[0].childNodes[0].nodeValue;
					image.src = ImageSrc;
					TotalWidth += parseInt(image.width);
					ImageDescription = ImagaData[k].getElementsByTagName("imagedescription")[0].childNodes[0].nodeValue;
					ImgString += '<td valign="top"   ><img src=\''+ImageSrc+'\' id=\'img8\'  alt=\''+alt+'\'   title=\''+imagename+'\'   />'+downlinkhtml+'</td>';
				}
			}
			
		}
		else if(projectId == 'ALL')
		{
			if(catid == newCatId)
			{
				for(j=0; j<project.length; j++)
				{
					downloadLink = '';
					newProjectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
					projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
					if(project[j].getElementsByTagName("document")[0].childNodes[0])
					{
						downloadLink = project[j].getElementsByTagName("document")[0].childNodes[0].nodeValue;
					}
					else
					{
						downloadLink = '';
					}
					ImagaData = project[j].getElementsByTagName("image");
					if(downloadLink)
					{
						//var downlinkhtml = "<div style='margin-top:-50px; padding-right:20px; float:right; z-index:9999;  left:720px; ' ><a href= 'download.php?file="+downloadLink+"' ><img src='common/images/download_new.gif'></a></div>";
						var downlinkhtml = '<div class=\'download_button\' onclick="location.href=\'download.php?file='+downloadLink+'\'"></div>' ;
					}
					else
					{
						var downlinkhtml = "";
					}
					for(k=0; k<ImagaData.length; k++)
					{
						ImageId = ImagaData[k].getElementsByTagName("imageid")[0].childNodes[0].nodeValue;
						ImageSrc = ImagaData[k].getElementsByTagName("src")[0].childNodes[0].nodeValue;
						imagename = ImagaData[k].getElementsByTagName("imagename")[0].childNodes[0].nodeValue;
						ImageArr[ctr] = newCatId+'~'+newProjectId+'~'+ImageId;
						ctr = ctr + 1;
						
						image.src = ImageSrc;
						TotalWidth += parseInt(image.width);
						alt = ImagaData[k].getElementsByTagName("alt")[0].childNodes[0].nodeValue;
						ImageDescription = ImagaData[k].getElementsByTagName("imagedescription")[0].childNodes[0].nodeValue;
						ImgString += '<td valign="top"  ><img src=\''+ImageSrc+'\' id=\'img8\' alt=\''+alt+'\'   title=\''+imagename+'\'  />'+downlinkhtml+'</td>';
					}
				}
			}
		}		
		else if(projectId != 'ALL' && catid == 'ALL' )
		{
			for(j=0; j<project.length; j++)
			{
				ddownloadLink = '';
				newProjectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
				projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
				if(project[j].getElementsByTagName("document")[0].childNodes[0])
				{
					downloadLink = project[j].getElementsByTagName("document")[0].childNodes[0].nodeValue;
				}
				else
				{
					downloadLink = '';
				}
				ImagaData = project[j].getElementsByTagName("image");
				if(downloadLink)
				{
					//var downlinkhtml = "<div style='margin-top:-50px; padding-right:20px; float:right; z-index:9999;  left:720px; ' ><a href= 'download.php?file="+downloadLink+"' ><img src='common/images/download_new.gif'></a></div>";
					var downlinkhtml = '<div class=\'download_button\' onclick="location.href=\'download.php?file='+downloadLink+'\'"></div>' ;
				}
				else
				{
					var downlinkhtml = "";
				}
				if(projectId == newProjectId)
				{
					for(k=0; k<ImagaData.length; k++)
					{
						ImageId = ImagaData[k].getElementsByTagName("imageid")[0].childNodes[0].nodeValue;
						ImageSrc = ImagaData[k].getElementsByTagName("src")[0].childNodes[0].nodeValue;
						imagename = ImagaData[k].getElementsByTagName("imagename")[0].childNodes[0].nodeValue;
						ImageArr[ctr] = newCatId+'~'+newProjectId+'~'+ImageId;
						ctr = ctr + 1;
						
						image.src = ImageSrc;
						TotalWidth += parseInt(image.width);
						alt = ImagaData[k].getElementsByTagName("alt")[0].childNodes[0].nodeValue;
						ImageDescription = ImagaData[k].getElementsByTagName("imagedescription")[0].childNodes[0].nodeValue;
						ImgString += '<td valign="top"  ><img src=\''+ImageSrc+'\' id=\'img8\' alt=\''+alt+'\'   title=\''+imagename+'\'  />'+downlinkhtml+'</td>';
					}
				}
				
			}
		}
		else
		{
			if(catid == newCatId)
			{
				for(j=0; j<project.length; j++)
				{
					downloadLink = '';
					newProjectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
					projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
					if(project[j].getElementsByTagName("document")[0].childNodes[0])
					{
						downloadLink = project[j].getElementsByTagName("document")[0].childNodes[0].nodeValue;
					}
					else
					{
						downloadLink = '';
					}
					if(downloadLink)
					{
						var downlinkhtml = '<div class=\'download_button\' onclick="location.href=\'download.php?file='+downloadLink+'\'"></div>' ;
					}
					else
					{
						var downlinkhtml = "";
					}
					if(newProjectId == projectId)
					{
						ImagaData = project[j].getElementsByTagName("image");
						for(k=0; k<ImagaData.length; k++)
						{
							ImageId = ImagaData[k].getElementsByTagName("imageid")[0].childNodes[0].nodeValue;
							imagename = ImagaData[k].getElementsByTagName("imagename")[0].childNodes[0].nodeValue;
							ImageArr[ctr] = newCatId+'~'+newProjectId+'~'+ImageId;
							ctr = ctr + 1;
							
							alt = ImagaData[k].getElementsByTagName("alt")[0].childNodes[0].nodeValue;
							ImageSrc = ImagaData[k].getElementsByTagName("src")[0].childNodes[0].nodeValue;
							image.src = ImageSrc;
							TotalWidth += parseInt(image.width);
							//downlinkhtml = '';
							ImageDescription = ImagaData[k].getElementsByTagName("imagedescription")[0].childNodes[0].nodeValue;
							ImgString += '<td valign="top" ><img src=\''+ImageSrc+'\' id=\'img8\' alt=\''+alt+'\'   title=\''+imagename+'\' /> '+downlinkhtml+'</td>';
						}
					}
					
				}
			}
		
		}
	}

	document.getElementById('content').innerHTML = '';
	document.getElementById('content').innerHTML = '<table style="text-align:center;" cellpadding="0" cellspacing="2"><tr>'+ImgString+'</tr></table>';
	scrollMe();
	//scrollMe();init()
}

function getCategoryLevelDescription(argCatId)
{
	var xmlfile = 'portfolio.xml';
	var objXML = loadXMLFile(xmlfile);
	var y=objXML.getElementsByTagName("category");	
	for (i=0;i<y.length;i++)
	{
		catName = y[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		newCatId = y[i].getElementsByTagName("catid")[0].childNodes[0].nodeValue;
		categoryDescription = y[i].getElementsByTagName("description")[0].childNodes[0].nodeValue;
		if(newCatId == argCatId)
		{
			//document.getElementById('description').innerHTML = categoryDescription;
		}
	}
}

function getImageLevelDescription(argData)
{
	arr = argData.split('~');
	catid = arr[0];
	projectId = arr[1];
	argImageId = arr[2];
	var xmlfile = 'portfolio.xml';
	var objXML = loadXMLFile(xmlfile);
	var y=objXML.getElementsByTagName("category");	
	for (i=0;i<y.length;i++)
	{
		catName = y[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		newCatId = y[i].getElementsByTagName("catid")[0].childNodes[0].nodeValue;
		project = y[i].getElementsByTagName("project");
		if(catid == newCatId)
		{
			for(j=0; j<project.length; j++)
			{
				newProjectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
				projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
				ImagaData = project[j].getElementsByTagName("image");
				if(newProjectId == projectId)
				{
					for(k=0; k<ImagaData.length; k++)
					{
						ImageId = ImagaData[k].getElementsByTagName("imageid")[0].childNodes[0].nodeValue;
						imagename = ImagaData[k].getElementsByTagName("imagename")[0].childNodes[0].nodeValue;
						ImageDescription = ImagaData[k].getElementsByTagName("imagedescription")[0].childNodes[0].nodeValue;
						if(ImageId == argImageId)
						{
							document.getElementById('heading').innerHTML = imagename;
							document.getElementById('description').innerHTML = ImageDescription;
						}
					}
				}
			}
		}
	}
	
}var assigned = true;
function getProjectLevelDescription(argData)
{
	arrData = argData.split('~');
	catid = arrData[0];
	
	projectid = arrData[1];


	var xmlfile = 'portfolio.xml';
	var objXML = loadXMLFile(xmlfile);
	var y=objXML.getElementsByTagName("category");	
	flag = 'no';
	for (i=0;i<y.length;i++)
	{
		catName = y[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		newCatId = y[i].getElementsByTagName("catid")[0].childNodes[0].nodeValue;
		categoryDescription = y[i].getElementsByTagName("description")[0].childNodes[0].nodeValue;
		project = y[i].getElementsByTagName("project");
		if(projectid == 'ALL' && catid != 'ALL')
		{
			if(catid == newCatId)
			{
				document.getElementById('heading').innerHTML = catName;
				document.getElementById('description').innerHTML = categoryDescription;
			}
		}
		else if(projectid == 'ALL' && catid == 'ALL')
		{
			for(j=0; j<project.length; j++)
			{
				newProjectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
				projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
				ImagaData = project[j].getElementsByTagName("image");
				for(k=0; k<ImagaData.length; k++)
				{
					if(k == 0)
					{
						
					imagename = ImagaData[0].getElementsByTagName("imagename")[0].childNodes[0].nodeValue;
					ImageDescription = ImagaData[0].getElementsByTagName("imagedescription")[0].childNodes[0].nodeValue;
						if(flag == 'no')
						{
							flag = 'yes';
							document.getElementById('heading').innerHTML = imagename;
							document.getElementById('description').innerHTML = ImageDescription;
						}
					}

				}
			}

		}else if(projectid != 'ALL' && catid == 'ALL')
		{
			for(j=0; j<project.length; j++)
			{
				newProjectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
				projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
				ImagaData = project[j].getElementsByTagName("image");
				if(projectid == newProjectId)
				{
					for(k=0; k<ImagaData.length; k++)
					{
						if(k == 0)
						{
							
						imagename = ImagaData[0].getElementsByTagName("imagename")[0].childNodes[0].nodeValue;
						ImageDescription = ImagaData[0].getElementsByTagName("imagedescription")[0].childNodes[0].nodeValue;
							if(flag == 'no')
							{
								flag = 'yes';
								document.getElementById('heading').innerHTML = imagename;
								document.getElementById('description').innerHTML = ImageDescription;
							}
						}
	
					}
				}
			}

		}
		else if(catid == newCatId)
		{
			for(j=0; j<project.length; j++)
			{
				newProjectid = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
				projectdescription = project[j].getElementsByTagName("projectdescription")[0].childNodes[0].nodeValue;
				projectname = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
				if(projectid == newProjectid)
				{
						document.getElementById('heading').innerHTML = projectname;
						document.getElementById('description').innerHTML = projectdescription;
				}
			}
		}
	}

}
function getListViewPageDetails()
{
	
	document.getElementById('deptScroller').style.display = 'none';
	ImgString = '<img src=\'common/images/ajax_loader.gif\' alt=\'lodader\' title =\'loader\'/>';
	document.getElementById('content').innerHTML = '';
	document.getElementById('content').innerHTML = ImgString;
	prepareAllImageDropDown();
	scrollMe();
	html = '<div id="portfolio_container"><table width="807" border="0" cellspacing="0" cellpadding="0" class="border"><tr  class="bg"><td class="col"><b>CATEGORY</b></td><td  class="col1"><b>PROJECT</b></td><td class="col2"><b>NUMBER OF IMAGES</b></td><td class="col3"><b>DESCRIPTION</b></td></tr>';
	var xmlfile = 'portfolio.xml';
	var objXML = loadXMLFile(xmlfile);
	var classShow = 'bg2';
	var y=objXML.getElementsByTagName("category");	
	for (i=0;i<y.length;i++)
	{
		
		catName = y[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		newCatId = y[i].getElementsByTagName("catid")[0].childNodes[0].nodeValue;
		project = y[i].getElementsByTagName("project");
			for(j=0; j<project.length; j++)
			{
					if(classShow == '')
					{
						classShow = 'bg2';
					}
					else
					{
						classShow = '';
					}
				html += '<tr class=\''+classShow+'\'>';
				html += '<td  class="col">'+catName+'</td>';
				newProjectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
				projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
				projectStatus = project[j].getElementsByTagName("projectstatus")[0].childNodes[0].nodeValue;
				projectDescription = project[j].getElementsByTagName("projectdescription")[0].childNodes[0].nodeValue;
				html += '<td class="col1">'+projectName +'</td>';
				ImagaData = project[j].getElementsByTagName("image");
				argId = newCatId+'~'+newProjectId;
				html += '<td class="col2"><a href="#" onclick="prepareXMLCategory(\''+newCatId+'\');prepareNewProduct(\''+argId+'\');prepareImageArray(\''+argId+'\'); return false;" >'+ImagaData.length +'</a></td>';
				html += '<td class="col3"><a href="#" onclick="prepareXMLCategory(\''+newCatId+'\');prepareNewProduct(\''+argId+'\');prepareImageArray(\''+argId+'\'); return false;" >';
				if(projectDescription.length > 100)
				{
					html += projectDescription.substr(0,100)+'...';
				}
				else
				{
					html += projectDescription;
				}

				html += '</a></td></tr>';
				
			}
	}
	html += '</table><span style="clear:both;"></span></div><span style="clear:both;"></span>';
	document.getElementById('content').innerHTML = html;
//	document.getElementById('heading').innerHTML = '';
	//document.getElementById('description').innerHTML = '';
	document.getElementById('drag').style.left = '2px';
	document.getElementById('content').style.left = '0px';
}

function prepareNewProduct(argCateName)
{
	arr = argCateName.split('~');
	catid = arr[0];
	argprojectid = arr[1];
	var xmlfile = 'portfolio.xml';
	var objXML = loadXMLFile(xmlfile);
	var y=objXML.getElementsByTagName("category");	
	var selCatId = '';
	var selProjectId = '';
	var targetElement = document.getElementById('frmProduct');
	targetElement.length = 0;
	targetElement.length = 1;
	targetElement.options[0].text = 'ALL';
	targetElement.options[0].value = catId+'~ALL';
	
	for (i=0;i<y.length;i++)
	{
		var catName = y[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		var newCatId = y[i].getElementsByTagName("catid")[0].childNodes[0].nodeValue;
		var project = y[i].getElementsByTagName("project");
		if(catid && newCatId)
		{
				if(catid == newCatId)
				{
					
					for(j=0; j<project.length; j++)
					{
						targetElement.length = targetElement.length + 1;
						
						projectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
						projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
						projectDeafult = project[j].getElementsByTagName("defaultproject")[0].childNodes[0].nodeValue;
						targetElement.options[targetElement.length-1].text = projectName;
						targetElement.options[targetElement.length-1].value = newCatId+'~'+projectId;
						
						if(projectId == argprojectid)
						{
							targetElement.selectedIndex  = targetElement.length -1 ;
						}
						else
						{
							sel = '';
						}
					 
						if(j == 0)
						{
							selCatId = newCatId;
							selProjectId = projectId;
						}
					}
					
				}
		}
	}
}

function prepareAllImageDropDown()
{
	var ImgString = '';
	var xmlfile = 'portfolio.xml';
	var objXML = loadXMLFile(xmlfile);
	var targetElement = document.getElementById('frmImageValue');
	if(targetElement.length)
	targetElement.length = 0;
	targetElement.length = 1;
	targetElement.options[0].text = 'ALL';
	targetElement.options[0].value = 'ALL~ALL';	
	var y=objXML.getElementsByTagName("category");	
	for (i=0;i<y.length;i++)
	{
		catName = y[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		newCatId = y[i].getElementsByTagName("catid")[0].childNodes[0].nodeValue;
		project = y[i].getElementsByTagName("project");
			for(j=0; j<project.length; j++)
			{
				newProjectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
				projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
				ImagaData = project[j].getElementsByTagName("image");
				for(k=0; k<ImagaData.length; k++)
				{
					ImageId = ImagaData[k].getElementsByTagName("imageid")[0].childNodes[0].nodeValue;
					ImageSrc = ImagaData[k].getElementsByTagName("src")[0].childNodes[0].nodeValue;
					ImageName = ImagaData[k].getElementsByTagName("imagename")[0].childNodes[0].nodeValue;
					selectValue = newCatId+'~'+newProjectId;
					targetElement.length = targetElement.length + 1;
					targetElement.options[targetElement.length - 1].text = ImageName;
					targetElement.options[targetElement.length - 1].value = selectValue;	
				}
			}
	}
	document.getElementById('displayAllImages').style.display = '';
}

function prepareListView(argPassData)
{

	arr = argPassData.split('~');
	catId = arr[0];
	projectId = arr[1];
	document.getElementById('deptScroller').style.display = 'none';
//	prepareAllImageDropDown();
	if(catId == 'ALL' && projectId == 'ALL')
	{
		getListViewPageDetails();
	}
	else
	{	
	html = '<div id="portfolio_container"><table width="807" border="0" cellspacing="0" cellpadding="0" class="border"><tr  class="bg"><td class="col"><b>CATEGORY</b></td><td  class="col1"><b>PROJECT</b></td><td  class="col2"><b>NUMBER OF IMAGES</b></td><td class="col3"><b>STATUS</b></td></tr>';
	var xmlfile = 'portfolio.xml';
	var objXML = loadXMLFile(xmlfile);
	var y=objXML.getElementsByTagName("category");	
	classShow = 'bg2';
	for (i=0;i<y.length;i++)
	{
		
		catName = y[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		newCatId = y[i].getElementsByTagName("catid")[0].childNodes[0].nodeValue;
		project = y[i].getElementsByTagName("project");
		if(catId == newCatId)
		{
			for(j=0; j<project.length; j++)
			{
				newProjectId = project[j].getElementsByTagName("projectid")[0].childNodes[0].nodeValue;
				projectName = project[j].getElementsByTagName("projectname")[0].childNodes[0].nodeValue;
				projectStatus = project[j].getElementsByTagName("projectstatus")[0].childNodes[0].nodeValue;
				projectDescription = project[j].getElementsByTagName("projectdescription")[0].childNodes[0].nodeValue;
				if(newProjectId == projectId)
				{
					if(classShow == '')
					{
						classShow = 'bg2';
					}
					else
					{
						classShow = '';
					}
				html += '<tr class=\''+classShow+'\'>';
				html += '<td  class="col">'+catName+'</td>';
				html += '<td class="col1">'+projectName +'</td>';
				ImagaData = project[j].getElementsByTagName("image");
				argId = newCatId+'~'+newProjectId;
				html += '<td class="col2"><a href="#" onclick="prepareXMLCategory(\''+newCatId+'\');prepareNewProduct(\''+argId+'\');prepareImageArray(\''+argId+'\'); return false;" >'+ImagaData.length +'</a></td>';
				html += '<td class="col3"><a href="#" onclick="prepareXMLCategory(\''+newCatId+'\');prepareNewProduct(\''+argId+'\');prepareImageArray(\''+argId+'\'); return false;" >';
								if(projectDescription.length > 100)
				{
					html += projectDescription.substr(0,100)+'...';
				}
				else
				{
					html += projectDescription;
				}

				html += '</a></td></tr>';
				}
			}
				
			}
	}
	html += '</table></div>';
	
	document.getElementById('content').innerHTML = html;
	}
//	document.getElementById('hide').style.display = 'none';
	document.getElementById('drag').style.left = '2px';
	document.getElementById('content').style.left = '0px';

}
function validateContactForm(objForm)
{
	if(validateForm(objForm, 'frmName', 'Name', 'R', 'frmPhone', 'Phone', 'R', 'frmEmail', 'Email', 'RisEmail', 'frmSubject', 'Subject', 'R', 'frmSecurityCode', 'Verification Code', 'R'))
	{
		return true;
	}
	else
	{
		return false;
	}
}

function createErrorNode(fieldID, error, insertedPosition)
{
	if(insertedPosition != 'beforeLabel')
	{
		newNode = document.createElement('label');
		//alert(newNode)
		newNode.setAttribute("class", "error");
		
		newNode.id = 'error_'+fieldID;
		newNode.innerHTML = error;
		newNode.style.color = '#FF0000';
		newNode.style.fontSize = '12px';
		newNode.style.padding = '0 0 10px 20px';
		newNode.style.width = 'auto';
		newNode.style.marginTop = '5px';
		newNode.style.backgroundImage = 'url(common/images/error.gif)';
		newNode.style.backgroundRepeat = 'no-repeat';
		document.getElementById(fieldID).onkeydown = function () { document.getElementById('error_'+fieldID).style.display = 'none';}
		parentNode = document.getElementById(fieldID).parentNode;
		parentNode.insertBefore(newNode,  document.getElementById(fieldID).nextSibling);
	}
	else
	{
		newNode = document.createElement('div');
		newNode.setAttribute("class", "error");
		newNode.id = 'error_'+fieldID;
		newNode.innerHTML = error;
		newNode.style.color = '#FF0000';
		newNode.style.width = 'auto';
		newNode.style.marginBottom = '5px';
		
		/*
		var oImg=document.createElement("img");
		oImg.setAttribute('src', 'common/images/error.gif');
		oImg.setAttribute("class", "error");
		oImg.style.marginLeft = '3px';
		oImg.id = 'error-image-'+fieldID;
		if(document.getElementById(fieldID).id == 'frmSecurityCode')
		{
			oImg.style.marginTop = '20px';
		}
		else
		{
			oImg.style.marginTop = '3px';	
		}
		*/
		
		
		document.getElementById(fieldID).onkeydown = function () 
		{ 
			document.getElementById('error_'+fieldID).style.display = 'none';
			document.getElementById('error-image-'+fieldID).style.display = 'none';	
		}
		
		parentNode = document.getElementById(fieldID).parentNode;
		parentNode.insertBefore(newNode,  document.getElementById(fieldID+'-label'));
		document.getElementById('error-image-'+fieldID).style.display = 'block';
		//parentNode.insertBefore(oImg,  document.getElementById(fieldID).nextSibling);
		
		
	}
}
function removeErrorNodes(insertedPosition)
{
	if(insertedPosition != 'beforeLabel')
	{
		arrLabelElements = document.getElementsByTagName('label');
		for(i=0; i<arrLabelElements.length; i++)
		{
			currentElement = arrLabelElements [i];
			if(currentElement.getAttribute('class') == 'error')
			{
				currentElement.parentNode.removeChild(currentElement);
			}
		}
	}
	else
	{
		arrLabelElements = document.getElementsByTagName('div');
		for(i=0; i<arrLabelElements.length; i++)
		{
			currentElement = arrLabelElements [i];
			if(currentElement.getAttribute('class') == 'error')
			{
				//alert(currentElement.id);
				var idSplit = currentElement.id.split("_");
				document.getElementById('error-image-'+idSplit[1]).style.display = 'none';
				currentElement.parentNode.removeChild(currentElement);
			}
		}
	}
}

function validateForm() 
{ 
	var insertedPosition = 'beforeLabel';
	var i,p,q,nm,test,num,min,max,errors='', glb_errors = '',args=validateForm.arguments;
	j=0;
	
	var regEmail = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
	var regBlank = /[^\s]/;
	
	//var regSpace = /^([a-zA-Z0-9_\!#@^&*%~-]+)$/;
	var regSpace = /^([a-zA-Z0-9-/_!#@]+)$/;
    var regAlphaNum = /^([a-zA-Z0-9_#@]+)$/;
	var regDate = /^([0-9_]+-[0-9][0-9]+-[0-9][0-9]+)$/; 
  	var regChar = /^([a-zA-Z]+)$/;
	var regNumeric = /^([0-9]+)$/; 
	var regDecimal = /^([0-9]+|(\.?)[0-9]+)$/;
	var regDecimal = /^([0-9]{0,20}\.?[0-9]{1,2})$/;
	
	removeErrorNodes(insertedPosition);
	
	for (i=1; i<(args.length-2); i+=3) 
	{	
		errors='';
		mesg=args[i+1];
		test=args[i+2]; 
		val=document.forms[""+args[0]].elements[""+args[i]];
		if(document.forms[""+args[0]].elements[""+args[i]].getAttribute('id')) 
		{ 
			element = document.forms[""+args[0]].elements[""+args[i]].getAttribute('id');
		}
		else
		{
			element = document.forms[""+args[0]].elements[""+args[i]].getAttribute('name');	
		}
		if (val && (val.disabled == false)) 
		{	
			nm=mesg; 
			noVal = val;
			val = val.value;
			if(regBlank.test(val))
			{
				if(test.indexOf('isEqual')!=-1)
				{
					result = trim(val);

					if(result.length==0)
					{
						errors += nm+' is required.<br />'; 
					}
					else
					{
						
						equal_obj_val = test.substring(8,test.indexOf(":"));
						mesg_string =test.substring((test.indexOf(":")+1));
						if(val != document.forms[""+args[0]].elements[""+equal_obj_val].value)
						{ 
							errors+= nm+' and '+mesg_string+' must be same.<br />';
						}
					}
				}
				else if(test.indexOf('isPassword')!=-1)
				{ 
					var min = 7, max = 18;
					result = trim(val);
					if(result.length==0)
					{
						errors +=  nm+' is required.<br />'; 
					} 
					else 
					{
						//check whether the password matching is to be done
						if(test.indexOf(":") > -1)
						{
							equal_obj_val = test.substring(12);
							var valConf =  document.forms[""+args[0]].elements[""+equal_obj_val].value;
							//mesg_string = document.forms[""+args[0]].elements[""+test.substring((test.indexOf(":")+1))].name;
							mesg_string = 'Password';
							valConfLength = valConf.length;
	
							if(!regSpace.test(valConf))
							{
								errors += nm+' is not valid.<br />';
							}
							if(val != valConf)
							{ 
								errors+=nm+' and '+mesg_string+' must be same.<br />';
							}
							if(valConfLength<min || max<valConfLength) 
							{
								errors+=nm+'  between '+min+' and '+max+'.<br />';
							}
						}
						else
						{
							if(!regSpace.test(val))
							{
								errors += nm+' is not valid.<br />';
							}
							if(val.length<min || max<val.length)
							{
								errors+=nm+'  between '+min+' and '+max+'.<br />';
							}
						}
				 	}
				}
				else if(test.indexOf('isAlphaNum')!=-1)
				{
					result = trim(val);
					if(result.length==0)
					{
						errors += nm+' is required.<br />'; 
					}
					else
					{
						if(!regAlphaNum.test(val))
						{
							errors += nm+' is not valid.<br />';
						}
					}
				}
				else if(test.indexOf('isNumeric')!= -1)
				{
					if(!regNumeric.test(val))
					{
						errors += nm+' must contain a numeric value.<br />';
						
					}
				}
				else if(test.indexOf('isDecimal') != -1)
				{
					if(!regDecimal.test(val))
					{
						errors += nm+' must contain a valid decimal number.<br />';
					}
				}
				else if(test.indexOf('isSpace')!=-1)
				{
					result = trim(val);
					
					if(result.length==0)
					{
						errors += nm+' is required.<br />'; 
					}
					else
					{
						if(!regSpace.test(val))
						{
							errors += nm+' is not valid.<br />';
						}
					}
				}
				else if (test.indexOf('isEmail')!=-1) 
				{ 
					p=val.indexOf('@');
					s=val.indexOf('.');
			        if (p<1 || p==(val.length-1))
					{
						errors+=nm+' must contain an e-mail Address.<br />';
		
					}
					else if(!regEmail.test(val))
					{
						errors+=nm+' must contain a valid e-mail Address.<br />';
					}
			    }
				else if (test.indexOf('isUrl')!=-1) 
				{ 
					p=val.indexOf('http://');
					s=val.indexOf('.');
			        if (p<0 || p==(val.length-1))
					{
						errors+=nm+' must be valid URL e.g. http://www.abc.com<br />';
					}
					else if(s<p || s==(val.length-1))
					{
						errors+=nm+' must be valid URL e.g. http://www.abc.com<br />';
					}
			    }
				else if (test.indexOf('isChar')!=-1) 
				{ 
					var first_char;
					
					if(val.match(regChar)==null)
					{
					 	errors+=nm+' must contain a character.<br />';
					}
			    }
				else if(test.indexOf('isCheckbox')!=-1)//Check is check box is not checked generate error
				{	
					var valueCheckbox = noVal.checked;
					if(!valueCheckbox)
					{
						errors+=' Accept terms and Conditions.<br />';
					}
				}
				else if (test.charAt(0)=='R')
				{
					result = trim(val);
					if(result.length==0){
						
					errors += nm+' is required.<br />'; 
					}
				}
			}
			else if (test.charAt(0)=='R')
			{
				result = trim(val);
				if(result.length==0)
				{
					errors += nm+' is required.<br />'; 
				}
			}
		
			if (test.indexOf('isDate')!=-1) 
			{ 
				//alert("vineet");
				p=val.indexOf('-');
				// alert(test.indexOf('isDate'));
				var sliptdate	= val.split("-");
				
				/*******************Added by rupesh Date is not before current date and month*********************/
				var today=new Date(),TY=today.getFullYear(),TM=today.getMonth(),TD=today.getDate(),TH=today.getHours();
				TM+=1;			
				if(TM<=9) 
				{	
					TM='0'+TM;
				}
				if(TD<=9)
				{
					TD='0'+TD;
				}
				/*******************Added by rupesh*********************/
				
				var sY=sliptdate[0];
				var sM=sliptdate[1];
				var sD=sliptdate[2];
				
				/*******************Added by rupesh*********************/
				//alert(TM);
				if(sY>1)
				{     
					if(sY<TY )
					{
						errors+=nm+' should be greater than current date.<br />';
					}
					else if(sM==TM && sD<TD && sY==TY) 
					{ 
						errors+=nm+' should be greater than current date.<br />';
					}
					else if(sM<TM && sY==TY) 
					{ 
						errors+=nm+' should be greater than current date.<br />';
					}
				}
			}
			if(errors !="")
			{	
				//document.forms[""+args[0]].elements[""+args[i]].setAttribute('class', 'error_form');
				glb_errors += errors;
				
				createErrorNode(element, errors, insertedPosition);
				if(j<=0)
				{
					focusitem = document.forms[""+args[0]].elements[""+args[i]];
					j++;
				}	
			}
		}
	} 
	if(glb_errors)
	{
		focusitem.focus();
		return false;
	}
	else
		return true;
	
	document.MM_returnValue = (errors == '');
}

function ltrim(str) { 
	for(var k = 0; k < str.length && isWhitespace(str.charAt(k)); k++);
	return str.substring(k, str.length);
}

function rtrim(str) {
	for(var j=str.length-1; j>=0 && isWhitespace(str.charAt(j)) ; j--) ;
	return str.substring(0,j+1);
}

function trim(str) {
	return ltrim(rtrim(str));
}

function isWhitespace(charToCheck) {
	var whitespaceChars = " \t<br />\r\f";
	return (whitespaceChars.indexOf(charToCheck) != -1);
}