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

var nJobs = function() {
    var jobs = [{ 'id': '4527', 'title': 'Account Manager', 'company': 'MIAJO Inc.' },{ 'id': '4526', 'title': 'Sales Representative', 'company': 'MIAJO Inc.' },{ 'id': '4525', 'title': 'Outside Field Sales Repre...', 'company': 'MIAJO Inc.' },{ 'id': '4524', 'title': 'Senior asp.net c# guru ( ...', 'company': '55Zero, LLC' },{ 'id': '4523', 'title': 'PRINCIPAL ANALYTICS ENGIN...', 'company': 'Verticalmove, Inc.' },{ 'id': '4522', 'title': 'Sr Software Development E...', 'company': 'TechSearchNW' },{ 'id': '4521', 'title': 'Senior Product Manager', 'company': 'Verticalmove' },{ 'id': '4520', 'title': '.NET SOFTWARE DEVELOPER W...', 'company': 'NETtime Solutions, LLC' },{ 'id': '4518', 'title': 'Server Software Developer', 'company': 'American Standard Televis...' },{ 'id': '4516', 'title': 'Web Services Developer', 'company': 'Averro' },{ 'id': '4515', 'title': 'SENIOR SEARCH ENGINEER: S...', 'company': 'Verticalmove, Inc.' },{ 'id': '4514', 'title': 'Software Engineer', 'company': 'Verticalmove' },{ 'id': '4513', 'title': 'Senior Software Engineer:...', 'company': 'Verticalmove' },{ 'id': '4512', 'title': 'Senior SDET (Test Enginee...', 'company': 'Verticalmove' },{ 'id': '4511', 'title': 'SENIOR SOFTWARE ENGINEER:...', 'company': 'Verticalmove, Inc.' },{ 'id': '4510', 'title': '100% remote full-stack de...', 'company': 'Verticalmove' },{ 'id': '4508', 'title': '**Channel Sales Manager N...', 'company': 'Bring IT Inc.' },{ 'id': '4507', 'title': 'UI - User Interface Devel...', 'company': 'Verticalmove, Inc.' },{ 'id': '4506', 'title': 'Java Developer', 'company': 'Verticalmove, Inc.' },{ 'id': '4505', 'title': 'SDET (Software Developer ...', 'company': 'Verticalmove, Inc.' },{ 'id': '4504', 'title': '**.Net Developers-Interna...', 'company': 'Bring IT Inc.' },{ 'id': '4503', 'title': 'Sales Account Executive -...', 'company': 'DataSphere 													' },{ 'id': '4502', 'title': '**Client Engagement Manag...', 'company': 'Bring IT Inc.' },{ 'id': '4501', 'title': '** Software Development E...', 'company': 'Bring IT Inc.' },{ 'id': '4500', 'title': '**Front End Developer Nee...', 'company': 'Bring IT Inc.' },{ 'id': '4499', 'title': 'Lead Engineering, Mobile ...', 'company': 'Verticalmove' },{ 'id': '4498', 'title': 'Senior Software Engineer,...', 'company': 'Verticalmove' },{ 'id': '4497', 'title': 'Data Architect, Consumer ...', 'company': 'Verticalmove' },{ 'id': '4496', 'title': ' Sr. Backend Dev (MongoDB...', 'company': '2NgageU Inc' },{ 'id': '4495', 'title': '*Warehouse/BI Architect-W...', 'company': 'Bring IT Inc.' },{ 'id': '4494', 'title': '**Sr Software Engineer-Wo...', 'company': 'Bring IT Inc.' },{ 'id': '4493', 'title': '**Information Architect-W...', 'company': 'Bring IT Inc.' },{ 'id': '4492', 'title': 'Data Engineer', 'company': 'Verticalmove, Inc.' },{ 'id': '4491', 'title': 'Security Analyst', 'company': 'DeepIntel' },{ 'id': '4490', 'title': 'Technical Writer', 'company': 'DeepIntel' }];
    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_").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(); };
}();