var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();

window.onload = init;

function init()
{
	if (!W3CDOM) return;
	var nav = document.getElementById('mouseovers');
	if (nav != null) {
		var imgs = nav.getElementsByTagName('img');
	} else {
		var imgs = new Array();
	}
	for (var i=0;i<imgs.length;i++)
	{
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "-mo" + suffix;
		imgs[i].number = i;
	}
}

function mouseGoesOver()
{
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}



var b1 = new Image;
b1.src = "/Skins/images/box-m1.gif";
var b1a = new Image;
b1a.src = "/Skins/images/box-m1-mo.gif";
var b2 = new Image;
b2.src = "/Skins/images/box-m2.gif";
var b2a = new Image;
b2a.src = "/Skins/images/box-m2-mo.gif";
var b3 = new Image;
b3.src = "/Skins/images/box-m3.gif";
var b3a = new Image;
b3a.src = "/Skins/images/box-m3-mo.gif";
var b4 = new Image;
b4.src = "/Skins/images/box-m4.gif";
var b4a = new Image;
b4a.src = "/Skins/images/box-m4-mo.gif";


var ab1 = new Image;
ab1.src = "/Skins/images/box-1-m1.gif";
var ab1a = new Image;
ab1a.src = "/Skins/images/box-1-m1-mo.gif";
var ab2 = new Image;
ab2.src = "/Skins/images/box-1-m2.gif";
var ab2a = new Image;
ab2a.src = "/Skins/images/box-1-m2-mo.gif";
var ab3 = new Image;
ab3.src = "/Skins/images/box-1-m3.gif";
var ab3a = new Image;
ab3a.src = "/Skins/images/box-1-m3-mo.gif";


var port1 = new Image;
port1.src = "/Skins/images/portfolio/sportnetwork_inactive.gif";
var port1a = new Image;
port1a.src = "/Skins/images/portfolio/sportnetwork_hover.gif";

var port2 = new Image;
port2.src = "/Skins/images/portfolio/autonetwork_inactive.gif";
var port2a = new Image;
port2a.src = "/Skins/images/portfolio/autonetwork_hover.gif";

var port3 = new Image;
port3.src = "/Skins/images/portfolio/maenner_inactive.gif";
var port3a = new Image;
port3a.src = "/Skins/images/portfolio/maenner_hover.gif";

var port4 = new Image;
port4.src = "/Skins/images/portfolio/reisenetwork_inactive.gif";
var port4a = new Image;
port4a.src = "/Skins/images/portfolio/reisenetwork_hover.gif";

var port5 = new Image;
port5.src = "/Skins/images/portfolio/ebay_inactive.gif";
var port5a = new Image;
port5a.src = "/Skins/images/portfolio/ebay_hover.gif";


var currentcontent = 1;
var currentcontentpro = 1;

var currentcontent1 = 10;
var currentcontentpro1 = 10;

function nextpro() {
	currentcontentpro += 1;
	if (currentcontentpro > 3) {
		currentcontentpro = 1;
	}
	getContentpro(currentcontentpro);
}

function prevpro() {
	currentcontentpro -= 1;
	if (currentcontentpro < 0) {
		currentcontentpro = 3;
	}
	getContentpro(currentcontentpro);
}

function nextpro2() {
	currentcontentpro1 += 1;
	if (currentcontentpro1 > 14) {
		currentcontentpro1 = 10;
	}
	getContentpro(currentcontentpro1);
}

function prevpro2() {
	currentcontentpro1 -= 1;
	if (currentcontentpro1 < 10) {
		currentcontentpro1 = 14;
	}
	getContentpro(currentcontentpro1);
}

function next() {
	currentcontent += 1;
	if (currentcontent > 4) {
		currentcontent = 1;
	}
	getContent(currentcontent);
}

function prev() {
	currentcontent -= 1;
	if (currentcontent < 0) {
		currentcontent = 4;
	}
	getContent(currentcontent);
}

var websub = 1;
var consub = 1;
var versub = 1;
var autosub = 1;
var sportsub = 1;
var maennersub = 1;
var reisesub = 1;
var ebaysub = 1;

function prevSub(pType, submax) {
	if (pType == 'web') {
		websub -= 1;
		if (websub <= 0) {
			websub = submax;
		}
		getSub(websub, submax, pType);
	} else if (pType == 'con') {
		consub -= 1;
		if (consub <= 0) {
			consub = submax;
		}

		getSub(consub, submax, pType);
	} else if (pType == 'ver') {
		versub -= 1;
		if (versub <= 0) {
			versub = submax;
		}
		getSub(versub, submax, pType);
	} else if (pType == 'auto') {
		autosub -= 1;
		if (autosub <= 0) {
			autosub = submax;
		}
		getSub(autosub, submax, pType);
	} else if (pType == 'sport') {
		sportsub -= 1;
		if (sportsub <= 0) {
			sportsub = submax;
		}
		getSub(sportsub, submax, pType);
	} else if (pType == 'maenner') {
		maennersub -= 1;
		if (maennersub <= 0) {
			maennersub = submax;
		}
		getSub(maennersub, submax, pType);
	} else if (pType == 'ebay') {
		ebaysub -= 1;
		if (ebaysub <= 0) {
			ebaysub = submax;
		}
		getSub(ebaysub, submax, pType);
	} else if (pType == 'reise') {
		reisesub -= 1;
		if (reisesub <= 0) {
			reisesub = submax;
		}
		getSub(reisesub, submax, pType);
	}

}


function nextSub(pType, submax) {
	if (pType == 'web') {
		websub += 1;
		if (websub > submax) {
			websub = 1;
		}
		getSub(websub, submax, pType);
	} else if (pType == 'con') {
		consub += 1;
		if (consub > submax) {
			consub = 1;
		}
		getSub(consub, submax, pType);
	} else if (pType == 'ver') {
		versub += 1;
		if (versub > submax) {
			versub = 1;
		}
		getSub(versub, submax, pType);
	}
	else if (pType == 'auto') {
		autosub += 1;
		if (autosub > submax) {
			autosub = 1;
		}
		getSub(autosub, submax, pType);
	}
	else if (pType == 'sport') {
		sportsub += 1;
		if (sportsub > submax) {
			sportsub = 1;
		}
		getSub(sportsub, submax, pType);
	}
	else if (pType == 'maenner') {
		maennersub += 1;
		if (maennersub > submax) {
			maennersub = 1;
		}
		getSub(maennersub, submax, pType);
	}
	else if (pType == 'ebay') {
		ebaysub += 1;
		if (ebaysub > submax) {
			ebaysub = 1;
		}
		getSub(ebaysub, submax, pType);
	}
	else if (pType == 'reise') {
		reisesub += 1;
		if (reisesub > submax) {
			reisesub = 1;
		}
		getSub(reisesub, submax, pType);
	}
}

function nextSub2(pType, submax) {
	if (pType == 'web') {
		websub += 1;
		if (websub > submax) {
			websub = 1;
		}
		alert("1");
		getSub2(websub, submax, pType);
	} else if (pType == 'con') {
		consub += 1;
		if (consub > submax) {
			consub = 1;
		}
		getSub(consub, submax, pType);
	} else if (pType == 'ver') {
		versub += 1;
		if (versub > submax) {
			versub = 1;
		}
		getSub(versub, submax, pType);
	}
}

// a actual item
// b count item
// c type of items

function getSub(a, b, c) {
	var i=1;
	for (i=1; i <= b; i++) {
		if (i == a) {
			document.getElementById(c+ 'sub'+i).style.display = "block";
		} else {
			document.getElementById(c+ 'sub'+i).style.display = "none";
		}
	}
}

function getSub2(a, b, c) {
	var i=1;
	for (i=1; i <= b; i++) {
		if (i == a) {
			document.getElementById(c+ 'sub'+i).style.display = "block";
			
			alert("document.getElementById(" + c + "sub" + i + ").style.display = block ");
			
		} else {
			document.getElementById(c+ 'sub'+i).style.display = "none";
			
			alert("document.getElementById(" + c + "sub" + i + ").style.display = none ");
		}
	}
}

function getContentpro(numb) {
currentcontentpro = numb;
	sub = 1;
	if (numb == 1) {
		document.getElementById('box-menu1-pro').style.display = "block";
		document.getElementById('box-menu2-pro').style.display = "none";
		document.getElementById('box-menu3-pro').style.display = "none";

		document.getElementById('contentpro1').style.display = "block";
		document.getElementById('contentpro2').style.display = "none";
		document.getElementById('contentpro3').style.display = "none";

	} else if (numb == 2) {
		document.getElementById('box-menu1-pro').style.display = "none";
		document.getElementById('box-menu2-pro').style.display = "block";
		document.getElementById('box-menu3-pro').style.display = "none";
		document.getElementById('contentpro1').style.display = "none";
		document.getElementById('contentpro2').style.display = "block";
		document.getElementById('contentpro3').style.display = "none";
	} else if (numb == 3) {
		document.getElementById('box-menu1-pro').style.display = "none";
		document.getElementById('box-menu2-pro').style.display = "none";
		document.getElementById('box-menu3-pro').style.display = "block";
		document.getElementById('contentpro1').style.display = "none";
		document.getElementById('contentpro2').style.display = "none";
		document.getElementById('contentpro3').style.display = "block";

	} else if (numb == 10) {
		document.getElementById('box-menu1-pro').style.display = "block";
		document.getElementById('box-menu2-pro').style.display = "";
		document.getElementById('box-menu3-pro').style.display = "none";
		document.getElementById('box-menu4-pro').style.display = "none";
		document.getElementById('box-menu5-pro').style.display = "none";
		document.getElementById('contentpro11').style.display = "block";
		document.getElementById('contentpro12').style.display = "none";
		document.getElementById('contentpro13').style.display = "none";
		document.getElementById('contentpro14').style.display = "none";
		document.getElementById('contentpro15').style.display = "none";
	} else if (numb == 11) {
		document.getElementById('box-menu1-pro').style.display = "none";
		document.getElementById('box-menu2-pro').style.display = "block";
		document.getElementById('box-menu3-pro').style.display = "none";
		document.getElementById('box-menu4-pro').style.display = "none";
		document.getElementById('box-menu5-pro').style.display = "none";
		document.getElementById('contentpro11').style.display = "none";
		document.getElementById('contentpro12').style.display = "block";
		document.getElementById('contentpro13').style.display = "none";
		document.getElementById('contentpro14').style.display = "none";
		document.getElementById('contentpro15').style.display = "none";
	} else if (numb == 12) {
		document.getElementById('box-menu1-pro').style.display = "none";
		document.getElementById('box-menu2-pro').style.display = "none";
		document.getElementById('box-menu3-pro').style.display = "block";
		document.getElementById('box-menu4-pro').style.display = "none";
		document.getElementById('box-menu5-pro').style.display = "none";
		document.getElementById('contentpro11').style.display = "none";
		document.getElementById('contentpro12').style.display = "none";
		document.getElementById('contentpro13').style.display = "block";
		document.getElementById('contentpro14').style.display = "none";
		document.getElementById('contentpro15').style.display = "none";
	} else if (numb == 13) {
		document.getElementById('box-menu1-pro').style.display = "none";
		document.getElementById('box-menu2-pro').style.display = "none";
		document.getElementById('box-menu3-pro').style.display = "none";
		document.getElementById('box-menu4-pro').style.display = "block";
		document.getElementById('box-menu5-pro').style.display = "none";
		document.getElementById('contentpro11').style.display = "none";
		document.getElementById('contentpro12').style.display = "none";
		document.getElementById('contentpro13').style.display = "none";
		document.getElementById('contentpro14').style.display = "block";
		document.getElementById('contentpro15').style.display = "none";
	} else if (numb == 14) {
		document.getElementById('box-menu1-pro').style.display = "none";
		document.getElementById('box-menu2-pro').style.display = "none";
		document.getElementById('box-menu3-pro').style.display = "none";
		document.getElementById('box-menu4-pro').style.display = "none";
		document.getElementById('box-menu5-pro').style.display = "block";
		document.getElementById('contentpro11').style.display = "none";
		document.getElementById('contentpro12').style.display = "none";
		document.getElementById('contentpro13').style.display = "none";
		document.getElementById('contentpro14').style.display = "none";
		document.getElementById('contentpro15').style.display = "block";
	}
	
}


function getContent(numb) {
currentcontent = numb;
	if (numb == 1) {
		document.getElementById('box-menu1').style.display = "block";
		document.getElementById('box-menu2').style.display = "none";
		document.getElementById('box-menu3').style.display = "none";
		document.getElementById('box-menu4').style.display = "none";


		document.getElementById('content1').style.display = "block";
		document.getElementById('content2').style.display = "none";
		document.getElementById('content3').style.display = "none";
		document.getElementById('content4').style.display = "none";
	} else if (numb == 2) {
		document.getElementById('box-menu1').style.display = "none";
		document.getElementById('box-menu2').style.display = "block";
		document.getElementById('box-menu3').style.display = "none";
		document.getElementById('box-menu4').style.display = "none";
		document.getElementById('content1').style.display = "none";
		document.getElementById('content2').style.display = "block";
		document.getElementById('content3').style.display = "none";
		document.getElementById('content4').style.display = "none";

	} else if (numb == 3) {
		document.getElementById('box-menu1').style.display = "none";
		document.getElementById('box-menu2').style.display = "none";
		document.getElementById('box-menu3').style.display = "block";
		document.getElementById('box-menu4').style.display = "none";
		document.getElementById('content1').style.display = "none";
		document.getElementById('content2').style.display = "none";
		document.getElementById('content3').style.display = "block";
		document.getElementById('content4').style.display = "none";

	} else if (numb == 4) {
		document.getElementById('box-menu1').style.display = "none";
		document.getElementById('box-menu2').style.display = "none";
		document.getElementById('box-menu3').style.display = "none";
		document.getElementById('box-menu4').style.display = "block";
		document.getElementById('content1').style.display = "none";
		document.getElementById('content2').style.display = "none";
		document.getElementById('content3').style.display = "none";
		document.getElementById('content4').style.display = "block";
	}
}
