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 currentcontent = 1;
var currentcontentpro = 1;

function nextpro() {
	currentcontentpro += 1;
	if (currentcontentpro > 3) {
		currentcontentpro = 1;
	}
	getContentpro(currentcontentpro);
}

function prevpro() {
	currentcontentpro -= 1;
	if (currentcontentpro < 0) {
		currentcontentpro = 3;
	}
	getContentpro(currentcontentpro);
}

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;

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

}


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

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

	} 
}


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