/*
Script Writer: Kenneth Corbin
Layout: Jenny Kent-Payne
Date: April 10, 2011
Project: Toy Exchange
Client: Perry Mohney
*/

//Left Sidebar Submenu

$(document).ready(function() {

//Browser Detection: Submenu Alignment

browser = navigator.appName;

if(browser == "Netscape") {

leftalign = 150;

}else if(browser == "Microsoft Internet Explorer") {

leftalign = 150;

}

//Hover Toggle Method and Function: Menu Button 1

$("#mainMenuTitle1").hover(function(){

$("#subMenu1").css("position", "relative");
$("#subMenu1").css("left", leftalign);
$("#subMenu1").css("z-index", 10);
$("#subMenu1").fadeIn(800);
$("#subMenu1").css("color", "white");

}, function() {

$("#subMenu1").css("position", "relative");
$("#subMenu1").fadeOut(800);

});

//Hover Toggle Method and Function: Menu Button 2

$("#mainMenuTitle2").hover(function(){

$("#subMenu2").css("position", "relative");
$("#subMenu2").css("left", leftalign);
$("#subMenu2").css("z-index", 10);
$("#subMenu2").fadeIn(800);
$("#subMenu2").css("color", "white");

}, function() {

$("#subMenu2").css("position", "relative");
$("#subMenu2").fadeOut(800);

});

//Hover Toggle Method and Function: Menu Button 3

$("#mainMenuTitle3").hover(function(){

$("#subMenu3").css("position", "relative");
$("#subMenu3").css("left", leftalign);
$("#subMenu3").css("z-index", 10);
$("#subMenu3").fadeIn(800);
$("#subMenu3").css("color", "white");

}, function() {

$("#subMenu3").css("position", "relative");
$("#subMenu3").fadeOut(800);

});

//Hover Toggle Method and Function: Menu Button 4

$("#mainMenuTitle4").hover(function(){

$("#subMenu4").css("position", "relative");
$("#subMenu4").css("left", leftalign);
$("#subMenu4").css("z-index", 10);
$("#subMenu4").fadeIn(700);
$("#subMenu4").css("color", "white");

}, function() {

$("#subMenu4").css("position", "relative");
$("#subMenu4").fadeOut(800);

});

//Hover Toggle Method and Function: Menu Button 5

$("#mainMenuTitle5").hover(function(){

$("#subMenu5").css("position", "relative");
$("#subMenu5").css("left", leftalign);
$("#subMenu5").css("z-index", 10);
$("#subMenu5").fadeIn(800);
$("#subMenu5").css("color", "white");

}, function() {

$("#subMenu5").css("position", "relative");
$("#subMenu5").fadeOut(800);

});

//Hover Toggle Method and Function: Menu Button 6 

$("#mainMenuTitle6").hover(function(){

$("#subMenu6").css("position", "relative");
$("#subMenu6").css("left", leftalign);
$("#subMenu6").css("z-index", 10);
$("#subMenu6").fadeIn(800);
$("#subMenu6").css("color", "white");

}, function() {

$("#subMenu6").css("position", "relative");
$("#subMenu6").fadeOut(800);

});

//Hover Toggle Method and Function: Menu Button 7

$("#mainMenuTitle7").hover(function(){

$("#subMenu7").css("position", "relative");
$("#subMenu7").css("left", leftalign);
$("#subMenu7").css("z-index", 3);
$("#subMenu7").fadeIn(800);
$("#subMenu7").css("color", "white");

}, function() {

$("#subMenu7").css("position", "relative");
$("#subMenu7").fadeOut(800);

});

//Hover Toggle Method and Function: Menu Button 8

$("#mainMenuTitle8").hover(function(){

$("#subMenu8").css("position", "relative");
$("#subMenu8").css("left", leftalign);
$("#subMenu8").css("z-index", 3);
$("#subMenu8").fadeIn(800);
$("#subMenu8").css("color", "white");

}, function() {

$("#subMenu8").css("position", "relative");
$("#subMenu8").fadeOut(800);
});

//Hover Toggle Method and Function: Menu Button 9 

$("#mainMenuTitle9").hover(function(){

$("#subMenu9").css("position", "relative");
$("#subMenu9").css("left", leftalign);
$("#subMenu9").css("z-index", 3);
$("#subMenu9").fadeIn(800);
$("#subMenu9").css("color", "white");

}, function() {

$("#subMenu9").css("position", "relative");
$("#subMenu9").fadeOut(800);

});

//Hover Toggle Method and Function: Menu Button 10

$("#mainMenuTitle10").hover(function(){

$("#subMenu10").css("position", "relative");
$("#subMenu10").css("left", leftalign);
$("#subMenu10").css("z-index", 3);
$("#subMenu10").fadeIn(800);
$("#subMenu10").css("color", "white");

}, function() {

$("#subMenu10").css("position", "relative");
$("#subMenu10").fadeOut(800);

});

//Hover Toggle Method and Function: Menu Button 11

$("#mainMenuTitle11").hover(function(){

$("#subMenu11").css("position", "relative");
$("#subMenu11").css("left", leftalign);
$("#subMenu11").css("z-index", 3);
$("#subMenu11").fadeIn(800);
$("#subMenu11").css("color", "white");

}, function() {

$("#subMenu11").css("position", "relative");
$("#subMenu11").fadeOut(800);

});

//Hover Toggle Method and Function: Menu Button 12

$("#mainMenuTitle12").hover(function(){

$("#subMenu12").css("position", "relative");
$("#subMenu12").css("left", leftalign);
$("#subMenu12").css("z-index", 3);
$("#subMenu12").fadeIn(800);
$("#subMenu12").css("color", "white");

}, function() {

$("#subMenu12").css("position", "relative");
$("#subMenu12").fadeOut(800);

});

});