// JavaScript Document


//var addr = "http://www.andersonphotovideo.com/";
var addr = "http://www.madelinesalocks.com/AndersonPhotography/";


if ( (navigator.appName=="Microsoft Internet Explorer") && (navigator.appVersion.toLowerCase().indexOf("mac") > 0) )
	is_iemac = true;
else
	is_iemac = false;


function header(bk) {

if (bk == '' || bk == 'undefined' || bk == null)
	bk = 'sitename';
// without order button:
//document.write('<a href="' + addr + 'index.html"><img src="' + addr + 'graphics/' + bk + '.jpg" border="0" /></a>');
// with order button:
document.write('<table cellspacing="0" cellpadding="0" border="0" width="800"><tr><td><a href="' + addr + 'index.html"><img src="' + addr + 'graphics/' + bk + '.jpg" border="0" />' +
'</a></td><td align="right"><a href="'  + addr  + 'orderform.html"><img src="'  + addr +  'graphics/order_button_graybk_MED.gif" style="height:52px; padding-right:20px;" alt="Order Performance Event Photos"/></a></td></tr></table>');

document.write('<div class="top_link toplink_placement">');
/*
if (is_iemac == false) {
	var m1 = new COOLjsMenu("menu1", MENU_ITEMS);
}
else {
*/
	/*
	document.write('<a href="' + addr + 'index.html" class="top_link">home</a>');
	document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
	document.write('<a href="' + addr + 'service_headshot.html" class="top_link">headshot service</a>');
	document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
	document.write('<a href="' + addr + 'service_performance.html" class="top_link">performance event service</a>');
	document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
	document.write('<a href="' + addr + 'service_video.html" class="top_link">video service</a>');
	document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
	document.write('<a href="' + addr + 'orderform.html" class="top_link">performance order form</a>');
	document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
	document.write('<a href="' + addr + 'contact.html" class="top_link">contact</a>');
	*/
	document.write('<ul id="nav">');
	document.write('<li><a href="' + addr + 'index.html" class="top_link">Home</a></li>');
	document.write('<li><a href="#" style="text-decoration:none;">Services</a>');
	document.write('<ul>');
	document.write('<li><a href="' + addr + 'service_headshot.html" class="top_link">Headshots</a></li>');
	document.write('<li><a href="' + addr + 'service_performance.html" class="top_link">Performance Events&mdash;Stills</a></li>');
	document.write('<li><a href="' + addr + 'service_video.html" class="top_link">Performance Events&mdash;Videos</a></li>');
	document.write('</ul>');
	document.write('</li>');
	document.write('<li><a href="' + addr + 'orderform.html" class="top_link">Order Forms</a></li>');
	document.write('<li><a href="' + addr + 'contact.html" class="top_link">Contact</a></li>');
	document.write('</ul>');
	
//}
document.write('</div>');

}






function leftnav(curr) {
var ev_link_red = addr + 'graphics/events_red.jpg';
var ev_link_white = addr + 'graphics/events_white.jpg';

// the following way has portfolio on top
/*
document.write ('<div class="leftside_link leftside_placement" style="height:auto;">' +
				
				'<div class="widget" style="height:auto;">' +
				'<img src="' + addr + 'graphics/portfolio_white.jpg" border="0" /><br /><br />' +
					'<span class="leftside_category">Headshots</span>' +
					'<div class="leftside_link" style="padding-top:3px;margin-left:3px;">' +
						'<a href="' + addr + 'children/slideshow.php" class="leftside_link"><span id="children">Children</span></a>' +
						'<br />' +
						'<a href="' + addr + 'teens/slideshow.php" class="leftside_link"><span id="teens">Teens</span></a>' +
						'<br />' +
						'<a href="' + addr + 'adults/slideshow.php" class="leftside_link"><span id="adults">Adults</span></a>' +
					'</div>' +
                    '<br />' +
					'<span class="leftside_category">Performances</span>' +
					'<div class="leftside_link" style="padding-top:3px;margin-left:3px;">' +
						'<a href="' + addr + 'theater/slideshow.php" class="leftside_link"><span id="theater">Theater</span></a>' +
						'<br />' +
						'<a href="' + addr + 'music/slideshow.php" class="leftside_link"><span id="music">Choral Music</span></a>' +
						'<br />' +
						'<a href="' + addr + 'concertband/slideshow.php" class="leftside_link"><span id="concertband">Concert Band</span></a>' +
						'<br />' +
						'<a href="' + addr + 'dance/slideshow.php" class="leftside_link"><span id="dance">Dance</span></a>' +
					'</div>' +
					'<br />' +
					'<span class="leftside_category">Videos</span>' +
						'<div class="leftside_link2" style="padding-top:3px; margin-left:3px;">' +
						'<a href="' + addr + 'video_portfolio.html" class="leftside_link2"><div id="video_selections" style="width:57px;">Selected Clips</div></a>' +
						'</div>'+ 
				'</div>' +
				
				'<br />' +
				//'<div><a href="' + addr + 'events.php" class="leftside_link"><img src="' + addr + 'graphics/events_white.jpg" border="0" onmouseover="this.src=\'' + ev_link_red +'\'" onmouseout ="this.src=\'' + ev_link_white +'\'" /></a></div>' +
				//'<br />' +

				'<div class="widget" style="height:auto;">' +
				'<img src="' + addr + 'graphics/eventgalleries_lefthdr.jpg" border="0" /><br />' +
				'<div class="leftside_category" style="padding-top:5px; color:#000000;">Current</div>' +
					'<div class="leftside_link" style="padding-top:3px; margin-left:3px;">' +
						'<a href="' + addr + 'events.php" class="leftside_link"><span id="stills_events">Still Photos</span></a>' +
						'<br />' +
						'<a href="' + addr + 'events-videos.html" class="leftside_link"><span id="video_events">Videos</span></a>' +
					'</div>' +
				'</div>' +
				
				'</div>');
*/


// the following way has galleries on top

document.write ('<div class="leftside_link leftside_placement" style="height:auto;">' +

				'<div class="widget" style="height:auto;margin-left:-2px;">' +
				'<img src="' + addr + 'graphics/eventgalleries_lefthdr.jpg" border="0" /><br />' +
				'<div class="leftside_category" style="padding-top:5px; color:#000000; font-size:11px;">&raquo;&raquo; <i>CURRENT</i></div>' +
					'<div class="leftside_link" style="padding-top:3px; margin-left:3px;">' +
						'<a href="' + addr + 'events.php" class="leftside_link"><span id="stills_events">Still Photos</span></a>' +
						'<br />' +
						'<a href="' + addr + 'events-videos.html" class="leftside_link"><span id="video_events">Videos</span></a>' +
					'</div>' +
				'</div>' +
				
				'<br /><br />' +
				
				'<div class="widget" style="height:auto;margin-left:-2px;">' +
				'<img src="' + addr + 'graphics/portfolio_white.jpg" border="0" /><br /><br />' +
					'<span class="leftside_category">Headshots</span>' +
					'<div class="leftside_link" style="padding-top:3px;margin-left:3px;">' +
						'<a href="' + addr + 'children/slideshow.php" class="leftside_link"><span id="children">Children</span></a>' +
						'<br />' +
						'<a href="' + addr + 'teens/slideshow.php" class="leftside_link"><span id="teens">Teens</span></a>' +
						'<br />' +
						'<a href="' + addr + 'adults/slideshow.php" class="leftside_link"><span id="adults">Adults</span></a>' +
					'</div>' +
                    '<br />' +
					'<span class="leftside_category">Performances</span>' +
					'<div class="leftside_link" style="padding-top:3px;margin-left:3px;">' +
						'<a href="' + addr + 'theater/slideshow.php" class="leftside_link"><span id="theater">Theater</span></a>' +
						'<br />' +
						'<a href="' + addr + 'music/slideshow.php" class="leftside_link"><span id="music">Choral Music</span></a>' +
						'<br />' +
						'<a href="' + addr + 'concertband/slideshow.php" class="leftside_link"><span id="concertband">Concert Band</span></a>' +
						'<br />' +
						'<a href="' + addr + 'dance/slideshow.php" class="leftside_link"><span id="dance">Dance</span></a>' +
					'</div>' +
					'<br />' +
					'<span class="leftside_category">Videos</span>' +
					    /*'<div class="leftside_link" style="margin-left:4px;text-indent:-4px;padding-top:3px;">' + */
						'<div class="leftside_link2" style="padding-top:3px; margin-left:3px;">' +
						'<a href="' + addr + 'video_portfolio.html" class="leftside_link2"><div id="video_selections" style="width:57px;">Selected Clips</div></a>' +
						'</div>'+ 
					//'<br />' +
				'</div>' +
				
				
				'</div>');
						
					

		switch(curr){
		case "children":
		//document.getElementById("children").style.color = "#ffcc00";
		document.getElementById("children").style.color = "#000000";
		document.getElementById("children").style.border = "#990000 1px solid";
		break;
		case "adults":
		//document.getElementById("adults").style.color = "#36483f";
		document.getElementById("adults").style.color = "#000000";
		document.getElementById("adults").style.border = "#990000 1px solid";
		break;
		case "teens":
		//document.getElementById("teens").style.color = "#274e4e";
		document.getElementById("teens").style.color = "#000000";
		document.getElementById("teens").style.border = "#990000 1px solid";
		break;
		case "music":
		//document.getElementById("music").style.color = "#721717";
		document.getElementById("music").style.color = "#000000";
		document.getElementById("music").style.border = "#990000 1px solid";
		break;
		case "concertband":
		//document.getElementById("concertband").style.color = "#102554";
		document.getElementById("concertband").style.color = "#000000";
		document.getElementById("concertband").style.border = "#990000 1px solid";
		break;
		case "theater":
		//document.getElementById("theater").style.color = "#663333";
		document.getElementById("theater").style.color = "#000000";
		document.getElementById("theater").style.border = "#990000 1px solid";
		break;
		case "dance":
		//document.getElementById("dance").style.color = "#660033";
		document.getElementById("dance").style.color = "#000000";
		document.getElementById("dance").style.border = "#990000 1px solid";
		break;
		case "video_selections":
		//document.getElementById("deathsalesman").style.color = "#000000";
		document.getElementById("video_selections").style.color = "#000000";
		document.getElementById("video_selections").style.border = "#990000 1px solid";
		break;
		case "video_events":
		//document.getElementById("deathsalesman").style.color = "#000000";
		document.getElementById("video_events").style.color = "#000000";
		document.getElementById("video_events").style.border = "#990000 1px solid";
		break;
		case "stills_events":
		//document.getElementById("deathsalesman").style.color = "#000000";
		document.getElementById("stills_events").style.color = "#000000";
		document.getElementById("stills_events").style.border = "#990000 1px solid";
		break;

		}				

				
}







function footer() {
document.write('Copyright &copy; Anderson Photography  All Rights Reserved ');
currDate = new Date();
currYr = currDate.getFullYear();
//document.write(currYr);
document.write("2007");
document.write(' | <span class="link3lightertiny">website by <a href="http://www.madelinesalocks.com" class="link3lightertiny">Madeline Salocks</a></span>');
}

function trimString (str) {
  return str.replace(/^\s+/g, '').replace(/\s+$/g, '');
}


function yearDropDown() {

var d = new Date();
//var curr_date = d.getDate();
//var curr_month = d.getMonth();
var curr_year = d.getFullYear();

document.write('<select name="cc_expire_yr" style="font-size:10px;">' +
'<option value="' + curr_year +  '">' + curr_year + 
'</option>' +
'<option value="' + (curr_year + 1) +  '">' +
(curr_year+1) +  '</option>' +
'<option value="' + (curr_year + 2) +  '">' +
(curr_year+2) +  '</option>' +
'<option value="' + (curr_year + 3) +  '">' +
(curr_year+3) +  '</option>' +
'<option value="' + (curr_year + 4) +  '">' +
(curr_year+4) +  '</option>' +
'<option value="' + (curr_year + 5) +  '">' +
(curr_year+5) +  '</option>' +
'<option value="' + (curr_year + 6) +  '">' +
(curr_year+6) +  '</option>' +
'</select>');

}




// START OLD STUFF:



// start old links...
/*
function formLinks(curr) {

document.write('<div class="link3lighter" style="padding-left:128px;">');


document.write('<a href="orderform.html?curr=p" class="link3lighter">');
if (curr == 'p')
	document.write('<span style="color:#000000;">');
else
	document.write('<span>');
document.write('Performance Order</span></a>');


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

document.write('<div style="height:5px; border-bottom: 1px solid #cccccc;"></div>');
}



function serviceLinks() {

document.write('<div class="link3lighter" style="padding-left:1px;">');


document.write('<a href="service_headshot.html?curr=h" class="link3lighter">');
if (curr == 'h')
	document.write('<span style="color:#000000;">');
else
	document.write('<span>');
document.write('Headshots</span></a>');

document.write('&nbsp;&nbsp;&nbsp;');

document.write('<a href="service_performance.html?curr=p" class="link3lighter">');
if (curr == 'p')
	document.write('<span style="color:#000000;">');
else
	document.write('<span>');
document.write('Performances</span></a>');

document.write('&nbsp;&nbsp;&nbsp;');

document.write('<a href="service_video.html?curr=v" class="link3lighter">');
if (curr == 'v')
	document.write('<span style="color:#000000;">');
else
	document.write('<span>');
document.write('Videos</span></a>');

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

document.write('<div style="height:5px; border-bottom: 1px solid #cccccc;"></div>');

}
*/
// end old links...

/*
function showServices(){
document.getElementById("services").style.visibility = 'visible';
}

function hideServices() {
document.getElementById("services").style.visibility = 'hidden';
}*/


function leftnavORIGINAL(curr) {
var ev_link_red = addr + 'graphics/events_red.jpg';
var ev_link_white = addr + 'graphics/events_white.jpg';

document.write ('<div class="leftside_link leftside_placement" style="height:auto;">' +
				'<img src="' + addr + 'graphics/portfolio_white.jpg" border="0" />' +
				'<div class="widget" style="height:auto;">' +
					'<span class="leftside_category">Headshots</span>' +
					'<div class="leftside_link" style="padding-top:3px;">' +
						'<a href="' + addr + 'children/slideshow.php" class="leftside_link"><span id="children">Children</span></a>' +
						'<br />' +
						'<a href="' + addr + 'teens/slideshow.php" class="leftside_link"><span id="teens">Teens</span></a>' +
						'<br />' +
						'<a href="' + addr + 'adults/slideshow.php" class="leftside_link"><span id="adults">Adults</span></a>' +
					'</div>' +
                    '<br />' +
				'</div>' +
				'<div class="widget" style="height:auto;">' +
					'<span class="leftside_category">Performances</span>' +
					'<div class="leftside_link" style="padding-top:3px;">' +
						'<a href="' + addr + 'theater/slideshow.php" class="leftside_link"><span id="theater">Theater</span></a>' +
						'<br />' +
						'<a href="' + addr + 'music/slideshow.php" class="leftside_link"><span id="music">Music</span></a>' +
						'<br />' +
						'<span style="margin-left:4px;"><a href="' + addr + 'concertband/slideshow.php" class="leftside_link"><span id="concertband">Concert Band</span></a></span>' +
						'<br />' +
						'<a href="' + addr + 'dance/slideshow.php" class="leftside_link"><span id="dance">Dance</span></a>' +
					'</div>' +
					'<br />' +
				'</div>' +
				'<div class="widget" style="height:auto;">' +
					'<span class="leftside_category">Videos</span>' +
					    /*'<div class="leftside_link" style="margin-left:4px;text-indent:-4px;padding-top:3px;">' + */
						'<div class="leftside_link2" style="padding-top:4px;">' +
						'<a href="' + addr + 'videos.php?v=1" class="leftside_link2"><div id="deathsalesman" style="width:57px;">Death of a Salesman</div></a>' +
						'</div>'+ 
						'<div class="leftside_link2" style="padding-top:4px;">' +
						'<a href="' + addr + 'videos.php?v=2" class="leftside_link2"><div id="cyrano" style="width:57px;">Cyrano de Bergerac</div></a>' +
					    '</div>' +
						'<div class="leftside_link2" style="padding-top:4px;">' +
						'<a href="' + addr + 'videos.php?v=3" class="leftside_link2"><div id="broadway" style="width:70px;">For the Love of Broadway</div></a>' +
					    '</div>' +
						'<div class="leftside_link2" style="padding-top:4px;">' +
						'<a href="' + addr + 'videos.php?v=4" class="leftside_link2"><div id="denver" style="width:70px;">John Denver Holiday Concert</div></a>' +
					    '</div>' +
						'<div class="leftside_link2" style="padding-top:4px;">' +
						'<a href="' + addr + 'videos.php?v=5" class="leftside_link2"><div id="shellie">Shellie Awards</div></a>' +
					    '</div>' +
                        '<div class="leftside_link2" style="padding-top:4px;">' +
						'<a href="' + addr + 'events.php" class="leftside_link2">more...</a>' +
					    '</div>' +
					'<br />' +
				'</div>' +
				'<br />' +
				'<div><a href="' + addr + 'events.php" class="leftside_link"><img src="' + addr + 'graphics/events_white.jpg" border="0" onmouseover="this.src=\'' + ev_link_red +'\'" onmouseout ="this.src=\'' + ev_link_white +'\'" /></a></div>' +
				//'<br />' +
				//'&nbsp;<a href="' + addr + 'events.php" class="leftside_link">click here</a>' +
				'</div>');
			
					

		switch(curr){
		case "children":
		//document.getElementById("children").style.color = "#ffcc00";
		document.getElementById("children").style.color = "#000000";
		//document.getElementById("children").style.background = "#aaaaaa";
		document.getElementById("children").style.border = "#999999 1px solid";
		
		break;
		case "adults":
		//document.getElementById("adults").style.color = "#36483f";
		document.getElementById("adults").style.color = "#000000";
		document.getElementById("adults").style.border = "#999999 1px solid";
		break;
		case "teens":
		//document.getElementById("teens").style.color = "#274e4e";
		document.getElementById("teens").style.color = "#000000";
		document.getElementById("teens").style.border = "#999999 1px solid";
		break;
		case "music":
		//document.getElementById("music").style.color = "#721717";
		document.getElementById("music").style.color = "#000000";
		document.getElementById("music").style.border = "#999999 1px solid";
		break;
		case "concertband":
		//document.getElementById("concertband").style.color = "#102554";
		document.getElementById("concertband").style.color = "#000000";
		document.getElementById("concertband").style.border = "#999999 1px solid";
		break;
		case "theater":
		//document.getElementById("theater").style.color = "#663333";
		document.getElementById("theater").style.color = "#000000";
		document.getElementById("theater").style.border = "#999999 1px solid";
		break;
		case "dance":
		//document.getElementById("dance").style.color = "#660033";
		document.getElementById("dance").style.color = "#000000";
		document.getElementById("dance").style.border = "#999999 1px solid";
		break;
		case "deathsalesman":
		//document.getElementById("deathsalesman").style.color = "#000000";
		document.getElementById("deathsalesman").style.color = "#000000";
		document.getElementById("deathsalesman").style.border = "#999999 1px solid";
		break;
		case "cyrano":
		//document.getElementById("cyrano").style.color = "#000000";
		document.getElementById("cyrano").style.color = "#000000";
		document.getElementById("cyrano").style.border = "#999999 1px solid";
		break;
		case "broadway":
		//document.getElementById("broadway").style.color = "#000000";
		document.getElementById("broadway").style.color = "#000000";
		document.getElementById("broadway").style.border = "#999999 1px solid";
		break;
		case "denver":
		//document.getElementById("denver").style.color = "#000000";
		document.getElementById("denver").style.color = "#000000";
		document.getElementById("denver").style.border = "#999999 1px solid";
		break;
		case "shellie":
		//document.getElementById("shellie").style.color = "#000000";
		document.getElementById("shellie").style.color = "#000000";
		document.getElementById("shellie").style.border = "#999999 1px solid";
		break;
		}				

				
}




function MM_preloadImages() { 
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//window.onload = MM_preloadImages('graphics/b.gif');





function toggleDiv(divid){

    if(document.getElementById(divid).style.display == 'none'){
	
      document.getElementById(divid).style.display = 'block';
	  
	  if (divid == 'headshots_wrapper') {
			document.getElementById("headshots_icon").innerHTML = '<img src="graphics/minus.gif" border="0" alt="" />';
	  }
  	

    }else{
	
      document.getElementById(divid).style.display = 'none';
	  
	  if (divid == 'headshots_wrapper') {
			document.getElementById("headshots_icon").innerHTML = '<img src="graphics/add.gif" border="0" alt="" />';
   	  }
	 
	  
	} 

}