$('#sectnavul ul li a').click(function() {
	var pic = $(this).attr('rel').split('.')[0];
	var subcat = $(this).attr('rel').split('.')[1];
	var alt = $(this).attr('rel').split('.')[2];
	var cat = $(this).attr('rel').split('.')[3];
	var title = $(this).attr('rel').split('.')[4];
	var wate = $(this).attr('rel').split('.')[5];
	var loca = $(this).attr('rel').split('.')[6];
	loadImage(pic, subcat, alt, cat, title, wate, loca);
});

function loadImage(pic, subcat, alt, cat, title, wate, loca) {
	if(wate.length > 0) { wate = wate+' <br />'; }
	if(subcat == '1920s Colonial Revival') { var prettysubcat = '1920<span class="lowercase">s</span> Colonial Revival'; }
		else { var prettysubcat = subcat; }
	if($('#portimgdesc').css('left') == '20px'){
		$(this).addClass('active_s');
		$('#portimg img').fadeOut(500, function() {
		$('#portimg').html('<a href="./'+pic+'-l.jpg" rel="prettyPhoto"><img src="./'+pic+'-m.jpg" alt="'+alt+'" style="display:none;" /></a>');
		$('#java').load('../_inc/prettyJava.php');
		$('#portimg img').fadeIn(500);
		});
		$('#portimgdesc').animate({left: '+=200'}, 500, function() {
			$('#portimgdesc').html('<h3>'+prettysubcat+'</h3><p>'+alt+'<br/><em>'+title+'</em><br/>'+wate+loca+'</p>');
        	$('#portimgdesc').animate({left: '-=200'}, 500);
    	});}
	else {}
	if($('#portimgdesc').css('left') == '220px'){
		$('#portimg img').fadeOut(500, function() {
		$('#portimg').html('<a href="./'+pic+'-l.jpg" rel="prettyPhoto"><img src="./'+pic+'-m.jpg" alt="'+alt+'" style="display:none;" /></a>');
		$('#java').load('../_inc/prettyJava.php');
		$('#portimg img').fadeIn(500);
		});
		$('#portimgdesc').html('<h3>'+prettysubcat+'</h3><p>'+alt+'<br/><em>'+title+'</em><br/>'+wate+loca+'</p>');
		$('#portimgdesc').animate({left: '-=200'}, 500);
		$('#slideshowbut').animate({top: '-=24'}, 500, function(){
			$('#slideshowbut').html('<a onclick="loadSlide(\''+pic+'\',\''+subcat+'\',\''+alt+'\',\''+cat+'\',\''+title+'\',\''+wate+'\',\''+loca+'\')"><img src="../_img/slideshow.png" alt=" "/></a><a onclick="loadSlide(\''+pic+'\',\''+subcat+'\',\''+alt+'\',\''+cat+'\',\''+title+'\',\''+wate+'\',\''+loca+'\')" class="slidelink">view all as slideshow</a>');
			$('#slideshowbut').animate({top: '+=24'}, 500);
		})
	}
	else {}
}
	
	function clearSlide(pic, subcat, alt, cat, title, wate, loca) {
		loadImage(pic, subcat, alt, cat, title, wate, loca);
		var position = $('#sectnavul').css('width');
		$('#sectnavul ul').css({left: '-'+position});
		$('#sectnavul, .arrowprev, .arrownext').fadeIn(500);
		$('a#firstimg').addClass('active_s');
		}
	
	function loadSlide(pic, subcat, alt, cat, title, wate, loca) {
	
		if(subcat == 'Office') { var lcsc = 'office'; }
		if(subcat == 'Old World') { var lcsc = 'old-world'; }
		if(subcat == 'Lodge-Style') { var lcsc = 'lodge-style'; }
		if(subcat == 'Traditional') { var lcsc = 'traditional'; }
		if(subcat == 'Northwest Craftsman') { var lcsc = 'nw-craftsman'; }
		if(subcat == 'Contemporary') { var lcsc = 'contemporary'; }
		if(subcat == 'Transitional') { var lcsc = 'transitional'; }
		if(subcat == '1920s Colonial Revival') { var lcsc = '1920s-colonial-revival'; }
		
		$('#portimgdesc').animate({left: '+=200'}, 500);
		$('#sectnavul ul li a').removeClass('active_s');
		$('#slideshowbut').animate({top: '-=24'}, 500, function(){
		$('#slideshowbut').html('<a onclick="clearSlide(\''+pic+'\',\''+subcat+'\',\''+alt+'\',\''+cat+'\',\''+title+'\',\''+wate+'\',\''+loca+'\')"><img src="../_img/slideshow.png" alt=" "/></a><a onclick="clearSlide(\''+pic+'\',\''+subcat+'\',\''+alt+'\',\''+cat+'\',\''+title+'\',\''+wate+'\',\''+loca+'\')" class="slidelink">stop slideshow</a>')});
		$('#slideshowbut').animate({top: '+=24'}, 500);
		$('#sectnavul, .arrowprev, .arrownext, #portimg img').fadeOut(500, function() {$('#portimg').load('./'+cat+'-'+lcsc+'_slideshow.php');});	
	}