var about_me=function(){
	$('#site_details').append('<div id="site_details_lower_border"></div>').append('<div><h2>About me</h2><p>I am a Boulder, CO-based <strong>web designer</strong>/<strong>developer</strong>.</p><p>My skills include:</p><ul><li>CSS/XHTML <em>(Standards-compliant CSS, semantic XHTML markup)</em></li><li>Content management systems <em>(WordPress, Joomla!, Pixelpost, Textpattern)</em></li><li>PHP/MySQL/XML <em>(CodeIgniter framework)</em></li><li>JavaScript <em>(jQuery, Prototype/Scriptaculous, JSON, ActionScript)</em></li><li>Design <em>(Adobe Photoshop, Adobe Fireworks)</em></li><li>Adobe Dreamweaver, Microsoft Expression Web, Adobe Flash</li><li>Eclipse, Aptana Studio, NetBeans <em>(IDEs)</em></li></ul><p>You can contact me by <a href="mailto:pthesis@pthesis.com">e-mail</a> or via <a href="http://pranshuarya.com/jaal/Contact-me/Pranshu-Arya.html" alt="Pranshu Arya - web developer">this</a> form.  My resume can be viewed <a href="http://pranshuarya.com/jaal/my-resume.html" alt="Pranshu Arya - web developer" target="_blank">here</a>, and my personal site can be seen <a href="http://pranshuarya.com">here</a>.</p><h2>About this site</h2><p>I designed and developed this site from scratch.  It is CSS-based XHTML markup, which is all I do - no tables in design.  The portfolio front-end is hand-coded in jQuery, with the data generated dynamically from a database via a PHP file.  The data is pulled from the database into an XML file where jQuery helps render it into what you see.  My goal was to have it be simple, functional, and easily expandable.</p><p>Click below to view the Flash version of this site.<br /><a href="http://pranshuarya.com/pthesis/flash.html" title="Click to view Flash version"><img src="images/flash_logo.png" alt="Flash version of portfolio" /></a></p></div>')
return
}
var scroll_pane=function() {
	$('.scroll-pane').jScrollPane()
}
var initial_list=function(){
	$.get('data.php',function(data){
		$(data).find('site').each(function(){
			var $entry=$(this)
			var $site_title=$entry.find('site_title').text()
			var html_site='<li>'+$site_title+'</li>'
			$('#sites ul').append($(html_site))

	/*		$('#sites li:first').css({'background-image':'url(images/new2.png)','background-repeat':'no-repeat'})    */
			return
		})
		site_details()
		scroll_pane()
		return
	})
	return
}
var site_details=function(){
	$.get('data.php',function(data){
		$('#sites ul li').bind('click',function(){
//			pageTracker._trackEvent('site','click',$(this).text())
			var index=$('#sites ul li').index(this)
			$('#site_details').empty().append('<div id="site_details_lower_border"></div>')
			$('li:not(this)').removeClass('selected')
			$(this).addClass('selected')
			$imageURL=$(data).find('imageURL').eq(index).text()
			$skills=$(data).find('skills_used').eq(index).text()
			$siteURL=$(data).find('siteURL').eq(index).text()
			var html_image='<div><a href="'+$siteURL+'"><img src="'+$imageURL+'" /></a></div>'
			$('#site_details').append($(html_image))
			$('#site_details div').addClass('screenshot')
			if($(data).find('imageURL2').eq(index).text()!=''){
				$imageURL2=$(data).find('imageURL2').eq(index).text()
				var html_image2='<div>'
				if($(data).find('siteURL2').eq(index)){
					$siteURL2=$(data).find('siteURL2').eq(index).text()
					html_image2+='<a href="'+$siteURL2+'"><img src="'+$imageURL2+'" /></a></div>'
				}
				else
				html_image2+='<a href="'+$siteURL+'"><img src="'+$imageURL2+'" /></a></div>'
				$('#site_details').append($(html_image2))
				$('#site_details div').addClass('screenshot')
			}
			else
			$('#site_details div.screenshot').removeClass('screenshot').addClass('screenshot_single')
			$('a[@href^=http]').attr({'target': '_blank'}).attr({'title': 'Visit site'})
			if($(data).find('description').eq(index)){
				$desc=$(data).find('description').eq(index).text()
				var html_desc='<div id="description">'+$desc+'</div>'
				$('#site_details').append($(html_desc))
			}
			if($(data).find('site_details').eq(index)!=''){
				$details=$(data).find('site_details').eq(index).text()
				var html_details='<div id="details"><br />'+$details+'</div>'
				$('#site_details').append($(html_details))
			}
			var html_skills='<div id="skills"><strong>Skills used:</strong><br />'+$skills+'</div>'
			$('#site_details').append($(html_skills))
			$('div#site_details a').track({category : 'site_details', label: function(element) {return element.attr('href')}, action: 'click'});
			$('div#site_details a').trackEvent({title : 'site_details', label : function(element) {return element.attr('href')}})
			return
		})
		return
	})
	return
}
var category_list=function(){
	$.get('categories.php',function(cats){
		$(cats).find('categories').each(function(){
			var $entry=$(this)
			var $cat=$entry.find('category').text()
			var category='<li>'+$cat+'</li>'
			$('#categories ul').append($(category))
			return
		})
		return
	})
	return
}
var reset_sites=function(){
	$.throbberShow({image:'images/ajax-loader.gif',parent:'#sites'})
	$('#site_details').empty().append('<div id="site_details_lower_border"></div>')
	$('#sites').empty().append('<div id="sites_border"></div>').append('<div id="refine_by">Refine by category</div>').append('<ul class="scroll-pane">')
	$('#categories').hide('slow')
	initial_list()
	site_details()
	cat_filter()
	return
}
var cat_box_close=function(){
	$('#categories').hide('slow').empty()
	$('#refine_by').text('Refine by category')
	$('#site_details').empty()
	about_me()
	return
}
var cat_filter=function(){
	$.get('categories.php',function(cats){
		$('#refine_by').one('click',function(){
			// $('#categories').append('<div id="category_close"><a href="#" title="close">X</a></div>').append('<div id="categories_lower_border"></div>').show('slow').append('<ul>')
				$('#categories').append('<div id="categories_lower_border"></div>').show('slow').append('<ul>')

			/*** list of categories ***/
			$(cats).find('categories').each(function(){
				var $entry=$(this)
				var $cat=$entry.find('category').text()
				var category='<li>'+$cat+'</li>'
				$('#categories ul').append($(category))
			})
			
			/*** list of CMS platforms for CMS category mouseover ***/
			$('#categories ul li:eq(0)').mouseover(function() {
				$('#cms_list').show('slow')
			}).mouseout(function() {
				$('#cms_list').hide('slow')
			}).click(function() {
			$('#cms_list').hide('slow')
			});
			
			/*** hide list of categories ***/
			$('#category_close').click(function(){
				$('#categories').hide('slow').empty()
			})
			
			/*** after clicking on a site in a refined-by category ***/
			$('#categories ul li').bind('click',function(){
//				pageTracker._trackEvent('category','click',$(this).text())
				var index=$('#categories ul li').index(this)
				$.throbberShow({image:'images/ajax-loader.gif',parent:'#sites'})
				$.get(index+".php",function(data){
					
					/*** if the category contains any sites ***/
					if($(data).find('site_title').eq(0).text()!=''){
						var $category=$(cats).find('category').eq(index).text()
						$('#sites').empty().append('<div id="sites_border"></div>').append('<div id="refine_by">Refine by category</div>').append('<ul>')
						$(data).find('site').each(function(){
							var $entry=$(this)
							var $site_title=$entry.find('site_title').text()
							var html_site='<li>'+$site_title+'</li>'
							$('#sites ul').append($(html_site))
						})
						$('#sites ul').append('<li id="reset_sites">reset</li>')
						scroll_pane()
						$('#reset_sites').track({category : 'reset', action : 'click'})
						$('#reset_sites').trackEvent({title : 'reset'})
						$('#reset_sites').click(function(){
//							pageTracker._trackEvent('reset','click')
							$('.scroll-pane').jScrollPane()
							reset_sites()
							about_me()
						})
						cat_box_close()
						cat_filter()
						$('#sites ul li').bind('click',function(){
//							pageTracker._trackEvent('category_site','click',$(this).text())
							$(this).track({category : 'category_site', action : 'click', label : $(this).text()})
							$(this).trackEvent({title : 'category_site', name : $(this).text()})
							var index=$('#sites ul li').index(this)
							$('#site_details').empty().append('<div id="site_details_lower_border"></div>')
							$('li:not(this)').removeClass('selected')
							$(this).addClass('selected')
							$imageURL=$(data).find('imageURL').eq(index).text()
							$skills=$(data).find('skills_used').eq(index).text()
							$siteURL=$(data).find('siteURL').eq(index).text()
							var html_image='<div><a href="'+$siteURL+'"><img src="'+$imageURL+'" /></a></div>'
							$('#site_details').append($(html_image))
							$('#site_details div').addClass('screenshot')
							if($(data).find('imageURL2').eq(index).text()!=''){
								$imageURL2=$(data).find('imageURL2').eq(index).text()
								var html_image2='<div>'
								if($(data).find('siteURL2').eq(index)){
									$siteURL2=$(data).find('siteURL2').eq(index).text()
									html_image2+='<a href="'+$siteURL2+'"><img src="'+$imageURL2+'" /></a></div>'
								}
								else
								html_image2+='<a href="'+$siteURL+'"><img src="'+$imageURL2+'" /></a></div>'
								$('#site_details').append($(html_image2))
								$('#site_details div').addClass('screenshot')
							}
							else
							$('#site_details div.screenshot').removeClass('screenshot').addClass('screenshot_single')
							$('a[@href^=http]').attr({'target': '_blank'}).attr({'title': 'Visit site'})
							if($(data).find('description').eq(index)){
								$desc=$(data).find('description').eq(index).text()
								var html_desc='<div id="description">'+$desc+'</div>'
								$('#site_details').append($(html_desc))
							}
							if($(data).find('site_details').eq(index)!=''){
								$details=$(data).find('site_details').eq(index).text()
								var html_details='<div id="details"><br />'+$details+'</div>'
								$('#site_details').append($(html_details))
							}
							var html_skills='<div id="skills"><strong>Skills used:</strong><br />'+$skills+'</div>'
							$('#site_details').append($(html_skills))
							$('div#site_details a').track({category : 'category_site_details', label : function(element) {return element.attr('href')}, action: 'click'});
							$('div#site_details a').trackEvent({title : 'category_site_details', label : function(element) {return element.attr('href')}})
							return
						})
					}
					
					/*** if the category is empty (no sites in it) ***/
					else{
						$.throbberShow({image:'images/ajax-loader.gif',parent:'#sites'})
						$('#site_details').empty().append('<div id="site_details_lower_border"></div>')
						$('#sites').empty().append('<div id="sites_border"></div>').append('<div id="refine_by">Refine by category</div>').append('<ul class="scroll-pane">')
						initial_list()
						site_details()
						cat_box_close()
						$('#site_details').append('<div class="screenshot_single" style="margin-top:-150px;"><img src="http://pranshuarya.com/jaal/portfolio/coming_soon.png" alt="Pranshu Arya - web developer" title="coming soon" /></div>')
						cat_filter()
					}
				})
				return
			})
//			pageTracker._trackEvent('refine_by','click')
		})
		return
	})
	return
}