// backattheranch.ca portfolio

var p_images = new Array(
					 'tofino.gif',
					 'modernkid.gif',
					 'brownbears.gif',
					 'bccounsellor.gif',
					 'vansickle.jpg',
					 'orange.gif',
					 'quinella.jpg',
					 'mgm.gif');

var p_img_objs = new Array();
for (var i = 0; i < p_images.length; i++) {
	p_img_objs[i] = new Image();
	p_img_objs[i].src = 'images/' + p_images[i];
}

var p_urls = new Array(
				   'http://www.tofinobeach.com/',
				   'http://www.modernkid.com/',
				   'http://www.3brownbears.com/',
				   'http://www.bccounsellor.com/',
				   'http://www.vansickledesign.com/',
				   'http://www.orangecreative.com/',
				   'http://www.autosalesandlease.com/',
				   'http://www.mgmlaw.com/');

var p_info = new Array(new Array('Content management system',
							 'Booking calendars',
							 'Rates & reservations',
							 'Creative visual design',
							 'HTML/CSS'),
				   new Array('Zencart customization',
							 'PHP/MySQL server-side development',
							 'HTML/CSS'),
				   new Array('HTML/CSS'),
				   new Array('Counsellor directory',
							 'Search engine',
							 'Member account management',
							 'E-commerce'),
				   new Array('Creative visual design',
							 'Flash animation and interaction design',
							 'ActionScript'),
				   new Array('Flash production', 'ActionScipt'),
				   new Array('Creative visual design',
							 'Information architecture',
							 'PHP server-side scripting',
							 'HTML/CSS'),
				   new Array('Creative visual design',
							 'Information architecture',
							 'HTML/CSS'));

var p_headings = new Array();
var ln,gone=false,timer_id,el,indx=0;

function hide_more(lin) {
	ln = lin;
	el = document.getElementById('image-fadeout');
	el.style.opacity = 100;
	el = document.getElementById('info-fadeout');
	el.style.opacity = 100;
	opacity('image-fadeout|info-fadeout',100,0,500);
}

function show_more() {
	var indx = ln.id.substring(2,ln.id.length);
	var li,txt;
	var img = document.getElementById('port-img');
	img.src = 'images/' + p_images[indx];
	var a = img.parentNode;
	a.href = p_urls[indx];
	a.title = 'Go to ' +  p_urls[indx].substring(7,p_urls[indx].length-1);
	a.target = '_blank';
	var hed = document.getElementById('portfolio-image').getElementsByTagName('h5')[0];
	hed.innerHTML = p_headings[indx].toUpperCase();
	var golink = document.getElementById('portlink').getElementsByTagName('a')[0];
	golink.title = 'Go to ' +  p_urls[indx].substring(7,p_urls[indx].length-1);
	golink.href = p_urls[indx];
	golink.target = '_blank';
	golink.innerHTML = p_urls[indx].substring(7,p_urls[indx].length-1);
	var h5 = document.createElement('h5');
	h5.innerHTML = el.getElementsByTagName('h5')[0].firstChild.nodeValue;
	while (el.childNodes.length > 0) {
		el.removeChild(el.firstChild);	
	}
	el.appendChild(h5);
	var ul = document.createElement('ul');
	ul.id = 'info-ul';
	el.appendChild(ul);
	ul = document.getElementById('info-ul');
	for (var i = 0; i < p_info[indx].length; i++) {
		li = document.createElement('li');
		txt = document.createTextNode(p_info[indx][i]);
		li.appendChild(txt);
		ul.appendChild(li);
	}
	opacity('image-fadeout|info-fadeout',1,99,500);
}

function new_win() {
	var win = window.open(p_urls[indx],'site_displayer');
	win.focus();
}

function setup() {
	if (document.getElementById && document.getElementsByTagName && document.createElement) {
		var tmp_link,txt,child,pointer;
		var lis = document.getElementById('portfoliolinks').getElementsByTagName('li');
		for (var i = 0; i < lis.length; i++) {
			tmp_link = document.createElement('a');
			tmp_link.setAttribute('id','');
			tmp_link.id = 'ln' + i;
			tmp_link.onclick = function() { hide_more(this);return false; };
			tmp_link.style.cursor = 'pointer';
			tmp_li_link = lis[i].firstChild;
			while (tmp_li_link.nodeType == '3') {
				tmp_li_link = tmp_li_link.nextSibling;
			}
			txt = tmp_li_link.firstChild.nodeValue;
			p_headings.push(txt);
			child = document.createTextNode(txt);
			tmp_link.title = txt;
			tmp_link.appendChild(child);
			pointer = document.createTextNode('» ');
			while (lis[i].childNodes.length > 0) {
				lis[i].removeChild(lis[i].firstChild);
			}
			lis[i].appendChild(pointer);
			lis[i].appendChild(tmp_link);
		}
	}
}

function opacity(ids, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;
	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i-=2) {
			timer_id = setTimeout("changeOpac(" + i + ",'" + ids + "')",(timer * speed));
			timer+=2;
		}
	} else {
		for(i = opacStart; i <= opacEnd; i+=2) {
			timer_id = setTimeout("changeOpac(" + i + ",'" + ids + "')",(timer * speed));
			timer+=2;
		}
	}
}

//change the opacity for different browsers; any number of objects
function changeOpac(opacity, ids) {
	id_arr = ids.split('|');
	var object_arr = new Array();
	for (var i = 0; i < id_arr.length; i++) {
		object_arr.push(document.getElementById(id_arr[i]).style);
	}
	//var object_arr = document.getElementById(id).style; 
	var op, j;
	if (typeof object_arr[0].filters == 'object') {
	//alert('filter');
		for (j = 0; j < object_arr.length; j++) {
			object_arr[j].filter = "alpha(opacity=" + opacity + ")";
		}
		//object.filter = "alpha(opacity=" + opacity + ")";
		tmp_op = object_arr[0].filter;
		op = parseInt(tmp_op.substring(tmp_op.lastIndexOf('=')+1,tmp_op.length-1));
	} else if (typeof object_arr[0].opacity != 'undefined') {
	//alert('opacity');
		for (j = 0; j < object_arr.length; j++) {
			object_arr[j].opacity = (opacity / 100);
		}
		//object.opacity = (opacity / 100);
		op = object_arr[0].opacity;
	} else if (typeof object_arr[0].MozOpacity != 'undefined') {
	//alert('MozOpacity');
		for (j = 0; j < object_arr.length; j++) {
			object_arr[j].MozOpacity = (opacity / 100);
		}
		//object.MozOpacity = (opacity / 100);
		op = object_arr[0].MozOpacity;
	} else if (typeof object_arr[0].KhtmlOpacity != 'undefined') {
	//alert('KhtmlOpacity');
		for (j = 0; j < object_arr.length; j++) {
			object_arr[j].KhtmlOpacity = (opacity / 100);
		}
		//object.KhtmlOpacity = (opacity / 100);
		op = object_arr[0].KhtmlOpacity;
	}
	//alert('op is ' + op);
	if (op <= 0) {
		clearTimeout(timer_id);
		timer_id = setTimeout('show_more()',100);
	}
	
}

function addEvent(elm, evType, fn, useCapture) {
		if (elm.addEventListener) {
			elm.addEventListener(evType, fn, useCapture);
			return true;
		} else if (elm.attachEvent) {
			var r = elm.attachEvent('on' + evType, fn);
			return r;
		} else {
			elm['on' + evType] = fn;	
		}
}

addEvent(window, 'load', setup, false);