

baseurl = (typeof(baseurl) !='undefined') ? baseurl : "";

goinghome=0;

if(typeof(phrase) != 'undefined'){
	phrase.lbstrip_preview_image_from_lb_linktext	=''
	phrase.lbstrip_remove_image_from_lb_linktext	=''
	phrase.lbstrip_preview_image_from_cart_linktext=''
	phrase.lbstrip_remove_image_from_cart_linktext	=''
}
gadmin = ggetCookie("admin_level");
gadmin_links = ggetCookie("display_admin_menu");
gusername = ggetCookie("username");
var dropdownbody_search_margin = (gadmin && gadmin_links && gusername && gsession)? 28 : -2;
var dropdownbottom_search_margin = (gadmin && gadmin_links && gusername && gsession)? 73 : 45;
if (typeof(checkoutpage) == 'undefined')
        checkoutpage = 0;
var thtml='';

function writemainsearchrow(){
	thtml += '<div id="searchbar_main">';
	thtml += '	<div id="searchbar_right" style="width: 200px; float: right;">';
	thtml += '		<div class="searchbar_right_item" id="youtube"><a href="http://www.youtube.com/user/stockshopllc" target="_blank"></a></div>';
	thtml += '		<div class="searchbar_right_item" id="blogger"><a href="http://www.stockshop.com/blogs.shtml" target="_blank"></a></div>';
	thtml += '		<div class="searchbar_right_item" id="twitter"><a href="http://twitter.com/stockshop" target="_blank"></a></div>';
	thtml += '		<div class="searchbar_right_item" id="facebook"><a href="http://www.facebook.com/stockshop" target="_blank"></a></div>';
	thtml += '	</div>';
	thtml += '<table style="float: left;"><tr><td>';
	thtml += '<form id="searchform" name="qform" action="javascript:ghome();"><fieldset>';
	thtml += '	  <label for="query" onfocus="javascript:( typeof(searchpage) !=\'undefined\' ? void 0 : submenu_show(\'dropdownsearch\'));">Search</label>';
	thtml += '	  <input type="text" name="Keywords" autocomplete="off" id="query" value="" class="keybox" onfocus="javascript:( typeof(searchpage) !=\'undefined\' ? void 0 : submenu_show(\'dropdownsearch\'));" onclick="javascript:( typeof(searchpage) !=\'undefined\' ? void 0 : submenu_show(\'dropdownsearch\'));"/ >';
	thtml += '	  <input type="submit" name="submitquery" id="submitquery" value="Go" /> ';
	thtml += '	 </fieldset>';
		thtml += '		<div class="menudropdown" id="dropdownsearch" >';
		thtml += '			<div class="dropdownbody200" style="position: absolute; top:-2px ;*margin-left: -166px;_margin-left: -166px;"><ul>';
/* 		thtml += '				<li><input type="checkbox" name="searchinclude" id="searchmenudropdownall" value="all" checked>&nbsp;All Creative</li>'; */
		thtml += '				<li><input type="checkbox" name="searchinclude" id="searchmenudropdownrm" value="RM" checked>&nbsp;Rights Managed (RM)</li>';
		thtml += '				<li style="width: 200px;_width: 200px;"><input type="checkbox" name="searchinclude" id="searchmenudropdownrf"  style="_margin-left: 23px;"value="RF" checked><span style="margin-left: -62px; _margin-left: -62px;">&nbsp;Royalty Free (RF)</span></li>';
		thtml += '				</ul>';
		thtml += '			</div>';
	thtml += '			<div class="dropdownbottom200" style="margin-left: -12px;*margin-left: -166px;position: absolute; top: 46px;*top: 56px;_top: 60px; _left: 0px;"  onMouseOver="javascript:submenu_hide(\'dropdownsearch\');"></div>';




	thtml += '		</div>';
	thtml += '	</form>';

	thtml += '</td><td>';
	thtml += '	<span class="searchbar_left_item" id="advancedsearchlink"><a href="' + baseurl + '/user/search.shtml"  class="nav">Advanced search</a></span>';
	thtml += '	<span  class="searchbar_left_item" id="searchtips"><a href="' + baseurl + '/search_tips.shtml" class="nav">Search tips</a></span>';
	thtml += '</td></tr></table></div>';

}

function submenu_show(ww){
	submenu_hide('dropdownimages');
	submenu_hide('dropdownresources');
	submenu_hide('dropdownblogs');
	submenu_hide('dropdownprofile');
	submenu_hide('dropdownrightsmanaged');
	submenu_hide('dropdownroyaltyfree');
	submenu_hide('dropdownassignments');
/* 	submenu_hide('dropdownsearch'); */
	if($(ww)){
		$(ww).style.display='block';
		menuEventListener(ww);
	}
//	globalresetmenus=setTimeout("submenu_show();",10000);
}

function submenu_hide(w2){
	if($(w2)){
		$(w2).style.display='none';
	}
}


function menuEventListener(w2){
	$(w2).onmouseover = function(e) { this.style.display='block'};
	$(w2).onmouseout = function(e) {						
		var callerElem;
		if(window.event) // IE check
		  callerElem = window.event.srcElement;
		
		if(e && e.target) // standard-compliant browserS
			callerElem = e.target;
		
		if( (callerElem.className=='dropdownbody156' || callerElem.className=='dropdownbottom156')
		   ||  (callerElem.className=='dropdownbody200' || callerElem.className=='dropdownbottom200') ){
			submenu_hide(w2);
		}	
	};
}

/* ------------------------------------Suckerfish calling function -----------*/

function sfHover(ele){

        if(typeof(ele)=='undefined')
                Ee='snavaccount';

	if($(ele)){

        $(ele).onmouseover = function(){
                                        this.className+=" sfhover";
                                        };
        $(ele).onmouseout = function(){
                                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                                        };
	}

}





/* -----------------------------------------End of Suckerfish Menu calling Function --------------------------------  */

function writesearchbox(){
	thtml += '<form method="get" id="search-form" action="javascript: ghome();" enctype="application/x-www-form-urlencoded" name="qform2">';	
	thtml += '<div class=search-form-fieldset><table border="0" cellpadding="0" cellspacing="0"';
	thtml += '        <tr>  ';
	thtml += '            <td width="230"><input type="text" name="Keywords" id="Keywordfield" class="input" onfocus="if(this.value==\'enter keywords\')this.value=\'\';" value="enter keywords"  /></td>';
	thtml += '            <td width="40"><div id="buttongo"><a href="javascript:ghome();"></a></div></td>';
	thtml += '        </tr>';
	thtml += '</table>';
	thtml += '</div></form>';
}

function writemainbox(){
	thtml += '<div id="whitebar_main">';

/*
// ----------------------------------  javascript functionality for My account drop down --------------------------


	thtml += '	<div id="whitebar_right" style="width: 200px">';
	thtml += '	<div id="whitebar_end_cap"></div>';
	thtml += '		<div class="whitebar_right_item" id="snavcarticon" onmouseover="javascript: submenu_show(\'dropdownprofile\');return false;        "></div>';
	thtml += '              <div class="whitebar_right_item" id="snavaccount">';
	thtml += '			<a href="#" onmouseover="javascript: submenu_show(\'dropdownprofile\');"></a>';
	thtml += '		<div class="menudropdown" id="dropdownprofile">';
	thtml += '			<div class="dropdownbody156"><ul id="nav">';				
	thtml += '				<li><a href="/bin/Profile">My Profile</a></li>';

if((gsession && gusername) || checkoutpage==1) {
		thtml += '				<li><a href="http://delivery.ipnstock.com/bin/BetaDDload?sess_id=' +  gsession + '&supst=stockshop&sphotog=stockshop">Downloads</a></li>';
}
		thtml += '				<li><a href="'+baseurl+'/SwishSearch?n=1&lb_view=1">Lightboxes</a></li>';
		thtml += '				<li><a href="javascript:topcartrefresh();">My Cart</a></li>';

	thtml += '				</ul>';
	thtml += '			</div>';
	thtml += '			<div class="dropdownbottom156" onmouseout="javascript:submenu_hide(\'dropdownprofile\');"></div>';
	thtml += '		</div>';
	thtml += '		</div>';


*/ // --------------------------------------  End My Account ------------------------------------------

      

	thtml += '      <div id="whitebar_right" style="width: 200px">';
        thtml += '      <div id="whitebar_end_cap"></div>';
        thtml += '             <a href="javascript:topcartrefresh();"><span class="whitebar_right_item" id="snavcarticon"></span></a>';

        thtml += '              <div class="whitebar_right_item navblocks" id="snavaccount">';
        thtml += '                    <a href="#"></a>';
     	thtml += '				<ul class="myaccount">';
	thtml += '					 <li style="margin-top: 5px;"><a href="'+baseurl+'/bin/Profile">My Profile</a></li>';

if(gsession && gusername) {
        thtml += '                              <li><a href="http://delivery.ipnstock.com/bin/BetaDDload?sess_id=' +  gsession + '&supst=stockshop&sphotog=stockshop">Downloads</a></li>';}
        thtml += '                              <li><a href="'+baseurl+'/SwishSearch?n=1&lb_view=1">Lightboxes</a></li>';
        thtml += '                              <li><a href="javascript:topcartrefresh();">My Cart</a><span class="dropdownbottom200"></span></li>';
	thtml += '                             </ul>';
        thtml += '              </div>';
	thtml += '	<div class="green_arrow_down"></div>';
	thtml += '  	<div class="whitebar_divider"></div>';
	thtml += '	</div>'; 
	thtml += '      <div style="width: auto; float: left;height: auto">';
	thtml += '      <div id="whitebar_start_cap"></div>';

//---------------------------------Javascript Drop down for Nav Images ----------------------------
/*
	thtml += '	<div class="whitebar_left_item" id="snavimages" >';
	thtml += ' 		<a href="#" onMouseOver="javascript: submenu_show(\'dropdownimages\');" ></a>';
	thtml += '		<div class="menudropdown" id="dropdownimages">';
	thtml += '			<div class="dropdownbody156"><ul id="nav">';				
	thtml += '				<li><a href="'+baseurl+'/SwishSearch?n=1&fn=6314">Latest images</a></li>';
	thtml += '				<li><a href="'+baseurl+'/featured/index.shtml">Featured lifestyle</a></li>';
	thtml += '				<li><a href="'+baseurl+'/travel/index.shtml">Featured travel</a></li>';
	thtml += '				<li><span class="dropdownbottom200"></span></li>';
	thtml += '				</ul>';
	thtml += '			</div>';
	thtml += '			<div class="dropdownbottom156" onMouseOver="javascript:submenu_hide(\'dropdownimages\');"></div>';
	thtml += '		</div>';
	thtml += '	</div>'; 
	thtml += ' 	<div class="green_arrow_down" onMouseOver="submenu_show(\'dropdownimages\');"></div>';
	thtml += '  <div class="whitebar_divider"></div>';
*/

// -----------------------------------End of Nav Image  ---------------------------------------------

	 thtml += '      <div class="whitebar_left_item navblocks" id="snavimages">';
        thtml += '              <a href="#"></a>';
        thtml += '                     <ul class="images">';
        thtml += '                              <li style="margin-top: 5px;"><a href="'+baseurl+'/SwishSearch?n=1&fn=6314">Latest images</a></li>';
        thtml += '                              <li><a href="'+baseurl+'/featured/index.shtml">Featured lifestyle</a></li>';
        thtml += '                              <li><a href="'+baseurl+'/travel/index.shtml">Featured travel</a><span class="dropdownbottom200"></span></li>';
        thtml += '                              </ul>';
        thtml += '      </div>';
        thtml += '      <div class="green_arrow_down"></div>';
        thtml += '  <div class="whitebar_divider"></div>';

	 thtml += '      <div class="whitebar_left_item navblocks" id="snavresources" >';
        thtml += '              <a href="#"></a>';
	thtml += '			<ul class="resources">';
        thtml +='				 <li style="margin-top: 5px;"><a href="'+baseurl+'/research_request.shtml">Research Requests</a></li>';
        thtml += '                              <li><a href="'+baseurl+'/assignments.shtml">Assignments</a></li>';
        thtml += '                              <li><a href="'+baseurl+'/search_tips.shtml">Search Tips</a></li>';
        thtml += '                              <li><a href="'+baseurl+'/submit_your_works.shtml">Submit your work</a></li>';
        thtml += '                              <li><a href="'+baseurl+'/help.shtml">Help</a><span class="dropdownbottom200"></span></li>';
	thtml += '                              </ul>';
	thtml += '      </div>';
        thtml += '      <div class="green_arrow_down"></div>';
        thtml += '  <div class="whitebar_divider"></div>';
	thtml += '	<div class="whitebar_left_item navblocks" id="snavblogs" >';
        thtml += '              <a href="#"></a>';
        thtml += '                      <ul class="blogs">';
	thtml += ' 		          <li style="margin-top: 5px;"><a href="http://passionateaboutphotography.stockshop.com/" target="blog">Passionate about Photography</a></li>';
        thtml += '                              <li><a href="http://stockthoughts.stockshop.com/" target="blog">Stock Thoughts</a></li>';
        thtml += '                              <li><a href="http://shootthis.stockshop.com/" target="blog">Shoot This!</a><span class="dropdownbottom200"></span></li>';
	thtml += '			 </ul>';
        thtml += '      </div>';
        thtml += '      <div class="green_arrow_down"></div>';
        thtml += '  <div class="whitebar_divider"></div>';







//------------------------------------Javascript dropdown for Resources -----------------------------
/*
	thtml += '	<div class="whitebar_left_item" id="snavresources">';
	thtml += '		<a href="#"  onMouseOver="submenu_show(\'dropdownresources\');"></a>';
	thtml += '		<div class="menudropdown" id="dropdownresources">';
	thtml += '			<div class="dropdownbody156"><ul id="nav">';		
	thtml += '				<li><a href="'+baseurl+'/research_request.shtml">Research Services</a></li>';
	thtml += '				<li><a href="'+baseurl+'/assignments.shtml">Assignments</a></li>';
	thtml += '				<li><a href="'+baseurl+'/search_tips.shtml">Search Tips</a></li>';
	thtml += '				<li><a href="'+baseurl+'/submit_your_works.shtml">Submit your work</a></li>';
	thtml += '				<li><a href="'+baseurl+'/help.shtml">Help</a></li>';
	thtml += '				</ul>';
	thtml += '			</div>';
	thtml += '			<div class="dropdownbottom156" onMouseOver="javascript:submenu_hide(\'dropdownresources\');"></div>';
	thtml += '		</div>';
	thtml += '	</div>';
	thtml += ' 	<div class="green_arrow_down" onMouseOver="submenu_show(\'dropdownresources\');"></div>';
	thtml += '  <div class="whitebar_divider"></div>';
*/
//-------------------------- End of javascript drop down for Resources -------------------------------------
/*

	thtml += '	<div class="whitebar_left_item" id="snavblogs" >';
	thtml += '		<a href="#"  onMouseOver="submenu_show(\'dropdownblogs\');"></a>';
	thtml += '		<div class="menudropdown" id="dropdownblogs">';
	thtml += '			<div class="dropdownbody200"><ul id="nav">';				
	thtml += '				<li><a href="http://passionateaboutphotography.stockshop.com/" target="blog">Passionate about Photography</a></li>';
	thtml += '				<li><a href="http://stockthoughts.stockshop.com/" target="blog">Stock Thoughts</a></li>';
	thtml += '				<li><a href="http://stockthoughts.stockshop.com/shoot_this" target="blog">Shoot This!</a></li>';
	thtml += '				</ul>';
	thtml += '			</div>';
	thtml += '			<div class="dropdownbottom200" onMouseOver="javascript:submenu_hide(\'dropdownblogs\');"></div>';
	thtml += '		</div>';
	thtml += '	</div>';
	thtml += ' 	<div class="green_arrow_down"  onMouseOver="submenu_show(\'dropdownblogs\');"></div>';
	thtml += '	  <div class="whitebar_divider"></div>';
*/
// ----------------------End of blog javascript drop down -------------------------------------------

 	thtml += '      </div>';  

	thtml += '</div>';
}

/////// admin bar inline ///////
if(gadmin && gadmin_links && gusername && gsession){
	thtml +='<div id=navbar><div id=navbar_enclosure><font class=adminlabel>&nbsp;ADMIN:</font> <a href="' + baseurl + '/?backtohome=1" target="left" class="adminlink">Homepage</a> | ';
	//write in the navbar here;
	if (gadmin_links && gadmin_links.toString().length > 1){ //also have additional links to parse
			var tnavObjs = eval(''+gadmin_links+'');
			for (i=0;i< tnavObjs.length;i++){
				if(tnavObjs[i]['lnk'].match(/ImageSales/)){
					thtml +='<A target="_blank"  href="' + baseurl +  tnavObjs[i]['lnk'] + '" class=adminlink>' + tnavObjs[i]['txt'] + '</a> | ';
				} else {
				}
				thtml +='<A href="' + baseurl + tnavObjs[i]['lnk'] + '" class=adminlink>' + tnavObjs[i]['txt'] + '</a> | ';
			}
	}
	thtml +='</div></div><div style="height: 30px;">&nbsp;</div>';
}

function welcomebits(){
        /////////////////////// conditional row of welcome bits //////
        if((gsession && gusername) || checkoutpage==1){
		 thtml += '<div id="welcomeblock">Welcome ' + (gusername!=null ? gusername : '')+ '</div>';
               // thtml += '<div id="welcomeblock">Welcome ' + gusername  + '</div>';
                thtml += '<a href="jav' + 'ascript: gsetCookie2\(\'username\',\'\'\);gsetCookie2\(\'gmpsess\',\'\'\);gsetCookie2\(\'gmpauth\',\'\'\);top.location=\'' + baseurl + '/index.shtml\';\" class=nav>Logout</a>';
        		thtml += '<a href="' + baseurl + '/SwishSearch?n=1&lb_view=1" class=nav>Lightbox</a>';
				thtml += '<a href="javascript:topcartrefresh();" class=nav>Cart</a>';
                //thtml += '<a href=' + baseurl + '/bin/Profile class=nav>Account</a>';
                //thtml += '<a href=' + baseurl + '/tools/DDload class=nav >Downloads</a>';
         } else {
                thtml += '<div id="welcomeblockloggedout">You are logged out.</div>';
                thtml += '<a href="' + baseurl + '/user/login.shtml" class="nav">Login here</a>';
                thtml += '<a href="' + baseurl + '/bin/Register" class="nav">Register</a>';	
        }
}

/////////////////////////////
function ghome() {
	if(goinghome==1){
	} else {
		gsetCookie("gwhichstartpage","", "", "/", gGetCookieDom());
		var gurl = document.qform.Keywords.value + '';
		var theurl=  baseurl + '/SwishSearch?Keywords=' ;
		if( (typeof(q_id) != 'undefined') && (typeof($('searchmethod') != 'undefined') && (document.sform.searchmethod.value == 'within') ) )
                  	theurl += q_id+'&ex_keys='+gurl;
		else
			theurl +=gurl;

		if($('searchmenudropdownrm')){
			if ($('searchmenudropdownrm').checked == true && $('searchmenudropdownrf').checked == false){
				theurl += '&searchinclude=RM';
			}
			if ($('searchmenudropdownrf').checked == true && $('searchmenudropdownrm').checked == false){
				theurl += '&searchinclude=RF';
			}	
		}
		self.location= theurl;	
		goinghome=1;
	}
}

function clearsubnav(){
	MM_setTextOfLayer('navlayer','','');
}

if(typeof(gsession) == 'undefined')
        gsession = '';
if(typeof(gusername) == 'undefined')
        gusername = '';

/////////////////////// cover

thtml +='<div id="fade_cover" style="display: ';
if(String(self.location.href).indexOf('faded')>0){
	thtml +='block';
	setTimeout('check_fade_in_cover()',1200);//fade from white
} else {
	thtml +='none';
}
thtml+=';"> </div>';

function check_fade_in_cover(){
	if(typeof(fade_in_cover) == 'function'){
		fade_in_cover();
	} else {
		setTimeout('check_fade_in_cover()',1200);
	}
}

/////////////////////// first row of nav //////
if(typeof(dsplkys) == 'undefined' && typeof(navwidepage) == 'undefined'){
	thtml += '<div id="dochome">';
	thtml += '	<div id="hd">';
	thtml += '		<div id="header_con">';
	thtml += '			<div id="logo_primary"><a href="' + baseurl + '/" target=_top></a></div>';
	thtml += '			<div id="navbuttons">';
	thtml += '				<div id="navbuttons_inner">';
	welcomebits();
	thtml += '					<a href="' + baseurl + '/contact.shtml" class="nav">Contact</a>';
	thtml += '					<a href="' + baseurl + '/WBENC.shtml" class="nav">WBENC certified</a>';
	thtml += '				</div>';
	thtml += '			</div>';
	thtml += '		</div>';
	writemainbox();
	if (typeof(searchpage) == 'undefined' ){ writemainsearchrow(); };
	thtml += '	</div>';
	thtml += '	<div id="bd">';
	thtml += '		<div class="bodycontent">';
} else {
	//search results page
	thtml += '<div id="doc3">';
	thtml += '	<div id="hdsmall">';
	thtml += '		<div id="header_con">';
	thtml += '			<div id="logo_secondary"><a href="' + baseurl + '/" target=_top></a></div>';
	thtml += '			<div id="navbuttons">';
	thtml += '				<div id="navbuttons_inner">';
	welcomebits();
	thtml += '					<a href="' + baseurl + '/contact.shtml" class="nav">Contact</a>';
	thtml += '					<a href="' + baseurl + '/WBENC.shtml" class="nav">WBENC certified</a>';
	thtml += '				</div>';
	thtml += '			</div>';
	writemainbox();
	thtml += '		</div>';
	thtml += '	</div>';
	thtml += '	<div id="bdresults"><div class="yui-g">';
}

	
///////////////////// end of row 2////////////
thtml += '<iframe id="RSIFrame" name="RSIFrame" style="width:0px; height:0px; border: 0px" src=' + baseurl + '/nothing.html></iframe>';

document.write(thtml);

// ----------------------------------

sfHover('snavaccount');
sfHover('snavimages');
sfHover('snavresources');
sfHover('snavblogs');

//----------------------------------------------------------
//part for the search box code
		
	if (!applesearch)	var applesearch = {};

//----------------------------------------------------------

	applesearch.init = function ()
	{
		var srchform = document.getElementById('searchform');
		// Paranoia! Make sure we can get the search form before trying anything
		if(srchform) {
			
			var srchinput = document.getElementById('query');
			labelText = applesearch.getLabelText();
			// add applesearch css for non-safari, dom-capable browsers
			if ( (navigator.userAgent.toLowerCase().indexOf('safari') < 0 || navigator.userAgent.toLowerCase().indexOf('chrome') > 0)
				 && document.getElementById ) {
			
				this.clearBtn = false;
		
				// add style sheet if not safari
				var dummy = document.getElementById("dummy_css");
				if (dummy)	dummy.href = baseurl + "/css/customsearch.css";

				//------------------
				
				// create and attach the span
				var r_crnr2 = document.createElement('span');
				r_crnr2.className = 'search_special_go_cl'; // IE win doesn't like setAttribute in this case
				r_crnr2.setAttribute('id','search_special_go');
				if(location.href.endsWith('search.shtml'))
					r_crnr2.setAttribute('onclick','javascript:glocal();');
				else
					r_crnr2.setAttribute('onclick','javascript:ghome();');
		
				var fieldsets = srchform.getElementsByTagName('fieldset');
				if (fieldsets) {
					fieldsets[0].appendChild(r_crnr2);
				}

/*
				 // create and attach the span
                                var r_crnr = document.createElement('span');
                                r_crnr.className = 'sbox_r'; // IE win doesn't like setAttribute in this case
                                r_crnr.setAttribute('id','srch_clear');

                                var fieldsets = srchform.getElementsByTagName('fieldset');
                                if (fieldsets) {
                                        fieldsets[0].appendChild(r_crnr);
                                }

	*/	
				// Create and attach a clearing div, keeps Opera happy
				var d_clr = document.createElement('div');
				d_clr.setAttribute('class','clear');
				srchform.appendChild(d_clr);
		
				//------------------
				
				// set our text colors
				var labels = srchform.getElementsByTagName('label');
	
				if (labels) {			
					if (labels[0].currentStyle) {
						// must be using IE
						labelColor = labels[0].currentStyle.color;
						inputColor = srchinput.currentStyle.color;
					} else if (document.defaultView.getComputedStyle) {
						labelColor = document.defaultView.getComputedStyle(labels[0], null).getPropertyValue('color');
						inputColor = document.defaultView.getComputedStyle(srchinput, null).getPropertyValue('color');
					}
				}
				
				//------------------
				
				// Paranoia again! Make sure the search field exist
				if(srchinput) {
					// set the placeholder text based off the label
					srchinput.value = labelText;
					srchinput.style.color = labelColor;
	
					// add some events to the input field
					srchinput.onkeyup = function () {
							applesearch.onChange('query','srch_clear');
						}
					srchinput.onfocus = function () {
							if (this.value == labelText) {
								this.value = '';
								this.style.color = inputColor;	
							}
						}
					srchinput.onblur = function () {
							if (this.value == '') {
								this.value = labelText;
								this.style.color = labelColor;
							}
						}
				}
				
				// prevent the form being submitted if the input's value is the placeholder (label) text
				srchform.onsubmit = function()
				{
					if(srchinput && srchinput != labelText) {
						return true;
					} else {
						return false;
					}
				}
			} else {
				// Paranoia again! Make sure the search field exist
				if(srchinput) {
					// Using Safari so change some attributes to get the Apple Search field
					srchinput.type = 'search';
					srchinput.setAttribute('placeholder',labelText);
					srchinput.setAttribute('autosave','bsn_srch');
					srchinput.setAttribute('results','5');
				}
			}
		}
	}

//----------------------------------------------------------

	applesearch.getLabelText = function()
	{
		var srchform = document.getElementById('searchform');
		if(srchform) {
			var labels = srchform.getElementsByTagName('label');
	
			if (labels) {
				var labelFor = labels[0].getAttribute('for');
				var labelText = labels[0].firstChild.nodeValue;
			} else {
				// just in case, set default text
				var labelText = 'Search Images';
			}
		} else {
			// just in case, set default text
			var labelText = 'Search Images';
		}
		return labelText;
	}

//----------------------------------------------------------

	// called when on user input - toggles clear fld btn
	applesearch.onChange = function (fldID, btnID)
	{
		// check whether to show delete button
		var fld = document.getElementById( fldID );
		var btn = document.getElementById( btnID );

		if (fld.value.length > 0 && fld.value != labelText && !this.clearBtn) {
			btn.className = 'sbox_r_f2';
			btn.fldID = fldID; // btn remembers it's field
			btn.onclick = this.clearBtnClick;
			this.clearBtn = true;
		} else if (fld.value.length == 0 && this.clearBtn) {
			btn.className = 'sbox_r';
			btn.onclick = null;
			this.clearBtn = false;
			// reset the field's placeholder text
			fld.value = labelText;
			fld.style.color = labelColor;
		}
	}

//----------------------------------------------------------

	applesearch.clearFld = function (fldID,btnID)
	{
		var fld = document.getElementById( fldID );
		fld.value = '';
		this.onChange(fldID,btnID);
	}


//----------------------------------------------------------

	applesearch.clearBtnClick = function ()
	{
		applesearch.clearFld(this.fldID, this.id);
	}

//----------------------------------------------------------

	window.onload = function () { applesearch.init(); }

//----------------------------------------------------------

