/*** SET BUTTON'S FOLDER HERE ***/

var buttonFolder = "http://www.kipazin.com/finnish/buttons/";



/*** SET BUTTONS' FILENAMES HERE ***/

upSources = new Array("button1up.png","button2up.png","button3up.png","button4up.png","button5up.png","button6up.png");



overSources = new Array("button1over.png","button2over.png","button3over.png","button4over.png","button5over.png","button6over.png");



// SUB MENUS DECLARATION, YOU DONT NEED TO EDIT THIS

subInfo = new Array();

subInfo[1] = new Array();

subInfo[2] = new Array();

subInfo[3] = new Array();

subInfo[4] = new Array();

subInfo[5] = new Array();

subInfo[6] = new Array();





//*** SET SUB MENUS TEXT LINKS AND TARGETS HERE ***//





subInfo[2][1] = new Array("Omat koiramme","http://kipazin.com/finnish/Koiramme/koiramme.html","");

subInfo[2][2] = new Array("Sijoituskoirat","http://kipazin.1g.fi/kuvat/Sijoituskoirat/","");

subInfo[2][3] = new Array("Muistoissamme","http://kipazin.com/finnish/Muistoissamme/muistoissamme.html","");



subInfo[3][1] = new Array("Suunnitteilla","http://kipazin.com/finnish/Pentuja/suunnitteilla.html","");

subInfo[3][2] = new Array("Syntyneet","http://kipazin.com/finnish/Pentuja/syntyneet.html","");



subInfo[4][1] = new Array("Kipazin D - 2011","http://kipazin.com/finnish/Pentueet/Dpentue/kipazind.html","");

subInfo[4][2] = new Array("Kipazin J - 2009","http://kipazin.com/finnish/Pentueet/Jpentue/kipazinj.html","");

subInfo[4][3] = new Array("Kipazin K - 2008","http://kipazin.com/finnish/Pentueet/Kpentue/kipazink.html","");

subInfo[4][4] = new Array("Kipazin M - 2007","http://kipazin.com/finnish/Pentueet/Mpentue/kipazinm.html","");

subInfo[4][5] = new Array("Kipazin C - 2004","http://kipazin.com/finnish/Pentueet/Cpentue/kipazinc.html","");

subInfo[4][6] = new Array("Kipazin W - 2002","http://kipazin.com/finnish/Pentueet/Wpentue/kipazinw.html","");

subInfo[4][7] = new Array("Kipazin B - 2001","http://kipazin.com/finnish/Pentueet/Bpentue/kipazinb.html","");

subInfo[4][8] = new Array("Kipazin A - 1999","http://kipazin.com/finnish/Pentueet/Apentue/kipazina.html","");



subInfo[5][1] = new Array("18.06.2011","http://kipazin.com/finnish/Tapaamiset/tapaamiset12.html","");

subInfo[5][2] = new Array("10.07.2010","http://kipazin.com/finnish/Tapaamiset/tapaamiset11.html","");

subInfo[5][3] = new Array("15.08.2009","http://kipazin.com/finnish/Tapaamiset/tapaamiset10.html","");

subInfo[5][4] = new Array("07.06.2008","http://kipazin.com/finnish/Tapaamiset/tapaamiset09.html","");

subInfo[5][5] = new Array("09.06.2007","http://kipazin.com/finnish/Tapaamiset/tapaamiset08.html","");

subInfo[5][6] = new Array("20.05.2006","http://kipazin.com/finnish/Tapaamiset/tapaamiset07.html","");

subInfo[5][7] = new Array("03.09.2005","http://kipazin.com/finnish/Tapaamiset/tapaamiset06.html","");

subInfo[5][8] = new Array("05.06.2004","http://kipazin.com/finnish/Tapaamiset/tapaamiset05.html","");

subInfo[5][9] = new Array("07.06.2003","http://kipazin.com/finnish/Tapaamiset/tapaamiset04.html","");

subInfo[5][10] = new Array("15.06.2002","http://kipazin.com/finnish/Tapaamiset/tapaamiset03.html","");

subInfo[5][11] = new Array("18.08.2001","http://kipazin.com/finnish/Tapaamiset/tapaamiset02.html","");

subInfo[5][12] = new Array("17.06.2000","http://kipazin.com/finnish/Tapaamiset/tapaamiset01.html","");



subInfo[6][1] = new Array("Jalostusurokset","http://kipazin.com/finnish/Kasvatus/jalostusurokset.html","");

subInfo[6][2] = new Array("Valiot","http://kipazin.com/finnish/Kasvatus/valiot.html","");

subInfo[6][3] = new Array("Terveys, kromfohrländer","http://kipazin.com/finnish/Kasvatus/terveys_kromit.html","");

subInfo[6][4] = new Array("Terveys, leonberginkoira","http://kipazin.com/finnish/Kasvatus/terveys_leot.html","");



//*** SET SUB MENU POSITION ( RELATIVE TO BUTTON ) ***//

var xSubOffset = 0;

var ySubOffset = 19;







//*** NO MORE SETTINGS BEYOND THIS POINT ***//

var overSub = false;

var delay = 1000;

totalButtons = upSources.length;



// GENERATE SUB MENUS

for ( x=0; x<totalButtons; x++) {

	// SET EMPTY DIV FOR BUTTONS WITHOUT SUBMENU

	if ( subInfo[x+1].length < 1 ) { 

		document.write('<div id="submenu' + (x+1) + '">');

	// SET DIV FOR BUTTONS WITH SUBMENU

	} else {

		document.write('<div id="submenu' + (x+1) + '" class="dropmenu" ');

		document.write('onMouseOver="overSub=true;');

		document.write('setOverImg(\'' + (x+1) + '\',\'\');"');

		document.write('onMouseOut="overSub=false;');

		document.write('setTimeout(\'hideSubMenu(\\\'submenu' + (x+1) + '\\\')\',delay);');

		document.write('setOutImg(\'' + (x+1) + '\',\'\');">');





		document.write('<ul>');

		for ( k=0; k<subInfo[x+1].length-1; k++ ) {

			document.write('<li>');

			document.write('<a href="' + subInfo[x+1][k+1][1] + '" ');

			document.write('target="' + subInfo[x+1][k+1][2] + '">');

			document.write( subInfo[x+1][k+1][0] + '</a>');

			document.write('</li>');

		}

		document.write('</ul>');

	}

	document.write('</div>');

}











//*** MAIN BUTTONS FUNCTIONS ***//

// PRELOAD MAIN MENU BUTTON IMAGES

function preload() {

	for ( x=0; x<totalButtons; x++ ) {

		buttonUp = new Image();

		buttonUp.src = buttonFolder + upSources[x];

		buttonOver = new Image();

		buttonOver.src = buttonFolder + overSources[x];

	}

}



// SET MOUSEOVER BUTTON

function setOverImg(But, ID) {

	document.getElementById('button' + But + ID).src = buttonFolder + overSources[But-1];

}



// SET MOUSEOUT BUTTON

function setOutImg(But, ID) {

	document.getElementById('button' + But + ID).src = buttonFolder + upSources[But-1];

}







//*** SUB MENU FUNCTIONS ***//

// GET ELEMENT ID MULTI BROWSER

function getElement(id) {

	return document.getElementById ? document.getElementById(id) : document.all ? document.all(id) : null; 

}



// GET X COORDINATE

function getRealLeft(id) { 

	var el = getElement(id);

	if (el) { 

		xPos = el.offsetLeft;

		tempEl = el.offsetParent;

		while (tempEl != null) {

			xPos += tempEl.offsetLeft;

			tempEl = tempEl.offsetParent;

		} 

		return xPos;

	} 

} 



// GET Y COORDINATE

function getRealTop(id) {

	var el = getElement(id);

	if (el) { 

		yPos = el.offsetTop;

		tempEl = el.offsetParent;

		while (tempEl != null) {

			yPos += tempEl.offsetTop;

			tempEl = tempEl.offsetParent;

		}

		return yPos;

	}

}



// MOVE OBJECT TO COORDINATE

function moveObjectTo(objectID,x,y) {

	var el = getElement(objectID);

	el.style.left = x;

	el.style.top = y;

}



// MOVE SUBMENU TO CORRESPONDING BUTTON

function showSubMenu(subID, buttonID) {

	hideAllSubMenus();

	butX = getRealLeft(buttonID);

	butY = getRealTop(buttonID);

	moveObjectTo(subID,butX+xSubOffset, butY+ySubOffset);

}



// HIDE ALL SUB MENUS

function hideAllSubMenus() {

	for ( x=0; x<totalButtons; x++) {

		moveObjectTo("submenu" + (x+1) + "",-500, -500 );

	}

}



// HIDE ONE SUB MENU

function hideSubMenu(subID) {

	if ( overSub == false ) {

		moveObjectTo(subID,-500, -500);

	}

}







//preload();