// header switching

var show = 1;
var items = 4;
var h = 300;
var is_ie;

browser_check();

//preload menu images
menu1 = new Image();
menu1.src = 'images/general/menu1red.png';
menu2 = new Image();
menu2.src = 'images/general/menu2red.png';

function onl() {
	setup_pageturns(-1);
	done();
	if (is_ie) document.documentElement.onscroll = move_pageturns_wait;
	else document.onscroll = move_pageturns_wait;
	
	if (is_ie) addpicmargins();
	
	return;
	// messe popup
	var messe = getCookie('messemessage');
	if (messe != null) return;
	setCookie('messemessage', 'shown', 5);
	open('p1messe');
}

function browser_check() {
	is_ie = (navigator.appName == 'Microsoft Internet Explorer');
	if (!is_ie) return;
	var ie = getCookie('iemessage');
	if (ie != null) {
		// alert('delete cookie, biotch!')
		return;
	}
	setCookie('iemessage', 'visited', 5);
	document.location.href = 'index.php?page=iemessage';
}

function addpicmargins() {
	var im = document.getElementsByTagName("img");
	for (var i = 0; i < im.length; i++) {
		var p = im[i].parentNode.parentNode;
		if (p.className == 'image') {
			p = p.style;
			if (p.styleFloat == "" || p.styleFloat == "left") p.marginRight = "6px";
			if (p.styleFloat == "right") p.marginLeft = "6px";
		}
	}
}

// pageturn target y
var pt_target_y;
var pt_current_y;
var pt_scroll_wait;

function get_pt_y() {
	var t = document.body.scrollTop || document.documentElement.scrollTop;
	
	var h;
	
	if (is_ie) {
		h = document.documentElement.clientHeight;
	}
	else {
		h = window.innerHeight;
	}
	
	return t + (h - 74)/2;
}

function setup_pageturns(to_y) {

	var ptl = document.getElementById('ptleft');
	var ptr = document.getElementById('ptright');
	
	if (ptl == null) return;
	
	var y;
	
	// re-position at beginning?
	if (to_y == -1) y = get_pt_y(); // instantly move them to middle of screen
	else y = to_y; // move them to supplied parameter
	ptl.style.marginTop = y+'px';
	ptr.style.marginTop = y+'px';
	pt_current_y = y;  // update current position
}

function move_pageturns_wait() {
	pt_scroll_wait = true;
	move_pageturns();
}

var old_timer;

function move_pageturns() {

	if (pt_scroll_wait) {
		pt_scroll_wait = false;
		if (old_timer != null) clearTimeout(old_timer);
		setTimeout("move_pageturns();", 1000);
		return;
	}

	// page was scrolled/still not at target, update target y
	pt_target_y = get_pt_y();
	
	var d = pt_target_y - pt_current_y; // calculate distance to move
	// set timeout for subsequent move
	pt_scroll_wait = false;
	if (Math.abs(d) > 3) old_timer = setTimeout("move_pageturns();", 50);
	else old_timer = null;
	d = d * 0.05;  // lazyness
	setup_pageturns(pt_current_y + d); // reposition them       
}

var to;

function start(timeout_seconds) {
	to = timeout_seconds*1000;
	setTimeout("next();", to);
}

var o, i;

function fade(op) {
	if (op == 0) i.display = 'block';
	if (is_ie) o.filter = 'alpha(opacity = '+(100-op*5)+')';
	else o.opacity = 1.0 - op/20;
	if (is_ie) i.filter = 'alpha(opacity = '+(op*5)+')';
	else i.opacity = op/20;
	if (op == 20) {
		o.display = 'none';
		i.top = '0px';
	}
	op = op + 1;
	if (op <= 20) setTimeout("fade("+op+");", 10);
}

function next() {
o = document.getElementById("news"+show).style;
	show++;
	if (show == items+1) show = 1;
	i = document.getElementById("news"+show).style;
	i.display = "block";
	fade(0);
	setTimeout("next();", to);
}

// overlays

function zoom_image(d) {
	var wi = d.style.width;
	if (wi == null) return;
	wi = wi.slice(0, wi.length-2);
	// wi = wi*1.2;
	d.style.width = wi+"px"; 
	d.style.margin = "0 10px 0 0";
}

function open(u) {
	var o = document.getElementById("overlay").style;
	var oc = document.getElementById("overlay_content");
	var art = document.getElementById(u);
	
	var l = u.length;
	var dir = u.slice(0, l-1);
	var fil = u.slice(l-1);
	// var pl = document.getElementById("printlink");
	// pl.value = dir+"/"+fil+".php";
	
	oc.innerHTML = art.innerHTML;
	
	var d = oc.childNodes;

	
	for (var i = 0; i < d.length; i++) {
		if (d[i].className == "image") {
			zoom_image(d[i]);
		}
		if (d[i].nodeName == "DIV" && d[i].className != "image") {
			var dd = d[i].childNodes;
			for (var j = 0; j < dd.length; j++) {
				if (dd[j].className == "image") {
					zoom_image(dd[j]);
				}
			}
		}
	}

	var dw = document.body.clientWidth;
	
	var t = document.body.scrollTop || document.documentElement.scrollTop;
	
	o.top = (t+100)+"px";
	var w = (dw)*6/10;
	if (u == 'p1boysgirls_box') w = 700;
	var l = (1005 - w) / 2 - 22;
	o.left = l+"px";
	o.width = w+"px";
	
	youtube(false);
	
	o.display = "block";
}

function close() {
	var o = document.getElementById("overlay").style;
	o.display = "none";
	youtube(true);
}

function youtube(show) {

	var s;
	var iframes = document.getElementsByTagName("iframe");
	for (i = 0; i < iframes.length; i++) {
		s = iframes[i].style;
		if (show) s.display = "block";
		else s.display = "none";
	}
}

function setCookie(c_name,value,exdays) {
	var exdate=new Date();
	exdate.setDate(exdate.getDate() + exdays);
	var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
	document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name) {
	var i,x,y,ARRcookies=document.cookie.split(";");
	for (i=0;i<ARRcookies.length;i++)
	{
	x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
	y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
	x=x.replace(/^\s+|\s+$/g,"");
	if (x==c_name)
		{
		return unescape(y);
		}
	}
}

// final stuff after page has loaded

function done() {
	setup_pageturn_links();
	add_pic_margins();
	resize_vlines();
	resize_archive();
	fade_highlight();
}

var fade_hl_c = 7*16;
var fade_hl_div;

function fade_hl() {
	fade_hl_c += 5;
	
	// done fading, remove background color
	if (fade_hl_c >= 255) {
		fade_hl_div.style.backgroundColor = 'transparent';
		return;
	}

	// else, turn dec into hex
	var hex = '0123456789ABCDEF';
	var h1 = fade_hl_c / 16;
	var h2 = fade_hl_c % 16;
	h1 = hex.charAt(h1);
	h2 = hex.charAt(h2);
	var nc = '#FFFF'+h1+h2;
	fade_hl_div.style.backgroundColor = nc;
	setTimeout(fade_hl, 5);
}

function fade_highlight() {
	var hl = document.getElementById('hlmarker');
	if (hl == null) return;
	fade_hl_div = hl.parentNode;
	setTimeout(fade_hl, 1000);
}

function add_pic_margins() {
	var w = document.getElementById('wider');
	if (w == null || w.value == 'no') return;
	var im = document.images, tmp;
	for (var i = 0; i < im.length; i++) {
		tmp = im[i];
		if (tmp.parentNode.className == 'bg') {
			tmp = tmp.parentNode.parentNode.style;
			if (tmp.cssFloat == 'left') tmp.marginRight = '10px';
			if (tmp.cssFloat == 'right') tmp.marginLeft = '10px';
		}
	}
}

function get_longest_column(id) {
	var tmp;
	var max_h = 0;
	for (var i = 1; i < 10; i++) {
		tmp = document.getElementById('c'+id+i);
		if (tmp) {
			var h = tmp.clientHeight;
			if (h > max_h) max_h = h;
		}
	}
	// alert('column group '+id+': '+max_h+' pixels');
	return max_h+'px';
}

function resize_vlines() {
	var c, h, v;
	for (var i = 1; i < 10; i++) {
		c = document.getElementById('c'+i+'1');
		if (c != null) {
			h = get_longest_column(i);
			v = document.getElementById('v'+i+'1');
			if (v != null) v.style.height = h;
			v = document.getElementById('v'+i+'2');
			if (v != null) v.style.height = h;
			v = document.getElementById('v'+i+'3');
			if (v != null) v.style.height = h;
		}
	}
}

var go_to_left;
var go_to_right;

function gol() {
	document.location.href = go_to_left;
}

function gor() {
	document.location.href = go_to_right;
}

function setup_pageturn_links() {

	// main menu present?
	var d = document.getElementById('main-nav');
	if (d == null) return;

	var ptl = document.getElementById('ptleft');
	var ptr = document.getElementById('ptright');

	// set d to li array, buttons = d[1] - d[10]
	if (is_ie) {
		d = d.getElementsByTagName('li');
	}
	else d = d.childNodes[1].childNodes;
	
	var last = d.length - 2;
	if (is_ie) last = last + 1;
	
	var ih;
	var page_num;
	
	var st = 1;
	if (is_ie) st = 0;
	
	for (var i = st; i <= last; i++) {    
		ih = d[i].innerHTML;
		if (ih.slice(0,2).toLowerCase() != '<a') page_num = i;
	}

	if (is_ie) {
		page_num++;
		last++;
	}
	
	// left arrow
	if (page_num == 1) {
		ptl.style.backgroundPosition = '23px 0px';
		ptl.innerHTML = '&nbsp;'
	}
	else {
		ptl.style.backgroundPosition = '0px 0px';
		ptl.style.cursor = 'pointer';
		if (is_ie) go_to_left = d[page_num-2].childNodes[0];
		else go_to_left = d[page_num-1].childNodes[0];
		// alert('diese: '+page_num+', link links: '+d[page_num-1].childNodes[0]);
		ptl.onclick = gol;
	}
	
	// right arrow
	if (page_num == last) {
		ptr.style.backgroundPosition = '23px 0px';
		ptr.innerHTML = '&nbsp;'
	}
	else {
		ptr.style.backgroundPosition = '0px 0px';
		ptr.style.cursor = 'pointer';
		if (is_ie) go_to_right = d[page_num].childNodes[0];
		else go_to_right = d[page_num+1].childNodes[0];
		ptr.onclick = gor;
	}

}

function showmenu(d) {
	d.parentNode.style.height = '40px';
	d.style.height = '40px';
	d.style.top = '-10px';
}

function hidemenu(d) {
	d.parentNode.style.height = '10px';
	d.style.height = '10px';
	d.style.top = '0px';
}

function change_google_icon() {
	var g = document.getElementsByClassName("s5 LF Uu");
	alert(g.length);
}

function showart(is, page, art) {
	var t = document.getElementById('p'+page+art).parentNode.className;
	var c = 1;
	if (t == 'column2') c = 2;
	if (t == 'column3') c = 3;
	if (t == 'column4') c = 4;
	var link = 'index.php?';
	link = link + 'issue=' + is + '&';
	link = link + 'page=article&p=' + page + '&id=' + art + '&c=' + c;
	document.location.href = link;
	return link;
}


function printart(is, page, art) {
	var t = document.getElementById('p'+page+art).parentNode.className;
	var c = 1;
	if (t == 'column2') c = 2;
	if (t == 'column3') c = 3;
	if (t == 'column4') c = 4;
	var link = 'print.php?';
	link = link + 'issue=' + is + '&';
	link = link + 'p=' + page + '&id=' + art + '&c=' + c;
	document.location.href = link;
	return link;
}