/*
 * July 2009
 * This javascript dynamically generates the main/top menu.
 * The code was stolen from the Beginning CSS book and modified.
 * It works as per in microslop IE7 and real browsers.
 *
 * Add a style to draw a bottom border on the 6th drop down link.
 * The 6th link also corresponds with the 6th image link on the gallery page.
 */	
function generateMainMenu()
{

document.write( "<div id='nav_menu'><div><ul id='gifts'>" );
    document.write( "<li><span><a href='rhome.htm'>Home</a></span></li>" );
	document.write( "<li><span><a href='aboutus.htm'>About Us</a></span></li>" );
    document.write( "<li><span><a href='gallery.htm'>Gallery</a></span>" );
        document.write( "<ul class='menu_menu'>" );
            document.write( "<li><a href='basia.htm'>Basia</a><a class='L2' href='sadie.htm'>Sadie</a></li>" );
            document.write( "<li><a href='liebchen2.htm'>Liebchen</a><a class='L2' href='zak.htm'>Zak</a></li>" );
            document.write( "<li><a href='phoenix.htm'>Phoenix</a><a class='L2' href='tempe.htm'>Tempe</a></li>" );
			
            document.write( "<li><a href='tyler.htm'>Tyler</a><a class='L2' href='winnie.htm'>Winnie</a></li>" );
            document.write( "<li><a href='dakota.htm'>Dakota</a><a class='L2' href='kyle.htm'>Kyle</a></li>" );
            document.write( "<li><a href='bode.htm'>Bode</a><a class='L2' href='blair.htm'>Blair</a></li>" );
			
            document.write( "<li><a href='roz.htm'>Roz</a><a class='L2' href='misty.htm'>Misty</a></li>" );
            document.write( "<li><a href='decker.htm'>Decker</a><a class='L2' href='cali.htm'>Cali</a></li>" );
            document.write( "<li><a href='ticket.htm'>Ticket</a><a class='L2' href='mariah.htm'>Mariah</a></li>" );
			
            document.write( "<li><a href='hal.htm'>Hal</a> <a class='L2' href='diamond.htm'>Diamond</a></li>" );
            document.write( "<li><a href='griffin.htm'>Griffin</a><a class='L2' href='wily.htm'>Wily</a></li>" );
        document.write( "</ul></li>" );
            
    document.write( "<li><span><a href='specialevents.htm'>Special Events</a></span>" );
        document.write( "<ul class='menu_menu'>" );
			document.write( "<li><a href='fashion_show.htm'>Fashion Show</a></li>" );
			document.write( "<li><a href='newspaper_interview.htm'>Newspaper Interview</a></li>" );
        document.write( "</ul></li>" );
		
    document.write( "<li><span><a href='shownews.htm'>Show News</a></span>" );
        document.write( "<ul class='menu_menu'>" );
            document.write( "<li><a href='shownews2009.htm'>\'09 News</a></li>" );
            document.write( "<li><a href='shownews2008.htm'>\'08 News</a></li>" );
            document.write( "<li><a href='shownews2007.htm'>\'07 News</a></li>" );
            document.write( "<li><a href='shownews2006.htm'>\'06 News</a></li>" );
            document.write( "<li><a href='shownews2005.htm'>\'05 News</a></li>" );
            document.write( "<li><a href='shownews2004.htm'>\'04 News</a></li>" );
            document.write( "<li><a href='shownews2003.htm'>\'03 News</a></li>" );
        document.write( "</ul></li>" );
 
    document.write( "<li><span><a href='puppies.htm' >Puppies</a></span>" );
        // document.write( "<ul class='menu_menu'>" );
			// document.write( "<li>Link to puppy page here</li>" );
/*
			document.write( "<li><a href='http://www.senecaschnauzers.com/daffy_hal.htm'>Daffy x Hal</a></li>" );
			document.write( "<li><a href='phoenix_scam.htm'>Phoenix x Scam</a></li>" );
			document.write( "<li><a href='kyle_gibson.htm'>Kyle x Gibson</a></li>" );
			document.write( "<li><a href='phoenix_ultra.htm'>Phoenix x Ultra</a></li>" );
			document.write( "<li><a href='phoenix_heater.htm'>Phoenix x Heater</a></li>" );
			document.write( "<li><a href='tempe_smokey.htm'>Tempe x Smokey</a></li>" );
			document.write( "<li><a href='phoenix_topaz.htm'>Phoenix x Topaz</a></li>" );
			document.write( "<li><a href='phoenix_ella.htm'>Phoenix x Ella</a></li>" );
			document.write( "<li><a href='winnie_wager.htm'>Winnie x Wager</a></li>" );
			document.write( "<li><a href='http://www.himmlisch.com/aaron_tempe_family.htm'>Aaron x Tempe</a></li>" );
*/
            //document.write( "</ul></li>" );
    document.write( "<li><span><a href='famille.htm' >Family</a></span></li>" );
	document.write( "<li><span><a href='past_litters.htm' >Past Litters</a></span></li>" );
    document.write( "<li><span><a href='contactus.htm' >Contact Us</a></span></li>" );

document.write( "</ul>" );
document.write( "</div>" );
document.write( "</div>" );

/*
 *	End the main navigation menu ===============================
 */
}

function adjustTopPosition( leftPad )
{
leftPad = '0';

	if ( navigator.appName.indexOf('Microsoft') == -1 )	// we have FireFox
	{
		posMenu = document.getElementById( 'menuLine' ).style;
		posMenu.position = 'relative';
		posMenu.top = '20px';
		
		container2 = document.getElementById( 'container2' ).style;
		container2.top = '-40px';	// firefox
	}

	if ( document.getElementById( 'template' ) != null )
	{
		posBanner = document.getElementById( 'template' ).style;
		posBanner.position = 'relative';
		if ( navigator.appName.indexOf('Microsoft') == -1 )
			posBanner.top = '-30px';	// firefox
		else
			posBanner.top = '-20px';	// microslop
	
		posBanner.width = '860px';
		posBanner.paddingLeft =  leftPad +'px';
		posBanner.paddingRight = '0px';
		posBanner.marginRight = '150px';
		posBanner.marginLeft  = '30px';
		//posBanner.marginBottom  = '0px';
	}
	
	return true;
}

$(document).ready(function()
{
	// $(".latest_img").fadeTo("slow", 0.3);
	$(".liebchen").hover(function()
	{
		$(this).fadeTo("slow", 1.0);
	},
	function()
	{
		$(this).fadeTo("slow", 0.5);
	});
});