function myInit() {
	
	$('#navigation ul li:has(li.selected)').addClass('selected');
	
	$('#galleryScrollLeft').click( function() {
		galleryScrollLeft();
		return false;
		});
	
	$('#galleryScrollRight').click( function() {
		galleryScrollRight();
		return false;
		});
	
	$('#elementScrollLeft').click( function() {
		elementScrollLeft();
		return false;
		});
	
	$('#elementScrollRight').click( function() {
		elementScrollRight();
		return false;
		});
	
	
	$('.thumbnail img').click( function() {
		$('.thumbnail img').removeClass('selected');
		$(this).addClass('selected');
		imageId = this.id;
		imageId = imageId.replace('thumb_','');
		window.imageId = imageId;
		loadImage(imageId);
		return false;
		});
	
	$('.location_image img').click( function() {
		
		$('.location_image img').removeClass('selected');
		$(this).addClass('selected');
		
		largeImage = $(this).attr('src');
		largeImage = largeImage.replace('t1_','');
			
		$('#imageLarge').fadeOut(200, function () {	
			$('#imageLarge').html('<img src="'+largeImage+'" />').fadeIn(200);		
			});
		
		return false;
		});
	
	$('#elementLink a').click( function() {
		
		if ($('#elements').css('display') == 'none') {		
			loadElements(imageId);	
			$('#galleryScrollLeft').hide();
			$('#galleryScrollRight').hide();
			$('#elementScrollLeft').show();
			$('#elementScrollRight').show();
			} 
		else {		
			scrollToIntE = 0;
			scrollPixelE = 0;
			
			$('#elements').scrollTo(  0, { axis:'x', duration:400 } );	
			$('#elements').fadeOut(200, function () {				
				$('#thumbnails').fadeIn(200);
				$('#elementLink a').html('Elements &raquo;');
				$('#galleryScrollLeft').show();
				$('#galleryScrollRight').show();
				$('#elementScrollLeft').hide();
				$('#elementScrollRight').hide();
				
				});	
				
			}
		return false;
		
		});
	
	}


function loadImage(imageId) {	
	if (!imageId) {
		return;
		}		
	$('#imageLarge').fadeOut(200, function () {		
		$.ajax({
			type: "POST",
			url: "/loadImage.php",
			data: "portfolioId="+imageId,
			success: function(returned){									
				myData = returned.split("|");
				$('#imageLarge').html(myData[0]);			
				$('#imageLarge').fadeIn(200, function () {						
					});	
				if (myData[1] > 0) {
					//alert("elements found!");
					$('#elementLink a').html('Elements &raquo;');
					} else {
					//alert("elements not found!");
					$('#elementLink a').html('');
					}
				}
			});			
		});	
	}

function loadElements(imageId) {	
	if (!imageId) {
		return;
		}	
	$('#thumbnails').fadeOut(200, function () {		
		$.ajax({
			type: "POST",
			url: "/loadElements.php",
			data: "portfolioId="+imageId,
			success: function(returned){	
				myData = returned.split("|");
				elementMaxWidth = myData[1];
				/*scrollToIntE = 0;
				scrollPixelE = 0;*/
				$('#elements').scrollTo( 0, { axis:'x', duration:1 } );
				$('#elementScroller').css('width',myData[1]+"px").html(myData[0]);			
				$('#elements').fadeIn(200, function () {				
					$('#elementLink a').html('&laquo; Back');					
					});				
				}
			});			
		});			
	}
	
function galleryScrollLeft() {		
	if (scrollToInt > 0) {
		scrollToInt = parseInt(scrollToInt) - parseInt(scrollIncrement);
		scrollThumbnails(scrollToInt);
		}
	}
function galleryScrollRight() {	
	if (scrollToInt < (maxWidth-paneWidth)) {
		scrollToInt = parseInt(scrollToInt) + parseInt(scrollIncrement);
		scrollThumbnails(scrollToInt);
		} 
	}


function elementScrollLeft() {		
	if (scrollToIntE > 0) {
		scrollToIntE = parseInt(scrollToIntE) - parseInt(scrollIncrement);
		scrollElements(scrollToIntE);
		}
	}
function elementScrollRight() {	
	if (scrollToIntE < (elementMaxWidth-paneWidth)) {
		scrollToIntE = parseInt(scrollToIntE) + parseInt(scrollIncrement);
		scrollElements(scrollToIntE);
		} 
	}

function scrollToImage(imageId) {
	
	containerOffset = $('#thumbnails').offset();	
	thumbOffset = $('#thumb_'+imageId).offset();	
	scrollPixel = thumbOffset.left - containerOffset.left;	
	scrollThumbnails(scrollPixel)
	
	}
	
function scrollThumbnails(scrollPixel) {	
	
	if (scrollPixel < 0) {
		scrollPixel = 0;
		}
		
	$('#thumbnails').scrollTo(  scrollPixel, { axis:'x', duration:1000 } );	
	scrollToInt = parseInt(scrollPixel);	
	if (scrollPixel >= (maxWidth-paneWidth)) {
		$('#galleryScrollRight').addClass('disabled');
		}
	if (scrollPixel > 0) {
		//$('#scrollUp').fadeIn('normal');
		$('#galleryScrollLeft').removeClass('disabled');
		}
	if (scrollPixel < (maxWidth-paneWidth)) {
		//$('#scrollDown').fadeIn('normal');
		$('#galleryScrollRight').removeClass('disabled');
		}
	if (scrollPixel == 0) {
		//$('#scrollUp').fadeOut('normal');
		$('#galleryScrollLeft').addClass('disabled');
		}
	}


function scrollElements(scrollPixelE) {	
	
	if (scrollPixelE < 0) {
		scrollPixelE = 0;
		}
		
	$('#elements').scrollTo(  scrollPixelE, { axis:'x', duration:1000 } );	
	scrollToIntE = parseInt(scrollPixelE);	
	if (scrollPixelE >= (elementMaxWidth-paneWidth)) {
		$('#elementScrollRight').addClass('disabled');
		}
	if (scrollPixelE > 0) {
		//$('#scrollUp').fadeIn('normal');
		$('#elementScrollLeft').removeClass('disabled');
		}
	if (scrollPixelE < (elementMaxWidth-paneWidth)) {
		//$('#scrollDown').fadeIn('normal');
		$('#elementScrollRight').removeClass('disabled');
		}
	if (scrollPixelE == 0) {
		//$('#scrollUp').fadeOut('normal');
		$('#elementScrollLeft').addClass('disabled');
		}
	}