function getPage(nr) {
	http_request("test.cgi?page=" + nr);
}

function getEditPage(nr) {
	http_request("test.cgi?page=" + nr + "&text=" + document.getElementById('editpage').value);
}

function getUploadImage(nr) {
	http_request("upload.cgi?page=" + nr + "&file=" + document.getElementById('imagefile').value);
}

function getHtml(page, text) {
	var text1 = "<b></b>";
	if(page <= 10) {
		document.getElementById('content').innerHTML = text;
	} else if(page >= 11 && page <= 20) {
		document.getElementById('content').innerHTML = text;
	} else if(page >= 21 && page <= 30) {
		document.getElementById('content').innerHTML = "<br><br><span class=font_link onclick=insertTextarea(1)>Nylinje</span> ";
		document.getElementById('content').innerHTML += "<span class=font_link onclick=insertTextarea(2)>Fet</span> ";
		document.getElementById('content').innerHTML += "<span class=font_link onclick=insertTextarea(3)>Kursiv</span> ";
		document.getElementById('content').innerHTML += "<span class=font_link onclick=insertTextarea(4)>Underlinje</span><br><br>";
		document.getElementById('content').innerHTML += "<textarea id=editpage rows=20 cols=60>" + text + "</textarea><br><span class=font_link onclick=getEditPage(" + page + ")>Update</span>";
	}
}

function getFiles() {

}

function getHtmlMenu(page, pageNames) {
	//for (var i in pageNames) {}
	var name1 = pageNames[0];
	var name2 = pageNames[1];
	var name3 = pageNames[2];
	var name4 = pageNames[3];
	var name5 = pageNames[4];
	var name6 = pageNames[5];
	var name7 = pageNames[6];
	var name8 = pageNames[7];
	// ## USER ##
	if(page == 1) {
		//document.getElementById('logo').innerHTML = "<span class=font_logo onclick=getPage(1)></span>";
		document.getElementById('menu1').innerHTML = "<span class=font_pointer onclick=getPage(2)><img src=/img/rackets.jpg></span>   ";
		document.getElementById('menu2').innerHTML = "<span class=font_pointer onclick=getPage(3)><img src=/img/shoes.jpg></span>   ";
		document.getElementById('menu3').innerHTML = "<span class=font_pointer onclick=getPage(4)><img src=/img/clothing.jpg></span>   ";
		document.getElementById('menu4').innerHTML = "<span class=font_pointer onclick=getPage(5)><img src=/img/accessories.jpg></span>   ";
		document.getElementById('menu5').innerHTML = "<span class=font_pointer onclick=getPage(6)><img src=/img/supportyourgame.jpg></span>   ";
		document.getElementById('menu6').innerHTML = "<span class=font_pointer onclick=getPage(7)><img src=/img/technology.jpg></span>   ";
		document.getElementById('menu7').innerHTML = "<span class=font_pointer onclick=getPage(8)><img src=/img/contactus.jpg></span><br><br>";
	} else if (page == 2) {
		//document.getElementById('logo').innerHTML = "<span class=font_logo onclick=getPage(1)></span>";
		document.getElementById('menu1').innerHTML = "<span><img src=/img/rackets2.jpg></span>   ";
		document.getElementById('menu2').innerHTML = "<span class=font_pointer onclick=getPage(3)><img src=/img/shoes.jpg></span>   ";
		document.getElementById('menu3').innerHTML = "<span class=font_pointer onclick=getPage(4)><img src=/img/clothing.jpg></span>   ";
		document.getElementById('menu4').innerHTML = "<span class=font_pointer onclick=getPage(5)><img src=/img/accessories.jpg></span>   ";
		document.getElementById('menu5').innerHTML = "<span class=font_pointer onclick=getPage(6)><img src=/img/supportyourgame.jpg></span>   ";
		document.getElementById('menu6').innerHTML = "<span class=font_pointer onclick=getPage(7)><img src=/img/technology.jpg></span>   ";
		document.getElementById('menu7').innerHTML = "<span class=font_pointer onclick=getPage(8)><img src=/img/contactus.jpg></span><br><br>";
	} else if (page == 3) {
		//document.getElementById('logo').innerHTML = "<span class=font_logo onclick=getPage(1)></span>";
		document.getElementById('menu1').innerHTML = "<span class=font_pointer onclick=getPage(2)><img src=/img/rackets.jpg></span>   ";
		document.getElementById('menu2').innerHTML = "<span><img src=/img/shoes2.jpg></span>   ";
		document.getElementById('menu3').innerHTML = "<span class=font_pointer onclick=getPage(4)><img src=/img/clothing.jpg></span>   ";
		document.getElementById('menu4').innerHTML = "<span  class=font_pointer onclick=getPage(5)><img src=/img/accessories.jpg></span>   ";
		document.getElementById('menu5').innerHTML = "<span  class=font_pointer onclick=getPage(6)><img src=/img/supportyourgame.jpg></span>   ";
		document.getElementById('menu6').innerHTML = "<span  class=font_pointer onclick=getPage(7)><img src=/img/technology.jpg></span>   ";
		document.getElementById('menu7').innerHTML = "<span  class=font_pointer onclick=getPage(8)><img src=/img/contactus.jpg></span><br><br>";
	} else if (page == 4) {
		//document.getElementById('logo').innerHTML = "<span class=font_logo onclick=getPage(1)></span>";
		document.getElementById('menu1').innerHTML = "<span class=font_pointer onclick=getPage(2)><img src=/img/rackets.jpg></span>   ";
		document.getElementById('menu2').innerHTML = "<span class=font_pointer onclick=getPage(3)><img src=/img/shoes.jpg></span>   ";
		document.getElementById('menu3').innerHTML = "<span><img src=/img/clothing2.jpg></span>   ";
		document.getElementById('menu4').innerHTML = "<span class=font_pointer onclick=getPage(5)><img src=/img/accessories.jpg></span>   ";
		document.getElementById('menu5').innerHTML = "<span  class=font_pointer onclick=getPage(6)><img src=/img/supportyourgame.jpg></span>   ";
		document.getElementById('menu6').innerHTML = "<span  class=font_pointer onclick=getPage(7)><img src=/img/technology.jpg></span>   ";
		document.getElementById('menu7').innerHTML = "<span  class=font_pointer onclick=getPage(8)><img src=/img/contactus.jpg></span><br><br>";
	} else if (page == 5) {
		//document.getElementById('logo').innerHTML = "<span class=font_logo onclick=getPage(1)></span>";
		document.getElementById('menu1').innerHTML = "<span class=font_pointer onclick=getPage(2)><img src=/img/rackets.jpg></span>   ";
		document.getElementById('menu2').innerHTML = "<span class=font_pointer onclick=getPage(3)><img src=/img/shoes.jpg></span>   ";
		document.getElementById('menu3').innerHTML = "<span class=font_pointer onclick=getPage(4)><img src=/img/clothing.jpg></span>   ";

		document.getElementById('menu4').innerHTML = "<span><img src=/img/accessories2.jpg></span>   ";
		document.getElementById('menu5').innerHTML = "<span class=font_pointer onclick=getPage(6)><img src=/img/supportyourgame.jpg></span>   ";
		document.getElementById('menu6').innerHTML = "<span  class=font_pointer onclick=getPage(7)><img src=/img/technology.jpg></span>   ";
		document.getElementById('menu7').innerHTML = "<span  class=font_pointer onclick=getPage(8)><img src=/img/contactus.jpg></span><br><br>";
	} else if (page == 6) {
		//document.getElementById('logo').innerHTML = "<span class=font_logo onclick=getPage(1)></span>";
		document.getElementById('menu1').innerHTML = "<span class=font_pointer onclick=getPage(2)><img src=/img/rackets.jpg></span>   ";
		document.getElementById('menu2').innerHTML = "<span class=font_pointer onclick=getPage(3)><img src=/img/shoes.jpg></span>   ";
		document.getElementById('menu3').innerHTML = "<span class=font_pointer onclick=getPage(4)><img src=/img/clothing.jpg></span>   ";
		document.getElementById('menu4').innerHTML = "<span class=font_pointer onclick=getPage(5)><img src=/img/accessories.jpg></span>   ";
		document.getElementById('menu5').innerHTML = "<span><img src=/img/supportyourgame2.jpg></span>   ";
		document.getElementById('menu6').innerHTML = "<span class=font_pointer onclick=getPage(7)><img src=/img/technology.jpg></span>   ";
		document.getElementById('menu7').innerHTML = "<span  class=font_pointer onclick=getPage(8)><img src=/img/contactus.jpg></span><br><br>";
	} else if (page == 7) {
		//document.getElementById('logo').innerHTML = "<span class=font_logo onclick=getPage(1)></span>";
		document.getElementById('menu1').innerHTML = "<span class=font_pointer onclick=getPage(2)><img src=/img/rackets.jpg></span>   ";
		document.getElementById('menu2').innerHTML = "<span class=font_pointer onclick=getPage(3)><img src=/img/shoes.jpg></span>   ";
		document.getElementById('menu3').innerHTML = "<span class=font_pointer onclick=getPage(4)><img src=/img/clothing.jpg></span>   ";
		document.getElementById('menu4').innerHTML = "<span class=font_pointer onclick=getPage(5)><img src=/img/accessories.jpg></span>   ";
		document.getElementById('menu5').innerHTML = "<span class=font_pointer onclick=getPage(6)><img src=/img/supportyourgame.jpg></span>   ";
		document.getElementById('menu6').innerHTML = "<span><img src=/img/technology2.jpg></span>   ";
		document.getElementById('menu7').innerHTML = "<span class=font_pointer onclick=getPage(8)><img src=/img/contactus.jpg></span>   ";
	} else if (page == 8) {
		//document.getElementById('logo').innerHTML = "<span class=font_logo onclick=getPage(1)></span>";
		document.getElementById('menu1').innerHTML = "<span class=font_pointer onclick=getPage(2)><img src=/img/rackets.jpg></span>   ";
		document.getElementById('menu2').innerHTML = "<span class=font_pointer onclick=getPage(3)><img src=/img/shoes.jpg></span>   ";
		document.getElementById('menu3').innerHTML = "<span class=font_pointer onclick=getPage(4)><img src=/img/clothing.jpg></span>   ";
		document.getElementById('menu4').innerHTML = "<span class=font_pointer onclick=getPage(5)><img src=/img/accessories.jpg></span>   ";
		document.getElementById('menu5').innerHTML = "<span class=font_pointer onclick=getPage(6)><img src=/img/supportyourgame.jpg></span>   ";
		document.getElementById('menu6').innerHTML = "<span class=font_pointer onclick=getPage(7)><img src=/img/technology.jpg></span>   ";
		document.getElementById('menu7').innerHTML = "<span><img src=/img/contactus2.jpg></span>   ";
	} else if (page == 9) {
		//document.getElementById('logo').innerHTML = "<span class=font_logo onclick=getPage(1)></span>";
		document.getElementById('menu1').innerHTML = "<span class=font_pointer onclick=getPage(2)><img src=/img/rackets.jpg></span>   ";
		document.getElementById('menu2').innerHTML = "<span class=font_pointer onclick=getPage(3)><img src=/img/shoes.jpg></span>   ";
		document.getElementById('menu3').innerHTML = "<span class=font_pointer onclick=getPage(4)><img src=/img/clothing.jpg></span>   ";
		document.getElementById('menu4').innerHTML = "<span class=font_pointer onclick=getPage(5)><img src=/img/accessories.jpg></span>   ";
		document.getElementById('menu5').innerHTML = "<span class=font_pointer onclick=getPage(6)><img src=/img/supportyourgame.jpg></span>   ";
		document.getElementById('menu6').innerHTML = "<span class=font_pointer onclick=getPage(7)><img src=/img/technology.jpg></span>   ";
		document.getElementById('menu7').innerHTML = "<span class=font_pointer onclick=getPage(8)><img src=/img/contactus.jpg></span>   ";
	// ## ADMIN ##
	} else if(page == 11) {
		document.getElementById('menu').innerHTML = "<span class=font_bold>" + name1 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name1 + "\" onclick=getPage(21)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(12)>" + name2 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name2 + "\" onclick=getPage(22)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(13)>" + name3 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name3 + "\" onclick=getPage(23)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(14)>" + name4 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name4 + "\" onclick=getPage(24)>edit</span><br><br>";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(31)>FILES</span><br><br>";
	} else if (page == 12) {
		document.getElementById('menu').innerHTML = "<span class=font_link onclick=getPage(11)>" + name1 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name1 + "\" onclick=getPage(21)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_bold>" + name2 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name2 + "\" onclick=getPage(22)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(13)>" + name3 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name3 + "\" onclick=getPage(23)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(14)>" + name4 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name4 + "\" onclick=getPage(24)>edit</span><br><br>";
	} else if (page == 13) {
		document.getElementById('menu').innerHTML = "<span class=font_link onclick=getPage(11)>" + name1 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name1 + "\" onclick=getPage(21)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(12)>" + name2 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name2 + "\" onclick=getPage(22)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_bold>" + name3 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name3 + "\" onclick=getPage(23)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(14)>" + name4 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name4 + "\" onclick=getPage(24)>edit</span><br><br>";
	} else if (page == 14) {
		document.getElementById('menu').innerHTML = "<span class=font_link onclick=getPage(11)>" + name1 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name1 + "\" onclick=getPage(21)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(12)>" + name2 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name2 + "\" onclick=getPage(22)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(13)>" + name3 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name3 + "\" onclick=getPage(23)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_bold>" + name4 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name4 + "\" onclick=getPage(24)>edit</span><br><br>";
	// ## ADMIN EDIT ##
	} else if(page == 21) {
		document.getElementById('menu').innerHTML = "<span class=font_link onclick=getPage(11)>" + name1 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_bold font_red\">edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(12)>" + name2 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name2 + "\" onclick=getPage(22)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(13)>" + name3 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name3 + "\" onclick=getPage(23)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(14)>" + name4 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name4 + "\" onclick=getPage(24)>edit</span<br><br>";
	} else if(page == 22) {
		document.getElementById('menu').innerHTML = "<span class=font_link onclick=getPage(11)>" + name1 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name1 + "\" onclick=getPage(21)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(12)>" + name2 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_bold font_red\">edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(13)>" + name3 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name3 + "\" onclick=getPage(23)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(14)>" + name4 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name4 + "\" onclick=getPage(24)>edit</span<br><br>";
	} else if(page == 23) {
		document.getElementById('menu').innerHTML = "<span class=font_link onclick=getPage(11)>" + name1 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name1 + "\" onclick=getPage(21)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(12)>" + name2 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name2 + "\" onclick=getPage(22)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(13)>" + name3 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_bold font_red\">edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(14)>" + name4 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name4 + "\" onclick=getPage(24)>edit</span<br><br>";
	} else if(page == 24) {
		document.getElementById('menu').innerHTML = "<span class=font_link onclick=getPage(11)>" + name1 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name1 + "\" onclick=getPage(21)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(12)>" + name2 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name2 + "\" onclick=getPage(22)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(13)>" + name3 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_red font_link\" title=\"Rediger " + name3 + "\" onclick=getPage(23)>edit</span> | ";
		document.getElementById('menu').innerHTML += "<span class=font_link onclick=getPage(14)>" + name4 + "</span> ";
		document.getElementById('menu').innerHTML += "<span class=\"font_bold font_red\">edit</span><br><br>";
	}
}

function insertTextarea(myValue) {
	var myField = document.getElementById('editpage');
	var length;
	var value1 = "<br>";
	var value2 = "<b></b>";
	var value3 = "<i></i>";
	var value4 = "<u></u>";
	var length1 = 4;
	var length2 = 3;
	var length3 = 3;
	var length4 = 3;
	if (myValue == 1) {
		myValue = value1;
		length = length1;
	} else if (myValue == 2) {
		myValue = value2;
		length = length2;
	} else if (myValue == 3) {
		myValue = value3;
		length = length3;
	} else if (myValue == 4) {
		myValue = value4;
		length = length4;
	}
	//IE support
	if (document.selection) {
		myField.focus();
		var sel = document.selection.createRange();
		sel.text = myValue;
	}
	//MOZILLA/NETSCAPE support
	else if (myField.selectionStart || myField.selectionStart == '0') {
		var startPos = myField.selectionStart;
		var endPos = myField.selectionEnd;
		myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
		//myField.selectionStart = startPos + myLength;
		//myField.selectionEnd = endPos + myLength;
		myField.selectionStart = startPos + length;
		myField.selectionEnd = endPos + length;
		myField.focus();
	} else {
		myField.value += myValue;
		myField.focus();
	}
}

function getRacket(nr) {
	if (nr == 1) {
		document.getElementById('ra').innerHTML = "<img src=/img/xlite110big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>x.Lite110</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: extreme touch racket!</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: advanced till pro<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 500 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 110 gram<br>";
		document.getElementById('rainfo').innerHTML += "Balance: very head light / 1,5*<br>";
		document.getElementById('rainfo').innerHTML += "Material: 100% carbon<br>";
		document.getElementById('rainfo').innerHTML += "String: x.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 2) {
		document.getElementById('ra').innerHTML = "<img src=/img/xlite115big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>x.Lite115</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: head light</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: advanced till pro<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 475 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 115 gram<br>";
		document.getElementById('rainfo').innerHTML += "Balance: head light / 1,75*<br>";
		document.getElementById('rainfo').innerHTML += "Material: 100% carbon<br>";
		document.getElementById('rainfo').innerHTML += "String: x.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 3) {
		document.getElementById('ra').innerHTML = "<img src=/img/xlite120big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>x.Lite120</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: nice balance between power & control</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: advanced till pro<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 485 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 120 gram<br>";
		document.getElementById('rainfo').innerHTML += "Balance: even / 3*<br>";
		document.getElementById('rainfo').innerHTML += "Material: 100% carbon<br>";
		document.getElementById('rainfo').innerHTML += "String: x.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 4) {
		document.getElementById('ra').innerHTML = "<img src=/img/xlite125big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>x.Lite125</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: allround racket</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: advanced till pro<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 480 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 125 gram<br>";
		document.getElementById('rainfo').innerHTML += "Balance: head light / 2*<br>";
		document.getElementById('rainfo').innerHTML += "Material: 100% carbon<br>";
		document.getElementById('rainfo').innerHTML += "String: x.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 5) {
		document.getElementById('ra').innerHTML = "<img src=/img/xlite130big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>x.Lite130</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: extreme stiff racket</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: advanced till pro<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 475 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 130 gram<br>";
		document.getElementById('rainfo').innerHTML += "Balance: head heavy / 5*<br>";
		document.getElementById('rainfo').innerHTML += "Material: 100% carbon<br>";
		document.getElementById('rainfo').innerHTML += "String: m.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 6) {
		document.getElementById('ra').innerHTML = "<img src=/img/vlite100big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>v.Lite100</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: the lightest racket in the world!</span<br>";
		document.getElementById('rainfo').innerHTML += "Playing level: beginner till advanced<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 500 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 100 gram<br>";
		document.getElementById('rainfo').innerHTML += "Balance: extreme head light / 1*<br>";
		document.getElementById('rainfo').innerHTML += "Material: 100% carbon<br>";
		document.getElementById('rainfo').innerHTML += "String: m.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 7) {
		document.getElementById('ra').innerHTML = "<img src=/img/vlite105big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>v.Lite105</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: fantastic allround racket</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: beginner till advanced<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 490 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 105 gram<br>";
		document.getElementById('rainfo').innerHTML += "Balance: head light / 2*<br>";
		document.getElementById('rainfo').innerHTML += "Material: 100% carbon<br>";
		document.getElementById('rainfo').innerHTML += "String: m.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 8) {
		document.getElementById('ra').innerHTML = "<img src=/img/vlite110big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>v.Lite110</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: stiff and light frame!</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: beginner till advanced<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 485 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 110 gram<br>";
		document.getElementById('rainfo').innerHTML += "Balance: head light / 1,75*<br>";
		document.getElementById('rainfo').innerHTML += "Material: 100% carbon<br>";
		document.getElementById('rainfo').innerHTML += "String: m.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 9) {
		document.getElementById('ra').innerHTML = "<img src=/img/vlite115big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>v.Lite115</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: for the hard hitters</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: beginner till advanced<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 490 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 115 gram<br>";
		document.getElementById('rainfo').innerHTML += "Balance: even / 3*<br>";
		document.getElementById('rainfo').innerHTML += "Material: 100% carbon<br>";
		document.getElementById('rainfo').innerHTML += "String: x.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 10) {
		document.getElementById('ra').innerHTML = "<img src=/img/vlite120big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>v.Lite120</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: good mix power and control</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: beginner till advanced<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 490 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 120 gram<br>";
		document.getElementById('rainfo').innerHTML += "Balance: even / 3,5*<br>";
		document.getElementById('rainfo').innerHTML += "Material: 100% carbon<br>";
		document.getElementById('rainfo').innerHTML += "String: x.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 11) {
		document.getElementById('ra').innerHTML = "<img src=/img/vlite125big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>v.Lite125</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: Power racket</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: beginner till advanced<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 500 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 125 gram<br>";
		document.getElementById('rainfo').innerHTML += "Balance: even / 4*<br>";
		document.getElementById('rainfo').innerHTML += "Material: 100% carbon<br>";
		document.getElementById('rainfo').innerHTML += "String: x.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 12) {
		document.getElementById('ra').innerHTML = "<img src=/img/mlite155jrbig.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>m.Lite155 junior</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: great beginners racket for juniors</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: kids between 6-10 years<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 495 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 155 <br>";
		document.getElementById('rainfo').innerHTML += "Balance: even / 4*<br>";
		document.getElementById('rainfo').innerHTML += "Material: aluminium<br>";
		document.getElementById('rainfo').innerHTML += "String: m.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	} else if (nr == 13) {
		document.getElementById('ra').innerHTML = "<img src=/img/mlite165big.jpg height=460>";
		document.getElementById('rainfo').innerHTML = "<span class=font_blue_big>m.Lite165</span><br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_bold>Key word: great beginners racket</span><br>";
		document.getElementById('rainfo').innerHTML += "Playing level: beginners<br>";
		document.getElementById('rainfo').innerHTML += "Head size: 495 sq cm<br>";
		document.getElementById('rainfo').innerHTML += "Frame weight: 165 <br>";
		document.getElementById('rainfo').innerHTML += "Balance: even / 4,5*<br>";
		document.getElementById('rainfo').innerHTML += "Material: aluminium<br>";
		document.getElementById('rainfo').innerHTML += "String: m.Control<br>";
		document.getElementById('rainfo').innerHTML += "<span class=font_pink>Incl. 6-racketbag!</span><br>";
	}
}

function getShoes(nr) {

	if (nr == 1) {
		document.getElementById('sh').innerHTML = "<img src=/img/shoespic1.jpg>";
	} else if (nr == 2) {
		document.getElementById('sh').innerHTML = "<img src=/img/shoespic2.jpg>";
	}
}


function getClothing(nr) {

	if (nr == 1) {
		document.getElementById('cl').innerHTML = "<img src=/img/suitbig.jpg>";
		document.getElementById('clinfo').innerHTML = "<span class=font_blue_big>Eye Tracksuit:</span><br>";
		document.getElementById('clinfo').innerHTML += "Eye microfiber tracksuit, color white/black,<br>";
		document.getElementById('clinfo').innerHTML += "size S-XL, warm up your body!<br>";
	} else if (nr == 2) {
		document.getElementById('cl').innerHTML = "<img src=/img/shirtsbig.jpg>";
		document.getElementById('clinfo').innerHTML = "<span class=font_blue_big>Eye Shirts:</span><br>";
		document.getElementById('clinfo').innerHTML += "Eye t-shirts: high quality breathable polyester,<br>";
		document.getElementById('clinfo').innerHTML += "available in the colors white/red, white/black,<br>";
		document.getElementById('clinfo').innerHTML += "white/blue & white/grey, size S-XL.<br>"; 
	} else if (nr == 3) {
		document.getElementById('cl').innerHTML = "<img src=/img/shortsbig.jpg>";
		document.getElementById('clinfo').innerHTML = "<span class=font_blue_big>Eye Shorts:</span><br>";
		document.getElementById('clinfo').innerHTML += "Eye polyester microfiber shorts<br>";
		document.getElementById('clinfo').innerHTML += "in colors white and black,<br>";
		document.getElementById('clinfo').innerHTML += "size M-XL.<br>";
	} else if (nr == 4) {
		document.getElementById('cl').innerHTML = "<img src=/img/headbig.jpg>";
		document.getElementById('clinfo').innerHTML = "<span class=font_blue_big>Eye Head Band:</span><br>";
		document.getElementById('clinfo').innerHTML += "Because your head does the work.<br>";
	} else if (nr == 5) {
		document.getElementById('cl').innerHTML = "<img src=/img/capbig.jpg>";
		document.getElementById('clinfo').innerHTML = "<span class=font_blue_big>Eye Squash Cap:</span><br>";
		document.getElementById('clinfo').innerHTML += "Look cool in a whip.<br>";
	} else if (nr == 6) {
		document.getElementById('cl').innerHTML = "<img src=/img/wristbig.jpg>";
		document.getElementById('clinfo').innerHTML = "<span class=font_blue_big>Eye Sweat Band:</span><br>";
		document.getElementById('clinfo').innerHTML += "Go play. Go sweat!<br>";
	}
}

function getAccessories(nr) {

	if (nr == 1) {
		document.getElementById('ac').innerHTML = "<img src=/img/bag1big.jpg>";
		document.getElementById('acinfo').innerHTML = "<span class=font_blue_big>Eye tournament Bag:</span><br>";
		document.getElementById('acinfo').innerHTML += "This bag makes travel easy with its con-<br>";
		document.getElementById('acinfo').innerHTML += "venient travel wheels and pull out handle.<br>";
		document.getElementById('acinfo').innerHTML += "Thermo technology provides protection<br>";
		document.getElementById('acinfo').innerHTML += "from the elements, Side compartment<br>";
		document.getElementById('acinfo').innerHTML += "for accessories, wet clothing storage,<br>";
		document.getElementById('acinfo').innerHTML += "shoe storage, towel storage,<br>";
		document.getElementById('acinfo').innerHTML += "<span class=font_pink>Dimensions L76cm x H39cm x W33cm</span><br>";
	} else if (nr == 2) {
		document.getElementById('ac').innerHTML = "<img src=/img/bag2big.jpg>";
		document.getElementById('acinfo').innerHTML = "<span class=font_blue_big>Eye racket Bag:</span><br>";
		document.getElementById('acinfo').innerHTML += "Thermo technology provides protection<br>";
		document.getElementById('acinfo').innerHTML += "from the elements. Three zipper compart-<br>";
		document.getElementById('acinfo').innerHTML += "ments allow for 10 rackets and other gear.<br>";
		document.getElementById('acinfo').innerHTML += "Side compartment for accessories. Shoe<br>";
		document.getElementById('acinfo').innerHTML += "and wet clothing storage. Adjustable<br>";
		document.getElementById('acinfo').innerHTML += "backpack straps.<br>";
		document.getElementById('acinfo').innerHTML += "<span class=font_pink>Dimensions L75cm x H34cm x W35cm</span><br>";
	} else if (nr == 3) {
		document.getElementById('ac').innerHTML = "<img src=/img/bag3big.jpg>";
		document.getElementById('acinfo').innerHTML = "<span class=font_blue_big>Eye 6-racketbag:</span><br>";
		document.getElementById('acinfo').innerHTML += "Because one racket is never enough <br>";
		document.getElementById('acinfo').innerHTML += "(if you buy a Eye Racket, you get <br>";
		document.getElementById('acinfo').innerHTML += "one for free!)<br>";
	} else if (nr == 4) {
		document.getElementById('ac').innerHTML = "<img src=/img/keyringbig.jpg>";
		document.getElementById('acinfo').innerHTML = "<span class=font_blue_big>Eye Key Chain:</span><br>";
		document.getElementById('acinfo').innerHTML += "All your keys in one place.<br>";
		document.getElementById('acinfo').innerHTML += "100% of this product´s profit goes<br>";
		document.getElementById('acinfo').innerHTML += "to your squash federation!<br>";
	} else if (nr == 5) {
		document.getElementById('ac').innerHTML = "<img src=/img/ballsbig.jpg>";
		document.getElementById('acinfo').innerHTML = "<span class=font_blue_big>Eye Balls:</span><br>";
		document.getElementById('acinfo').innerHTML += "Eye Official Squash Ball in 4 different <br>";
		document.getElementById('acinfo').innerHTML += "speeds: very high bounce, high bounce, <br>";
		document.getElementById('acinfo').innerHTML += "low bounce, very low bounce.<br>";
	} else if (nr == 6) {
		document.getElementById('ac').innerHTML = "<img src=/img/gripbig.jpg>";
		document.getElementById('acinfo').innerHTML = "<span class=font_blue_big>Eye Grip x.Tacky:</span><br>";
		document.getElementById('acinfo').innerHTML += "Mixed colors black&yellow. Extreme tacky<br>";
		document.getElementById('acinfo').innerHTML += "and superb quality, 24 pieces in a box.<br>";
	} else if (nr == 7) {
		document.getElementById('ac').innerHTML = "<img src=/img/glassesbig.jpg>";
		document.getElementById('acinfo').innerHTML = "<span class=font_blue_big>Eye Goggles:</span><br>";
		document.getElementById('acinfo').innerHTML += "This protective eyewear consists of an ergonomic<br>";
		document.getElementById('acinfo').innerHTML += "frame, a protective drawstring bag and an eye glass<br>";
		document.getElementById('acinfo').innerHTML += "cord that safely and securely holds eyewear in place<br>";
		document.getElementById('acinfo').innerHTML += "during play. Anti-fog ventilation system keeps the<br>";
		document.getElementById('acinfo').innerHTML += "lenses clear so you always see clearly when the<br>";
		document.getElementById('acinfo').innerHTML += "temperatures rise.<br>";
		document.getElementById('acinfo').innerHTML += "<span class=font_pink>Available in a junior and senior version.</span><br>";
	}
}
