var thumbs_dir = './thumbs/';
var images_dir = './images/';
var pix = new Array(
	'090_phil_katze_close_glow.jpg',
	'091_time_close.jpg',
	'093_betreten_close.jpg',
	'095_space5_close.jpg',
	'096_mu_close.jpg',
	'100_dogs_close.jpg',
	'102_nato_close.jpg',
	'103_punchline_close.jpg',
	'104_selbsterkenner.jpg',
	'104_selstmback.jpg',
	'105_bissig_close.jpg',
	'107_6020_close.jpg',
	'109_6orsi_close.jpg',
	'114_testbild_close.jpg',
	'115_ene_close2.jpg',
	'116_fly_close.jpg',
	'117_mask_close.jpg',
	'119_bienenwolf_close.jpg',
	'121_mensch_close.jpg',
	'122_lady-butterfly_close.jpg',
	'125_mda_close.jpg',
	'125_mda_closeback.jpg',
	'128_puppets_close.jpg',
	'129_hotchbotch_close_back.jpg',
	'129_hotchbotch_close_vorne.jpg',
	'130_blubbfiction_close.jpg',
	'131_not-yet_close.jpg',
	'132_fuesse_close2.jpg',
	'133_almrausch_close.jpg',
	'134_battle.the.system_close2.jpg',
	'135_powda-figga_close2.jpg',
	'136_kreislauf1_close.jpg',
	'136_kreislauf2_close.jpg',
	'138_kopfhoerer_close.jpg',
	'143_bildergeschichte_close.jpg',
	'145_apes_close.jpg',
	'146_insanity_close.jpg',
	'149_wo_close.jpg',
	'150_bc76_close.jpg',
	'151_frei_close.jpg',
	'152_wtrauerweide_close.jpg',
	'153_punk_close.jpg',
	'154_elch_close.jpg',
	'155_cow_close.jpg',
	'156_ginkgo_close.jpg',
	'157_vahe_close.jpg',
	'158_dejan_close.jpg',
	'159_alex_face2close.jpg',
	'160_muh_close.jpg',
	'161_chef_close3.jpg',
	'162_history_close.jpg',
	'163_buuze_close.jpg',
	'166_holde-maid_close.jpg',
	'167_slurp_close.jpg',
	'168_kunstwerk_close.jpg',
	'169_fucking-funny_close.jpg',
	'170_seppuru_close.jpg',
	'173_chi_close.jpg',
	'174_shirt-shirt_close.jpg',
	'175_toller-hecht_close.jpg',
	'176_kung-fuuhh_close.jpg',
	'179_tragwerk_close.jpg',
	'180_do-be-t-h_close.jpg',
	'181_traumwelt_close.jpg',
	'183_mahlzeit_close.jpg',
	'185_kornkreise_close.jpg',
	'186_hummel_close.jpg',
	'187_cat_close.jpg',
	'188_hildesheim_close.jpg',
	'190_filzlaus_close.jpg',
	'191_ich-denke-nicht_close.jpg',
	'192_brusthaar_close.jpg',
	'193_demopod_close.jpg',
	'194_herz_close.jpg',
	'195_traegerleiberltraegerin_close.jpg',
	'196_swingerclub_close.jpg',
	'197_kein-trinkwasser_close.jpg',
	'198_streichle-die-bestie_close.jpg',
	'199_micky_close.jpg',
	'200_demi_close.jpg',
	'201_staemmt_close.jpg',
	'202_seyes_close.jpg',
	'203_banden_close.jpg',
	'204_donna_close.jpg',
	'205_peesan-close.jpg',
	'206_springhetti_close.jpg',
	'207_sch.jpg',
	'208_drache_close.jpg',
	'209_fremden_close.jpg',
	'210_bienen_close.jpg',
	'211_elemenze_close.jpg',
	'212_crank_close.jpg',
	'213_feuer_close.jpg',
	'214_krime_close1.jpg',
	'214_krime_close2.jpg',
	'215_robin_close.jpg',
	'216_vorlungen1_close.jpg',
	'217_vorlungen2_close.jpg',
	'218_netz_close.jpg',
	'219_vogelfrei_close.jpg',
	'220_meta_close1.jpg',
	'221_zeit_close.jpg',
	'222_scratch_close.jpg',
	'223_monster_close.jpg',
	'224_forbetter_close.jpg',
	'225_nonsense_close1.jpg',
	'225_nonsense_close2.jpg',
	'226_insloch_close.jpg',
	'227_fiesagen_close.jpg',
	'228_spacemax_close.jpg',
	'229_fragezeichen_close.jpg',
	'IMG_7242.jpg',
	'IMG_7243.jpg',
	'IMG_7244.jpg',
	'IMG_7245.jpg',
	'IMG_7247.jpg',
	'IMG_7255.jpg',
	'IMG_7257.jpg',
	'IMG_7258.jpg',
	'IMG_7259.jpg',
	'IMG_7260.jpg',
	'IMG_7261.jpg',
	'IMG_7263.jpg',
	'IMG_7264.jpg',
	'IMG_7266.jpg',
	'IMG_7267.jpg',
	'IMG_7268.jpg',
	'IMG_7270.jpg',
	'IMG_7272.jpg',
	'IMG_7273.jpg',
	'IMG_7275.jpg',
	'IMG_7280.jpg',
	'IMG_7287.jpg',
	'IMG_7288.jpg',
	'IMG_7289.jpg',
	'IMG_7294.jpg',
	'IMG_7295.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_win_name = 'Shirt 24';
var shop_win_features = 'scrollbars=yes,width=804';
var shop_win_url = '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_win_url + sid;
	shop_win = window.open(url, shop_win_name, shop_win_features);
	shop_win.focus();
}

// 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;
	}
	// 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";
	}
	// 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;
	}
}

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();
}