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

var buttonFolder = "buttons/";



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

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



overSources = new Array("button1over.png","button2over.png","button3over.png","button4over.png","button5over.png","button6over.png","button7over.png","button8over.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();

subInfo[7] = new Array();

subInfo[8] = new Array();





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







subInfo[4][1] = new Array("Training Philosophy","http://www.smartypawsny.com/trainingPhilosophy.html","");

subInfo[4][2] = new Array("Private Training Services","http://www.smartypawsny.com/trainingServices.html","");

subInfo[4][3] = new Array("Clicker Training","http://www.smartypawsny.com/clickerTraining.html","");

subInfo[4][4] = new Array("Group Classes","http://www.smartypawsny.com/groupClasses.html","");



subInfo[5][1] = new Array("Client Photos","http://www.smartypawsny.com/clientPhotos.html","");

subInfo[5][2] = new Array("Testimonials","http://www.smartypawsny.com/testimonials.html","");





subInfo[7][1] = new Array("Smarty Links","http://www.smartypawsny.com/smartyLinks.html","");

subInfo[7][2] = new Array("Smarty Tips","http://www.smartypawsny.com/smartyTips.html","");

subInfo[7][3] = new Array("Smarty Blog","http://smartypawsdogtraining.blogspot.com/","");





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

var xSubOffset = 21;

var ySubOffset = 23;







//*** 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) {

	document.getElementById(objectID).style.left=x+'px';

	document.getElementById(objectID).style.top=y+'px';

	document.getElementById(objectID).style.display='block';

}



// MOVE SUBMENU TO CORRESPONDING BUTTON

function showSubMenu(subID, buttonID) {

	hideAllSubMenus();

	butX = getRealLeft(buttonID);

	butY = getRealTop(buttonID);

	//alert(butX+" - "+xSubOffset+" - "+butY+" - "+ySubOffset);

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

}



// HIDE ALL SUB MENUS

function hideAllSubMenus() {

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

		document.getElementById("submenu" + (x+1) + "").style.display='none';

	}

}



// HIDE ONE SUB MENU

function hideSubMenu(subID) {

	if ( overSub == false ) {

		document.getElementById(subID).style.display='none';

	}

}







//preload();