<dl class="dropdown">
	<dt><a href=""><span>johndoe<img src="images/user.png" alt="" /></span></a></dt>
	<dd>
	    <ul>
		<li><a href="">Edit Profile<img src="images/profile.png" alt="" /></a></li>
		<li><a href="">Settings<img src="images/settings.png" alt="" /></a></li>
		<li><a href="">History<img src="images/history.png" alt="" /></a></li>
		<li><a href="">Sign Out<img src="images/signout.png" alt="" /></a></li>
	    </ul>
	</dd>
</dl>

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; z-index: 1; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#fff; text-decoration:none; outline:none;}
.dropdown a:hover { color: #fff;}
.dropdown dt a:hover { color: #fff; border: 1px solid #444; }
.dropdown dt a {
    border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333)); /* Safari 4+, Chrome 1-9 */
    background-image: -webkit-linear-gradient(top, #666, #333); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #666, #333); /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #666, #333); /* IE 10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666', endColorstr='#333',GradientType=0 ); /* M$ */
    background-image: -o-linear-gradient(top, #666, #333); /* Opera 11.10+ */
    display: block;
    padding-right: 20px;
    border: 1px solid #444;
    width: 150px;
}
.dropdown dt a:active,
.dropdown dt a.active {
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#666)); /* Safari 4+, Chrome 1-9 */
    background-image: -webkit-linear-gradient(top, #444, #666); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #444, #666); /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #444, #666); /* IE 10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#666',GradientType=0 ); /* M$ */
    background-image: -o-linear-gradient(top, #444, #666); /* Opera 11.10+ */
}
.dropdown dt a span {
    background: transparent url(../images/arrow.png) no-repeat scroll 150px 5px;
    cursor: pointer;
    display: block;
    padding: 4px;
    width: 160px;
    line-height: 18px;
}
.dropdown dt a.active span {
    background: transparent url(../images/arrow.png) no-repeat scroll 150px -12px;
}
.dropdown dd ul {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    background: #333 none repeat scroll 0 0;
    border: 1px solid #666;
    color: #fff;
    display: none;
    left: 0px;
    padding: 0 0 4px;
    position: absolute;
    top: 1px;
    width: auto;
    min-width: 170px;
    list-style:none;
}
.dropdown span.value { display:none; }
.dropdown dd ul li a { padding:5px; display:block; border-bottom: 1px solid #444; }
.dropdown dd ul li a:hover {
    background-color: #444;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#666)); /* Safari 4+, Chrome 1-9 */
    background-image: -webkit-linear-gradient(top, #444, #666); /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #444, #666); /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #444, #666); /* IE 10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#666',GradientType=0 ); /* M$ */
    background-image: -o-linear-gradient(top, #444, #666); /* Opera 11.10+ */
}
.dropdown img { border:none; vertical-align:middle; margin-right: 10px; float: left; }

$(document).ready(function() {
        $(".dropdown dt a").click(
	    function(e) {
		$(".dropdown dd ul").toggle();
		$(".dropdown dt a").toggleClass('active');
		e.preventDefault();
	    }
	);
        $(".dropdown dd ul li a").click(function() {
            $(".dropdown dd ul").hide();
        });
        $(document).bind('click', function(e) {
            var $clicked = $(e.target);
            if (! $clicked.parents().hasClass("dropdown")) {
                $(".dropdown dd ul").hide();
	        $(".dropdown dt a").removeClass('active');
	    }
        });
});

#!/usr/local/bin/php -q
<?php
// assign variables from command line input
$domain = $argv[1];
$email = $argv[2];
// this is a file to store the notified domains into
$file = "/path/to/ns_check.txt";
 
// validate input and execute command on success
if (!$domain || !$email) {
        print("
	nscheck 0.99+beta
        usage:
        nscheck [domain] [email]\n\n");
} else {
	// prepare command variable
	$command = "whois " . $domain . " | egrep -i 'NOT FOUND'";
	// execute command
	$return = @exec($command);
 
	// assign file contents into an array
	$notified = file($file);
 
        // if return is not empty and email has not already been notified then send the email
        if($return && !in_array($domain."\n", $notified)) {
                $subject = 'Domain ' . $domain . ' Available for Registration';
                $headers = 'From: Your Name <noreply@yourdomain.com' . "\r\n" .
                        'Return-Path: noreply@yourdomain.com' . "\r\n" .
                        'Reply-To: noreply@yourdomain.com' . "\r\n" .
                        'X-Mailer: SMTP/4.1';
                $message = "The domain name " . $domain . " is now available for registration.\n\n";
                mail($email, $subject, $message, $headers);
		if (is_writable($file)) {
			// open file for writing
			if(!$handle = fopen($file, 'a')) {
				echo "Cannot open file ($file)";
				exit;
			}
			// write domain to our opened file.
			if(fwrite($handle, $domain."\n") === FALSE) {
				echo "Cannot write to file ($file)";
				exit;
			}
			fclose($handle);
		} else {
			echo "The file $file is not writable";
		}
	}
}
 
?>

0 11 * * * /usr/local/sbin/nscheck domaintocheck.com user@yourdomain.com

<div id="gallery">
	<img src="images/slider/1.jpg" alt="" />
	<img src="images/slider/2.jpg" alt="" />
	<img src="images/slider/3.jpg" alt="" />
	<img src="images/slider/4.jpg" alt="" />
	<img src="images/slider/5.jpg" alt="" />
	<img src="images/slider/6.jpg" alt="" />
</div>
<div id="thumbs">
	<ul>
		<li><a href="#" onclick="return false;" class="5" class="thumblink"><img src="images/slider/1.jpg" alt="" /></a></li>
		<li><a href="#" onclick="return false;" class="4" class="thumblink"><img src="images/slider/2.jpg" alt="" /></a></li>
		<li><a href="#" onclick="return false;" class="3" class="thumblink"><img src="images/slider/3.jpg" alt="" /></a></li>
		<li><a href="#" onclick="return false;" class="2" class="thumblink"><img src="images/slider/4.jpg" alt="" /></a></li>
		<li><a href="#" onclick="return false;" class="1" class="thumblink"><img src="images/slider/5.jpg" alt="" /></a></li>
		<li><a href="#" onclick="return false;" class="0" class="thumblink"><img src="images/slider/6.jpg" alt="" /></a></li>
	</ul>
</div>

#gallery, #thumbs {
	float: left;
}
#gallery {
	width: 600px;
	height: 300px;
	overflow: hidden;
	z-index: 2000;
	border: hidden;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
#gallery img {
	position: absolute;
	width: 600px;
	height: 300px;
	display: block;
	overflow: hidden;
	z-index: 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: none;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
#thumbs {
	height: 300px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-top: none;
	border-left: none;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
#thumbs ul {
    margin:0;
    padding:0;
    list-style:none;
}
#thumbs li {
	float: left;
	clear: both;
	width: 200px !important;
	height: 100px !important;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
#thumbs img {
	width: 200px !important;
	height: 100px !important;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	z-index: 0;
}
.clear {
	clear: both;
}
img {
	border: 0;
}

// document ready
$(document).ready(function() {
	// user settings
	siftSpeed = 3800; // how often to switch slides
	actionPause = 8800; // how long to pause if action
 
	// internal script settings
	// (do not change below here unless you know what you're doing)
	var images = $("#gallery img");
	var thumbs = $("#thumbs");
	var thumbimages = $("#thumbs img");
	var thumblinks = $("#thumbs a");
	var thumbslist = $("#thumbs ul");
	var thumbitems = $("#thumbs li");
	var index = thumbitems.length-1;
	var thumbsHeight = 100;
	var areaHeight = 300;
 
	// clone markup for thumbs to create thumbs above the last thumb
	thumbitems.slice(0, 1).clone().attr('rel', '2').appendTo(thumbslist);
	thumbitems.slice(1, 2).clone().attr('rel', '2').appendTo(thumbslist);
	thumbitems.slice(2, 3).clone().attr('rel', '2').appendTo(thumbslist);
 
	// assign css classes to images and thumbs
	for (i=0; i<thumbimages.length; i++) {
		var tdiff = (images.length - i - 1);
		//$(thumbimages[i]).addClass("thumb-"+tdiff);
		$(images[i]).addClass("image-"+tdiff);
	}
 
	// reverse the order of the thumbs
	thumbslist.children().each(function(i,li){thumbslist.prepend(li)});
 
	// run the show function to show the first image
	show(index);
 
	// run the sift function every so often
	var $timer = setInterval(function() { sift(); }, siftSpeed);
 
	function sift(num) {
		if(num) { index = num; }
		if ( index < thumbimages.length && index > 0) {index -= 1 ; }
		else { index = thumbimages.length-1 }
		show ( index );
	}
	function show(num) {
		images.fadeOut(200);
		$("img.image-"+num).stop().fadeIn(200);
		var scrollPos = (num * thumbsHeight) - areaHeight;
		if(scrollPos < 400) scrollPos = scrollPos + areaHeight;
		if (num == thumbitems.length-1 || num > thumbitems.length-4) {
		    thumbs.stop().animate({scrollTop: scrollPos+thumbsHeight}, -1).animate({scrollTop: scrollPos}, 200);
		    // console.log("number: "+num, ", scrollPos: "+scrollPos+"+"+thumbsHeight, ", duration: -1");
		} else {
		    thumbs.stop().animate({scrollTop: scrollPos}, 200);
		}
		// console.log("number: "+num, ", scrollPos: "+scrollPos, ", duration: 200");
	}
 
	// after the actionPause takes place start the timer again
	function resetTimer() {
	    clearInterval($timer);
	    $timer = setInterval(function() { sift(); }, siftSpeed);
	}
 
	// add onclick function to thumb links
	thumbslist.find('a').each(function(){
		$(this).click(function() {
		    var showid = $(this).attr("class");
		    // console.log("showid: "+showid, ", timer: "+$timer);
		    show(showid);
		    index = showid;
		    clearInterval($timer);
		    var $timer = setTimeout(resetTimer, actionPause);
		    return false;
		});
	});
});

function getZipCodes($search, $miles_away) {
	ini_set('memory_limit', '256M'); // set 128 MB memory limit
	$lines = file($_SERVER["DOCUMENT_ROOT"].'/demos/zipcode-proximity-search/zipcodes.csv');
	foreach($lines AS $line) {
		$parts = explode("\",\"", $line);
		$zipcode = str_replace('"', "", $parts[0]);
		$latitude = $parts[1];
		$longitude = $parts[2];
		$type = $parts[5];
		if($type != "MILITARY") {
			if($zipcode == $search) {
				$search_coords = array(
					'zipcode' => $zipcode,
					'lat' => $latitude,
					'long' => $longitude
				);
			}
			$zipcode_coords[] = array(
				'zipcode' => $zipcode,
				'lat' => $latitude,
				'long' => $longitude
			);
		}
	}
	foreach($zipcode_coords AS $coords) {
		if(calc_distance($coords, $search_coords) < $miles_away) {
			$return[] = $coords['zipcode'];
		}
	}
	return $return;
}
 
function calc_distance($point1, $point2) {
	$radius      = 3958;      // Earth's radius (miles)
	$pi          = 3.1415926;
	$deg_per_rad = 57.29578;  // Number of degrees/radian (for conversion)
	$distance = ($radius * $pi * sqrt(
				($point1['lat'] - $point2['lat'])
				* ($point1['lat'] - $point2['lat'])
				+ cos($point1['lat'] / $deg_per_rad)  // Convert these to
				* cos($point2['lat'] / $deg_per_rad)  // radians for cos()
				* ($point1['long'] - $point2['long'])
				* ($point1['long'] - $point2['long'])
				) / 180);
	return $distance;  // Returned using the units used for $radius.
}

$zipcodes = getZipCodes($_POST['search'], "5.01");

$sql = "SELECT id, zipcode FROM directory";
$total_query = mysql_query($sql) or die(mysql_error());
$total_numrows = mysql_num_rows($total_query);
if($_POST['doSearch'] && $searchby == "zipcode") {
	$zipcodes = getZipCodes($_POST['search'], "5.01");
	$i = "0";
	foreach($zipcodes AS $zipcode) {
		if($i == "0") $sql .= " WHERE "; else $sql .= " OR ";
		$sql .= "zipcode = '" . $zipcode . "'";
		$i++;
	}
} elseif($_POST['doSearch']) {
	$sql .= " WHERE " . $searchby . " LIKE '%" . $_POST['search'] . "%'";
}