var thumbs_dir = './thumbs/';
var images_dir = './images/';
var pix = new Array(
	'254_anti_gen.jpg',
	'255_choke.jpg',
	'257_ruckts.jpg',
	'258_moussa.jpg',
	'259_computer.jpg',
	'260_sexy.jpg',
	'261_fluegel.jpg',
	'262_grenzen_abschaffen.jpg',
	'263_maedel.jpg',
	'264_nicht_betreten.jpg',
	'265_cats.jpg',
	'266_austria.jpg',
	'267_ghandi.jpg',
	'268_fluegel.jpg',
	'269_if_only.jpg',
	'270_vorsicht_abgrund.jpg',
	'271_big_cock.jpg',
	'272_punchline.jpg',
	'273_wenig_mut.jpg',
	'274_alter.jpg',
	'275_schwein.jpg',
	'277_herumkugeln.jpg',
	'280_fragile.jpg',
	'281_geier.jpg',
	'283_maxi_single.jpg',
	'284_leise_bretter.jpg',
	'285_leise_bretter.jpg',
	'286_banlieu.jpg',
	'287_burg.jpg',
	'288_engel.jpg',
	'289_wesen.jpg',
	'290_felicitas.jpg',
	'img_8960.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://213.239.213.137/_scripts/shop/catalog/product_info.php/cPath/37_35/products_id/';

// go to corresponding shop page
function go_shop(pic) {
	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();
}