//Preload image

pic1= new Image(); 

pic1.src="/_imgs/loading.gif"; 



//Link Instructions

var whosChanged = null;

function linklist() {



	var pageCheck = document.getElementsByTagName('body')[0];

	var thisSection = pageCheck.id;

	

	if (thisSection == "portfolio") {



		var anchorTags = document.getElementById("a_links").getElementsByTagName("a");

		for (var i = 0; i < anchorTags.length ; i++) {



			var firstTime = "yes";

			anchorTags[i].onclick = function toggle_ajax() {



				var filename = this.id;

				var title = this.innerHTML;

				

				filename = filename.replace(/img_/,"");



				if (firstTime == "yes") {

					var firstLink = document.getElementsByName("firstlink");

					firstLink[0].className="";

				}

				firstTime = "no";

				

				//toggle active

				for (var i = 0; i < anchorTags.length ; i++) {

					anchorTags[i].className="";

				}

				this.className = "active";



				//ajax

				if (Cookie.get(filename) != "loaded") {

					var image =	document.getElementById('img_cont').innerHTML = '<img class="loading" src="/_imgs/loading.gif" alt="Loading" />';

				}

				new Asset.image('/_imgs/portfolio/'+ filename +'.jpg', {id: filename, title: title, 

					onload: function(){

						var fadeFx = new Fx.Style('img_cont', 'opacity', {duration:150}, {wait: false}).set(0.1);

						var doStuff = new Ajax('gallery.php?pic='+ filename +'&title='+ title, {

						update: $('img_cont'),

						onComplete: function(){

							fadeFx.start(1);},

						evalScripts: true}).request();

					}

				});

				var myCookie = Cookie.set(filename, 'loaded', {duration: 0});

				firstTime = "no";

				

				return false;

			}

		}

	}

}



function toggle_ajax2(fname,ttl) {



	var filename = fname;

	var title = ttl;

	var filename2 = "img_"+ filename;

	

	var firstLink = document.getElementsByName("firstlink");

	firstLink[0].className="";

	

	var activeLink = document.getElementById(filename2);

	activeLink.className="active";

	

	//toggle active

	fname.className = "active";



	//ajax

	var image =	document.getElementById('img_cont').innerHTML = '<img class="loading" src="/_imgs/loading.gif" alt="Loading" />';

	new Asset.image('/_imgs/portfolio/'+ filename +'.jpg', {id: filename, title: title, 

		onload: function(){

			var fadeFx = new Fx.Style('img_cont', 'opacity', {duration:150}, {wait: false}).set(0.1);

			var doStuff = new Ajax('gallery.php?pic='+ filename +'&title='+ title, {

			update: $('img_cont'),

			onComplete: function(){

				fadeFx.start(1);},

			evalScripts: true}).request();

		}

	});

	var myCookie = Cookie.set(filename, 'loaded', {duration: 0});

	return false;

}



window.addEvent('domready', function(){

	linklist();

});