var artistcontent;
var artistbox;
var artistObserver = {};
var artistcurrent = 0;
var artistfirst = 1;
var noartistscreen = 1;

function subnav_click (obj,nummer,bandid) {
	test = document.getElementById('subnavcontent');
	if (test) {
		if ((effects.FadeSlidesubnavcontent) || (artistfirst == 1)) {
			if (artistfirst || ((effects.FadeSlidesubnavcontent.isRunning == false) && (artistbox.amloading == 0))) {
				change_borders_lr();
				artistfirst = 0;
				
				if (Spry.Widget.Form) {
					Spry.Widget.Form.destroyAll;
				}
				artistbox.method = "GET";
				settabs (obj,nummer);
				
				nummer++;
				lastclick = nummer + 200;
				
				artistbox.addurl = 'bandid=' + bandid + '&subnav=1';
				runEffect('FadeSlide', 'subnavcontent', {duration: subduration, from: '100%', to: '0%', toggle: true},artistObserver);
			}
		}
	} else {
		artistfist = 1;
		artistbox = 0;
	}
}


function subnav_sub_click (screenid, bandid,artistid) {
	//if (effects.FadeSlidesubnavcontent) {
	//if ((effects.FadeSlidesubnavcontent.isRunning == false) && (artistbox.amloading == 0)) {
	lastclick = screenid;
	artistbox.addurl = 'bandid=' + bandid +	'&artistid=' + artistid;
	runEffect('FadeSlide', 'subnavcontent', {duration: subduration, from: '100%', to: '0%', toggle: true},artistObserver);
}

/*###############################################
  
  observer voor het artist venster
  
  ############################################### */

artistObserver.onPreEffect = function(obj) {
	if (obj.element) {
		if (obj.direction && obj.direction == Spry.forwards){
			obj.element.style.overflow = 'hidden';
			artistbox.element.style.height = (obj.element.offsetHeight - 30) + 'px';
			showloader();
		}
	}
};

artistObserver.onCancel = function(obj){
	artistbox.amloading=0;
	if (obj.direction) {
		if (obj.direction == Spry.forwards){
			obj.doToggle();
		}
	}
};	


artistObserver.waitloop = function(obj) {
	if (artistbox.amloading) {
		setTimeout(function(){artistObserver.waitloop(obj)},150);
	} else {
		obj.start();
	}
}

artistObserver.onPostEffect = function(obj){
	c_width = obj.element.offsetWidth - 2;
	artistbox.element.style.width = c_width + 'px';
	while (artistbox.element.offsetWidth > (obj.element.offsetWidth - 2)) {
		c_width--;
		artistbox.element.style.width = c_width + 'px';
	}
	if (obj.direction == Spry.forwards) {
		artistbox.loadContent(obj.screen_url,{async: false });
		setTimeout(function(){artistObserver.waitloop(obj)}, 150);
	}
	else {
		obj.remove++;
		if (obj.remove == 1) {
			
			artistbox.element.style.height = artistbox.element.scrollHeight + 'px';
			if (artistbox.element.scrollHeight > obj.element.offsetHeight) {
				c_width -= 25;
				artistbox.element.style.width = c_width + 'px';
			}
			obj.element.style.overflow = 'auto';
			obj.remove = 0;
		}
		hideloader();
	}
};


artistObserver.onLoadError = function (obj) {
	artistbox.amloading=0;
}

artistObserver.onPreLoad = function (obj,opts) {
	dl = new Date();
	if (obj.method == 'GET') {
		opts.url += "&dump=" + parseInt(dl.getTime()/1000) + "&lang=" + taal;
		if (obj.addurl) {
			opts.url += "&" + obj.addurl;
			obj.addurl = '';
		}
	} else {
		opts.url = basicurl;
	}
	artistbox.amloading=1;
}

artistObserver.onPostUpdate = function(obj) {
	artistbox.amloading=0;
}