$(document).ready(function() {
//metanav search
		$('.search-btn').click(function() {
			// keep a reference to the slide-toggle element
	    var slideToggle = this;
	    if ($('.search-box').is(':visible')) {
	        $('.search-box').slideUp(function() {
	            $(slideToggle).removeClass('active'); // remove class from slide-toggle
	        });
	    }
	    else {
	        $('.search-box').slideDown();
	        $(slideToggle).addClass('active'); // add class to slide-toggle
	    }
			});

   
    // Make external links validate
   $('a.external').attr('target', '_blank');

  // add styling and/or make it easier to do stuff
  $('ul').each(function() {
    $(this).find('li:last-child').addClass('last');
    $(this).find('li:first-child').addClass('first');
  });
});
  
/**
 * HIDE EMAIL SCRIPT
 *
 *     <script type="text/javascript">myEmail("Contact Name", "email", "domain.com");</script>
	   <script type="text/javascript">writeEmail("email", "email", "domain.com");</script>
 *
 * @param string
 * @param string
 * @param string
 */
function myEmail(contact, email, emailHost) {
  document.write("<a href=" + "&#109a&#105l" + "&#116&#111:" + email + "@" + emailHost+ ">" + contact+"</a>");
}

function writeEmail(contact, email, emailHost) {
  document.write("<a href=" + "&#109a&#105l" + "&#116&#111:" + email + "@" + emailHost+ ">" + contact + "@" + emailHost+"</a>");
}

 /* ****  TABS ****************************************************
Usage

<ul class="tabs">
            <li><a href="javascript:tabSwitch(1, 3, 'tab_', 'content_');" id="tab_1" class="active">Topics</a></li>
            <li><a href="javascript:tabSwitch(2, 3, 'tab_', 'content_');" id="tab_2">Archives</a></li>
            <li><a href="javascript:tabSwitch(3, 3, 'tab_', 'content_');" id="tab_3">Pages</a></li>
        </ul>

        <div id="content_1" class="content">
        	<ul>
            	<li><a href="">HTML Techniques <small>4 Posts</small></a></li>
            	<li><a href="">CSS Styling <small>32 Posts</small></a></li>
            	<li><a href="">Flash Tutorials <small>2 Posts</small></a></li>
            	<li><a href="">Web Miscellanea <small>19 Posts</small></a></li>
            	<li><a href="">Site News <small>6 Posts</small></a></li>
            	<li><a href="">Web Development <small>8 Posts</small></a></li>
			</ul>
        </div>

 */
 
function showHide(targetName) {
                if( document.getElementById ) { // NS6+
                    target = document.getElementById(targetName);
                } else if( document.all ) { // IE4+
                    target = document.all[targetName];
                }
                
                if( target ) {
                    if( target.style.display == "none" ) {
                        target.style.display = "inline";
                    } else {
                        target.style.display = "none";
                    }
                }
            }
            
function tabSwitch(active, number, tab_prefix, content_prefix) {

	for (var i=1; i < number+1; i++) {
	  document.getElementById(content_prefix+i).style.display = 'none';
	  document.getElementById(tab_prefix+i).className = '';
	}
	document.getElementById(content_prefix+active).style.display = 'block';
	document.getElementById(tab_prefix+active).className = 'active';	

}

/* SHOW HIDE TOGGLE *********************************************************

	USAGE
	
	<a onclick="toggle_visibility('div_to_hide');" href="#">Open Link</a>
	
*/

function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
	
/* my custom toggle jquery */
function toggle(){
$("ul.submenu").slideToggle("fast");
}