var thumbs_dir = './thumbs/';
var images_dir = './images/';
var pix = new Array(
	'0bierstindl.jpg',
	'356_bueffel.jpg',
	'357_sternenpferd.jpg',
	'358_engel.jpg',
	'359_antimainstream.jpg',
	'360_trompeter.jpg',
	'361_the_taste.jpg',
	'362_muse.jpg',
	'363_seek.jpg',
	'364_wolkenleiter.jpg',
	'365_cage_of_time.jpg',
	'366_falunart.jpg',
	'367_engel.jpg',
	'368_blushing_melons.jpg',
	'369_drache.jpg',
	'370_alles_sehen.jpg',
	'371_volle_figgn.jpg',
	'372_dein_weg.jpg',
	'373_modern_stalking.jpg',
	'374_aeffchen.jpg',
	'375_rabia.jpg',
	'376_wanna_dance.jpg',
	'378_manilla.jpg',
	'379_manilla_logo.jpg',
	'380_was_ist_super.jpg',
	'382_djing.jpg',
	'383_max2.jpg',
	'384_fontdesigners.jpg',
	'385_glaube.jpg',
	'386_wasser.jpg',
	'387_ein_herz.jpg',
	'388_pony.jpg',
	'389_riverdabce.jpg',
	'390_eekhoorn.jpg',
	'391_radiologisch.jpg',
	'393_pony_und_kleid.jpg',
	'394_piratenshirt.jpg',
	'395_hochspannung.jpg',
	'396_nordtirol.jpg',
	'397_planet_of_humans.jpg',
	'398_schweinsohren.jpg',
	'399_augenweide.jpg',
	'400_bat_mask.jpg',
	'401_praeventivhaeftling.jpg',
	'402_3dshirt.jpg',
	'404_stichprobe.jpg',
	'405_schnittchen.jpg',
	'406_belair_uno.jpg',
	'407_splunaluda.jpg',
	'408_esstisch.jpg',
	'409_panzer.jpg',
	'410_gewaechse.jpg',
	'411_copy_left.jpg',
	'412_gerstenfeld.jpg',
	'413_lille_havfrue.jpg',
	'414_aequilibrismus.jpg',
	'415_design.jpg',
	'416_design.jpg',
	'417_genauso.jpg',
	'418_punani.jpg',
	'419_surrender.jpg',
	'420_rollin.jpg',
	'421_nerd1.jpg',
	'421_nerd2.jpg',
	'422_denkenwill.jpg',
	'423_ifuck.jpg',
	'424_geschoepf.jpg',
	'425_tiere.jpg',
	'426_bird.jpg',
	'427_motherlove.jpg',
	'428_wirr1.jpg',
	'429_wirr2.jpg',
	'430_dragon.jpg',
	'431_wirr3.jpg',
	'432_fluchtweg.jpg',
	'433_kinder_haften.jpg',
	'434_achtung.jpg',
	'435_eltern_haften.jpg',
	'436_faustrecht_verboten.jpg',
	'437_iquaedalife.jpg',
	'438_no_future.jpg',
	'439_nu_romantix.jpg',
	'441_glueck_gehabt.jpg',
	'442_wenig_beruf.jpg',
	'444_aufmerksamkeit.jpg',
	'447_jesus_was.jpg',
	'448_bis_hier_hin.jpg',
	'449_banal.jpg',
	'451_super_vibe.jpg',
	'452_motif.jpg',
	'454_suche_mann.jpg',
	'455_design.jpg',
	'456_blumenfisch.jpg',
	'457_si.jpg',
	'459_hochsitze.jpg',
	'460_satan_is.jpg',
	'462_rache.jpg',
	'462_vegan_vandals.jpg',
	'464_innsbruck.jpg',
	'465_fight_back.jpg',
	'466_global.jpg',
	'467_cat.jpg',
	'468_loose_business.jpg',
	'469_tiroler_leuchten.jpg',
	'472_nojustice.jpg',
	'473_schmetterlinge.jpg',
	'474_numero.jpg',
	'475_feel_newborn.jpg',
	'478_kontrolliert.jpg',
	'480_the_law.jpg',
	'481_ot.jpg',
	'484_illegal.jpg');
// images_dir, thumbs_dir and pix array above!

//
// image and thumbnail display
// ----- --- --------- -------

var disp_id = 'display'; // id of display
var capt_id = 'caption'; // id of caption
var brow_id = 'browser'; // id of browser
var bail = 'http://www.shirt24.at/'; // fallback url

// shop stuff
var shop_win = false;
var shop = 'http://www.shirt24.at/product_info.php/cPath/52/products_id/';

// go to corresponding shop page
function go_shop(pic) {
	if (pic.indexOf('_') < 0) return;
	var sid = pic.substr(0, pic.indexOf('_'));
	var url = shop + sid;
	shop_win = window.open(url, 'Shirt24', 'scrollbars=yes,width=790');
}

// display image
function set_image(pic) {
	var div = document.getElementById(disp_id);
	var img = document.createElement('img');
	var src = document.createAttribute('src');
	src.nodeValue = images_dir + pic;
	img.setAttributeNode(src);
	img.setAttribute('title', 'Klick zum Bewerten');
	img.setAttribute('onclick', "go_shop('" + pic + "');");
	img.setAttribute('alt','');
	div.replaceChild(img, div.firstChild);
	// set caption
	document.getElementById(capt_id).firstChild.nodeValue = pic;
	// ie weirdness
	if (navigator.userAgent.indexOf("MSIE") >= 0)
		div.innerHTML = div.innerHTML;
}

// add thumbnail
function add_thumb(pic) {
	var div = document.getElementById(brow_id);
	var img = document.createElement('img');
	var src = document.createAttribute('src');
	src.nodeValue = thumbs_dir + pic;
	img.setAttributeNode(src);
	img.setAttribute('title', 'Klick zum Ansehen');
	img.setAttribute('onclick', "set_image('" + pic + "');");
	img.setAttribute('alt','');
	div.appendChild(img);
}

// setup show
function init() {
	// browser check
	if (!document.createAttribute) {
		location.href = bail;
		return;
	}
	// set display
	set_image(pix[0]);
	// make thumbs
	for (var i=0; i<pix.length; i++)
		add_thumb(pix[i]);
	// ie weirdness
	if (navigator.userAgent.indexOf("MSIE") >= 0) {
		var div = document.getElementById(brow_id);
		div.innerHTML = div.innerHTML;
	}
	// iemac weirdness
	if (navigator.userAgent.indexOf("MSIE") >= 0
		&& navigator.platform.indexOf("Mac") >= 0) {
		document.body.style.height = "740px";
		var dsp = document.getElementById('display')
		dsp.style.top = "10px";
	}
}

window.onload = init;

//
// simple side scroller
// ------ ---- --------

var inc = 3;
var pos = 0;
var delay = 10;
var mutex;

// scroll backward
function scrollb() {
	if (mutex != 1) return;
	if (pos >= 0) return;
	pos += inc;
	var div = document.getElementById(brow_id);
	div.style.left = pos + 'px';
	setTimeout('scrollb()', delay);
}

// scroll forward
function scrollf() {
	if (mutex != 2) return;
	pos -= inc;
	var div = document.getElementById(brow_id);
	div.style.left = pos + 'px';
	setTimeout('scrollf()', delay);
}

// start/stop scrolling
function scroll(dir) {
	mutex = dir;
	if (mutex == 1) scrollb();
	else if (mutex == 2) scrollf();
}