// supress firebug related code if firebug is not installed
if (!window.console || !console.firebug)
{
    var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
    "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];

    window.console = {};
    for (var i = 0; i < names.length; ++i)
        window.console[names[i]] = function() {}
}
/////////////////////////////////////////////////////////////////

window.onload = scroll_div_init;

var l = document.location.href.split('/');
var scroll_base_src = 'http://spherisgallery.com/';
scroll_base_src += 'img/';
console.log(scroll_base_src);
var scroll_up_button_src = scroll_base_src + 'scroll_up.png';
var scroll_down_button_src = scroll_base_src + 'scroll_down.png';


function scroll_div_init () {
	var divs = document.getElementsByTagName('div');
	var scroll_divs = [];
	for (var i = 0; i < divs.length; ++i) {
		if (!/scroll-div/.test(divs[i].className)) continue;
		scroll_divs.push(divs[i]);
	}
	
	for (var i = 0; i < scroll_divs.length; ++i) {
		console.log(scroll_divs, i , scroll_divs.length);
		scroll_div_setup.call(scroll_divs[i]);
		artist_list_scroll(scroll_divs[i]);
		console.log(scroll_divs, i , scroll_divs.length);
	}
}

function scroll_div_setup () {
	console.log(this, this.parentNode);
	//extend target with scrolling methods
	this.up = scroll_div_up;
	this.down = scroll_div_down;
	
	//create the container
	var c = E('div', {'class':'scroll-div-container'});
	
	//tell c about this
	c.scrollDiv = this;
	
	//insert the container before this
	this.parentNode.insertBefore(c, this);
	
	//move this into the container
	c.appendChild(this);
	
	//add relative image buttons
	this.parentNode.append_children = append_children;
	this.parentNode.append_children.apply(this.parentNode, scroll_button_html.call(this));
	
	
}

function scroll_div_up () {
	scroll_div.call(this, -1); 
}

function scroll_div_down() {
	scroll_div.call(this, 1);
}

function scroll_div (direction) {
	this.scrollTop = this.scrollTop + direction * 30;
	if (this.id == 'oDiv') create_cookie('artist_list_auto_scroll', this.scrollTop, 1);
	console.log(this, this.scrollTop);
}

function scroll_button_html () {
	var up = E(
		'a', {
			'href':'javascript:void(0);', 
			'onclick':'this.parentNode.scrollDiv.up();',
			'class':'scroll-button-up'
		}, [
			'img', 
			{
				'src':scroll_up_button_src, 
				'alt':'scroll up'
			}
		]
	);
	var down = E(
		'a', {
			'href':'javascript:void(0);', 
			'onclick':'this.parentNode.scrollDiv.down();',
			'class':'scroll-button-down'
		}, [
			'img', {
				'src':scroll_down_button_src, 
				'alt':'scroll down'
			}
		]
	);
	console.log(up, down);
	return [up, down];
}

function artist_list_scroll (div) {
	console.trace();
	console.log(div.id);
	if (div.id != 'oDiv') return;	//make sure we've got the right div
	
	var scroll_to = read_cookie('artist_list_auto_scroll');
	console.log(scroll_to);
	if (!scroll_to) return;	//if there's nothing to do, abort
	
	div.scrollTop = scroll_to;
	
	//clean up
	//erase_cookie('artist_list_auto_scroll');
}

function append_children () {
	if (!arguments) return;
	for (var i = 0; i < arguments.length; ++i) {
		console.log(this, arguments[i]);
		this.appendChild(arguments[i]);
	}
}

function E (tag, attributes, content) {
	if (!arguments) return;
	var e = document.createElement(tag);
	if (attributes) {
		for (var key in attributes) {
			if (key == 'class') {
				e.className = attributes[key];
			} else if (key.substring(0,2) == 'on') {
				e[key] = new Function(attributes[key]);
			} else {
				e.setAttribute(key, attributes[key]);
			}
		}
	}
	if (content) {
		if (content.constructor == String) {
			e.appendChild(document.createTextNode(content));
		} else if (content.constructor == Array) {
			if (content[0].constructor == String) {
				e.appendChild(E.apply(this, content));
				console.log('booya');
			} else {
				for (var i = 0;i < content.length; ++i) {
					e.appendChild(E(content[i]));
				}
			}
		} else {
			console.error('unacceptable content', content, content.constructor);
		}
	}
	return e;
}

/** COOKIE RELATED - thank you quirksmode.org!!! **/
function create_cookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function read_cookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function erase_cookie(name) {
	create_cookie(name,"",-1);
}