// Company:    nPost.com
// Copyright:  Copyright (c) 2009
// Version:    3.0, Created on June 15, 2009

var nJobs = function() {
    var jobs = [{ 'id': '694', 'title': 'Lead Rails developer for ...', 'company': 'RiseTribe' },{ 'id': '693', 'title': 'Medical Device Engineer I...', 'company': 'Global Systems Recruiters' },{ 'id': '692', 'title': 'Principal Engineer- Films', 'company': 'Global Systems Recruiters' },{ 'id': '691', 'title': 'Partner/Co-Founder Softwa...', 'company': 'AudioTripper' },{ 'id': '689', 'title': 'Home Based Telemarketing ', 'company': 'home based telemarketing' },{ 'id': '688', 'title': 'VP Engineering Position -...', 'company': 'CitizenGroove' },{ 'id': '687', 'title': 'Director of Project Devel...', 'company': 'Global Systems Recruiters' },{ 'id': '686', 'title': 'SERVER ENGINEER / ADMIN  ...', 'company': 'Averro' },{ 'id': '685', 'title': 'Senior Sharepoint Archite...', 'company': 'Bluwater Consulting' },{ 'id': '684', 'title': 'Market Development Repres...', 'company': 'Verdiem' },{ 'id': '683', 'title': 'software engineering mana...', 'company': 'Verdiem' },{ 'id': '682', 'title': 'Lean Navigator', 'company': 'Maple Resource Specialist...' },{ 'id': '681', 'title': 'Software Design Engineer ...', 'company': 'Bluwater Consulting' },{ 'id': '680', 'title': 'BI / Data Warehouse Devel...', 'company': 'Bluwater Consulting' },{ 'id': '679', 'title': 'Senior Architect / Develo...', 'company': 'Bluwater Consulting' },{ 'id': '678', 'title': 'Reporting/Business Intell...', 'company': 'Maple Resource Specialist...' },{ 'id': '677', 'title': 'Project Manager   Earthwo...', 'company': 'Global Systems Recruiters' },{ 'id': '676', 'title': 'Hyperion Planning Systems...', 'company': 'Maple Resource Specialist...' },{ 'id': '673', 'title': 'Sr. Web Developer', 'company': 'Averro' },{ 'id': '672', 'title': 'Software Engineer - Java ...', 'company': 'Rally Software Developmen...' },{ 'id': '671', 'title': 'Senior VP of Operations', 'company': 'Roblox' },{ 'id': '670', 'title': 'Senior Web Engineer (midd...', 'company': 'Roblox' },{ 'id': '669', 'title': 'Senior Web Developer (fro...', 'company': 'Roblox' },{ 'id': '668', 'title': 'Game Developer, C++/Lua G...', 'company': 'Roblox' },{ 'id': '667', 'title': 'SDET IV', 'company': 'Averro' },{ 'id': '666', 'title': 'Apple Game Engineer', 'company': 'Roblox' },{ 'id': '665', 'title': 'Senior Scalability Engine...', 'company': 'Roblox' },{ 'id': '664', 'title': 'PHP/MySQL/AS3 Web develop...', 'company': 'Cymbal Interactive' },{ 'id': '663', 'title': 'Senior C/C++ Applications...', 'company': 'Maple Resource Specialist...' },{ 'id': '662', 'title': 'Sales Manager  Printing I...', 'company': 'Global Systems Recruiters' },{ 'id': '661', 'title': 'Electrical Engineer ', 'company': 'Global Systems Recruiters' },{ 'id': '660', 'title': ' Senior Engineering Speci...', 'company': 'Global Systems Recruiters' },{ 'id': '659', 'title': 'Director, Consumer Market...', 'company': 'Global Systems Recruiters' },{ 'id': '658', 'title': 'Product Development Engin...', 'company': 'Global Systems Recruiters' },{ 'id': '648', 'title': 'Senior C/C++ Applications...', 'company': 'Maple Resource Specialist...' }];
    return {
        isReady: false,
        page: 1,
        render: function() { 
            this.isReady = true;
            var insertText = this.header();
            insertText += this.body();
            insertText += this.footer();
            document.getElementById("npost_jobs_widget_id_8zg5G9yirp6MEMff").innerHTML = insertText;
        },
        header: function() {
            var jobHeader = "<div style=\"width: 160px;overflow: hidden;-webkit-border-radius: 3px;-moz-border-radius: 3px;background: url(http://www.npost.com/jobs/img/widget_bg.gif) #f5f5f5 -18px 20px no-repeat;border: 1px solid #CCC;padding: 0;margin: 0;\">";
            jobHeader += "<div style=\"background: clear;border: none;font-size: 13px;font-weight:bold;font-family:arial;padding: 5px 10px;margin: 0;line-height: 16px;text-align: center;color: #103351;cursor: pointer;\" onclick=\"document.location.href = \"http://www.npost.com\"><img src=\"http://www.npost.com/jobs/img/widget_logo.gif\" alt=\"logo\" style=\"border: none;padding: 0;margin: 0 5px 0 0;position: relative;top: 2px;\" />nPost Startup Jobs</div>"
            jobHeader += "<div style=\"text-align: left;padding-bottom: 8px;margin: 0;border: none;\"><input value=\"Find a job...\" onfocus=\"nJobs.setState(this, true)\" onblur=\"nJobs.setState(this, false)\" style=\"border-top: 1px solid #999;border-left: 1px solid #999;border-right: 1px solid #AAA;border-bottom: 1px solid #AAA;width: 136px;margin: 0 10px;font-size: 12px;padding: 2px;font-family:arial;background: #FFF;\" type=\"text\" id=\"npost_jobs_widget_search\" name=\"search\" onkeydown=\"nJobs.search(event)\"/></div>";
                
            return jobHeader;
        },
        body: function() {
            var jobListing = "<div style=\"text-align: left;height: 147px;overflow: hidden;position: relative;border: none;margin: 0;padding: 0;background: clear;\"><div id=\"npost_jobs_widget_listing\" style=\"position: relative;border: none;margin: 0;padding: 0;background: clear;\">";
            for (var i = 0; i < jobs.length; i++) {
                jobListing += "<div style=\"text-align: left;color: #1d234b;line-height: 14px;width: 175px;overflow: hidden;cursor: pointer;font-weight: normal;font-size: 10px;font-family:arial;padding: 2px 0;border: none;";
                if (i % 5 != 0) {
                    jobListing += "border-top: 1px solid #E0E0E0;";
                }
                jobListing += "width: 140px;margin: 0 10px\" onclick=\"nJobs.loadUrl('" + jobs[i].id + "')\" onmouseover=\"nJobs.hover(this, true)\" onmouseout=\"nJobs.hover(this, false)\"><div style=\"width: 160px;font-weight: normal;font-size: 10px;line-height: 12px;font-family: arial;color: #1d234b;padding: 0;margin: 0;border: none;\">" + jobs[i].title + "</div><div style=\"width: 160px;font-size: 10px;line-height: 12px;font-family: arial;color: #1d234b;padding: 0;font-weight: normal;margin: 0;border: none;\">" + jobs[i].company + "</div></div>";
            }
            jobListing += "</div></div>";
                    
            return jobListing;
        },
        footer: function() {
            var jobFooter = "<div style=\"padding: 5px 0;width: 160px;background: #DDD;border: none;border-top: 1px solid #F5F5F5;text-align: center;font-family: arial;font-size: 11px;margin: 5px 0 0 0;line-height: 15px;font-weight: normal;\"><span style=\"color: #000;border: none;padding: 0;margin: 0;font-family: arial;font-size: 11px;line-height: 15px;font-weight: normal;color: #000000;\">Page:</span> ";
            for (var i = 1; i < 6; i++) {
                jobFooter += "<span style=\"text-align: left;padding: 0 5px;cursor: pointer;color: #111;font-weight: normal;font-family: arial;line-height: 15px;font-size: 11px;";
                if (i == 1) {
                    jobFooter += "font-weight: bold;";                            
                }
                jobFooter += "\" id=\"npost_jobs_widget_listing_page_" + i + "\" onmouseover=\"nJobs.pagerHover(this, true)\" onmouseout=\"nJobs.pagerHover(this, false)\" onclick=\"nJobs.paginate(" + i + ")\">" + i + "</span>";
            }
            jobFooter += "</div>";
                    
            return jobFooter;
        },
        setState: function(el, focus) {
            if (focus) {
                if (el.value == "Find a job...") {
                    el.value = "";
                }
            } else {
                if (el.value == "") {
                    el.value = "Find a job...";
                }                
            }
        },
        pagerHover: function(el, hover) {
            if (hover) {
                el.style.textDecoration = "underline";
            } else {
                el.style.textDecoration = "none";
            }
        },
        hover: function(el, hover) {
            if (hover) {
                el.childNodes[0].style.color = "#000";
                el.childNodes[1].style.color = "#000";
            } else {
                el.childNodes[0].style.color = "#1d234b";
                el.childNodes[1].style.color = "#1d234b";
            }
        },
        search: function(ev) {
            if (ev.keyCode == 13) {
                document.location.href = "http://www.npost.com/jobs/search/?keywords=" + encodeURIComponent(document.getElementById("npost_jobs_widget_search").value);
            }
        },
        paginate: function(page) {
            document.getElementById("npost_jobs_widget_listing").style.top = "-" + (144 * (page - 1)) + "px";
            document.getElementById("npost_jobs_widget_listing_page_" + this.page).style.fontWeight = "normal";
            document.getElementById("npost_jobs_widget_listing_page_" + page).style.fontWeight = "bold";
            this.page = page;
        },
        loadUrl: function(id) {
            document.location.href = "http://www.npost.com/jobs/job/" + id;
        }
    };
}();

/*!
 *
 * BELOW IS A MODIFIED VERSION OF A FUNCTION FROM JQUERY 
 *
 * jQuery JavaScript Library v1.3.2
 * http://jquery.com/
 *
 * Copyright (c) 2009 John Resig
 * Dual licensed under the MIT and GPL licenses.
 * http://docs.jquery.com/License
 *
 * Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009)
 * Revision: 6246
 */   

var nPostBindReady = function (){

	// Mozilla, Opera and webkit nightlies currently support this event
	if ( document.addEventListener ) {
		// Use the handy event callback
		document.addEventListener( "DOMContentLoaded", function(){
			document.removeEventListener( "DOMContentLoaded", arguments.callee, false );
			nJobs.render();
		}, false );

	// If IE event model is used
	} else if ( document.attachEvent ) {
		// ensure firing before onload,
		// maybe late but safe also for iframes
		document.attachEvent("onreadystatechange", function(){
			if ( document.readyState === "complete" ) {
				document.detachEvent( "onreadystatechange", arguments.callee );
				nJobs.render();
			}
		});

		// If IE and not an iframe
		// continually check to see if the document is ready
		if ( document.documentElement.doScroll && window == window.top ) (function(){
			if ( nJobs.isReady ) return;

			try {
				// If IE is used, use the trick by Diego Perini
				// http://javascript.nwbox.com/IEContentLoaded/
				document.documentElement.doScroll("left");
			} catch( error ) {
				setTimeout( arguments.callee, 0 );
				return;
			}

			// and execute any waiting functions
			nJobs.render();
		})();
	}

	// A fallback to window.onload, that will always work
	window.onload = function() { nJobs.render(); };
}();