// JavaScript Document
<!--
//name the window, for the model selection guide, among other things
if(document.images) {
	window.name = "PilotPenWindow";	
	window.focus();
}
function loadImages() {
	imageArray = new Array();
	imageArray.push('/images/navigation/nav_chalklessBoard_on.jpg');
	imageArray.push('/images/navigation/nav_creativeTech_on.jpg');
	imageArray.push('/images/navigation/nav_Home_on.jpg');
	imageArray.push('/images/navigation/nav_OEMcomponents_on.jpg');
	imageArray.push('/images/navigation/nav_OEMstylus_on.jpg');
	imageArray.push('/images/overlay.png');
	preloadImages(imageArray);
}


function changeImage(image,newimage) {
	var img = $(image);
	img.src = newimage;
}

function slideDown(div) {
	Effect.toggle(div, 'slide', {duration:0.25});
		
}

function toggleSearch() {
	Effect.toggle('searchForm', 'appear', {duration:0.25});
}
function yellowHighlight(id) {
	new Effect.Highlight(id,  {startcolor:'#FFFFFF', endcolor:'#FFFF99', restorecolor:'#FFFF99', duration:2.0})
}


function switchYear(div) {
	var yrs = new Array('2002','2004','2006');
	for(var i = 0; i < yrs.length; i++) {		
		$('year_'+yrs[i]).style.display = 'none'
		$('link_'+yrs[i]).style.background='#FFFFFF';
	}	
	$('year_'+div).style.display = '';
	$('link_'+div).style.background='#FFED2B';
}
function switchCleanWriter(div, text) {
	$('cleanWriterCaption').innerHTML = text;
	$('cleanWriterImg').src = "/images/chalklessboard/"+div+"_big.jpg";
	for(var i = 1; i <6; i++) {		
		$('img'+[i]).style.border = '1px solid silver'
		//$('link_'+yrs[i]).style.background='#FFFFFF';
	}	
	$(div).style.border = '1px solid white'
}

/*
*displays a page's subsections
*
*@param section	
*@param section 	div that the link is in (hide this div's sublinks)
*
*

function siteMap(div, section) {
	switch(section) {	
	case 'promo':
		var sections = new Array('onlineCatalog');
		break;
	case '0_div':
		var sections = new Array('gel', 'rollingball', 'ballpoint', 'mechanicalpencils');
		break;
	case '1_div':
		var sections = new Array('permanentink', 'permanentmarker', 'creativemarkers', 'markerpens');
		break;
	case '2_div':
		var sections = new Array('highlighters', 'fountainpens', 'multifunction', 'accessories');
		break;
	}	
	for(var i = 0; i < sections.length; i++) {		
		if(sections[i] != div) {
			$(sections[i]).style.display = 'none';
			$('link_'+sections[i]).style.color='#FFFFFF';
		}
	}	
	Element.toggle(div);	
	changeArrow(div);
	changeColor(div);	
}

function changeColor(div) {	
	if($('link_'+div).style.color=='#ffed2b' || $('link_'+div).style.color=='rgb(255, 237, 43)') {
		$('link_'+div).style.color='#FFFFFF';		
	} else {
		$('link_'+div).style.color='#FFED2B';
	}
}
*/
function preloadImages(imgArray) {	
	arImageList = new Array ();	
	var i = 0;
	imgArray.each(function(img) {				
		arImageList[++i] = new Image();
		arImageList[i].src = img;
   });
	return arImageList;
}

function changeArrow(div) {
	var img = $('arrow_'+div).src;
	if (img.indexOf('off') > 0) {		
		$('arrow_'+div).src = "/images/sitemap_arrow_on.gif";				
	} else {
		$('arrow_'+div).src = "/images/sitemap_arrow_off.gif";		
	}
}


function openWin(url, w, h, resize,tools,loc,scrollb) {
		window.open(url, 'popup', 'resizable='+resize+',location='+loc+',toolbar='+tools+',width='+w+',height='+h+',scrollbars='+scrollb).focus();
}

function popArticle(articleId) {
	openWin('/about/newsarticle/?article='+articleId, '750', '500', 'yes','no','no','yes');
}

function contactContinue() {	
	var complete = true;
	if ($F('name') == '') {
		yellowHighlight('name'); 
		complete = false;
	}
	if ($F('address1') == '') {
		yellowHighlight('address1'); 
		complete = false;
	}
	if ($F('city') == '') {
		yellowHighlight('city'); 
		complete = false;
	}
	if ($F('state') == '') {
		yellowHighlight('state'); 
		complete = false;
	}
	if ($F('emailAddress') == '') {
		yellowHighlight('emailAddress'); 
		complete = false;
	}
	if ($F('zipcode') == '') {
		yellowHighlight('zipcode'); 
		complete = false;
	}	
	if ($F('phone') == '') {
		yellowHighlight('phone'); 
		complete = false;
	}
	if ($F('companyName') == '') {
		yellowHighlight('companyName'); 
		complete = false;
	}	
	if ($F('companyTitle') == '') {
		yellowHighlight('companyTitle'); 
		complete = false;
	}	

	//complete = true;
	if(complete) {
		if (
			$F('stylus[Custom_Design]') == true ||
			$F('marker[Valve_Markers]') == true ||
			$F('marker[Reservoir_Markers]') == true ||
			$F('marker[Microvalve_Marker]') == true		
			) {
		//if ($F('emailAddress') == true) {		
			$('advancedContact').style.display = '';
		} else{
			$('simpleContact').style.display = '';
		}
				
		$('contactSubmit').style.display = '';
		$('contactContinue').style.display = 'none';
	}else {
		alert('Please fill out the required highlighted fields.');
	}
}
function contactReset() {	
	//myform.reset();
	//Form.reset('myform');
	document.forms[0].elements[1]=="";
	$('name').style.background = "#A1B5C7";
	$('address1').style.background = "#A1B5C7";
	$('city').style.background = "#A1B5C7";
	$('state').style.background = "#A1B5C7";
	$('emailAddress').style.background = "#A1B5C7";	
	$('zipcode').style.background = "#A1B5C7";	
	$('phone').style.background = "#A1B5C7";	
	
	$('simpleContact').style.display = 'none';
	$('advancedContact').style.display = 'none';
	$('contactSubmit').style.display = 'none';
	$('contactContinue').style.display = '';
	window.location = "#top";
}

function writeBrowserVars() {
	var arr = ['appName', 'appCodeName', 'language', 'platform', 'userAgent'];
	arr.each(function(name) {
		document.write('<input type="hidden" name="userAgent['+name+']" id="userAgent['+name+']" value="'+navigator[name]+'">');
	});
	
	/*var elementList = Form.getElements("myform");
	elementList.each(function(name) {
		document.write(name.id+'<br>');
	});*/
	//for use w/o prototype framework function
	//for (var i=0;i<arr.length;i++) {
	//	document.write('<input type="hidden" name="userAgent['+arr[i]+']" value="'+navigator[arr[i]]+'">');
	//}
}




/*** for sitemap **/

function showSitemap(){
	//$('overlay').show();
	Element.show('overlay');
	//Effect.toggle('overlay', 'blind', {duration:0.25});
	center('box');
	//return false;
}

function hideSitemap(){
	Element.hide('box');
	Element.hide('overlay');
	//Effect.toggle('box', 'appear', {duration:0.25});
	//Effect.toggle('overlay', 'appear', {duration:0.25});
	//$('box').hide();
	//$('overlay').hide();
	//return false;
}

function center(element){
    try{
        element = $(element);
    }catch(e){
        return;
    }

    var my_width  = 0;
    var my_height = 0;

    if ( typeof( window.innerWidth ) == 'number' ){
        my_width  = window.innerWidth;
        my_height = window.innerHeight;
    }else if ( document.documentElement && 
             ( document.documentElement.clientWidth ||
               document.documentElement.clientHeight ) ){
        my_width  = document.documentElement.clientWidth;
        my_height = document.documentElement.clientHeight;
    }
    else if ( document.body && 
            ( document.body.clientWidth || document.body.clientHeight ) ){
        my_width  = document.body.clientWidth;
        my_height = document.body.clientHeight;
    }

    element.style.position = 'absolute';
    element.style.zIndex   = 99;

    var scrollY = 0;

    if ( document.documentElement && document.documentElement.scrollTop ){
        scrollY = document.documentElement.scrollTop;
    }else if ( document.body && document.body.scrollTop ){
        scrollY = document.body.scrollTop;
    }else if ( window.pageYOffset ){
        scrollY = window.pageYOffset;
    }else if ( window.scrollY ){
        scrollY = window.scrollY;
    }

    var elementDimensions = Element.getDimensions(element);

    var setX = ( my_width  - elementDimensions.width  ) / 2;
    var setY = ( my_height - elementDimensions.height ) / 2 + scrollY;

    setX = ( setX < 0 ) ? 0 : setX;
    setY = ( setY < 0 ) ? 0 : setY;

    element.style.left = setX + "px";
    element.style.top  = setY + "px";
	
	Effect.toggle(element, 'appear', {duration:0.25});
   //element.style.display  = 'block';
}


/*end site map **/

// JavaScript Document
	<!-- swf object -->
/**
 * SWFObject v1.4: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
 *
 * SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * **SWFObject is the SWF embed script formerly known as FlashObject. The name was changed for
 *   legal reasons.
 */
if(typeof deconcept=="undefined"){var deconcept=new Object();}
if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}
if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}
deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a,_b){
if(!document.createElement||!document.getElementById){return;}
this.DETECT_KEY=_b?_b:"detectflash";
this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);
this.params=new Object();
this.variables=new Object();
this.attributes=new Array();
if(_1){this.setAttribute("swf",_1);}
if(id){this.setAttribute("id",id);}
if(w){this.setAttribute("width",w);}
if(h){this.setAttribute("height",h);}
if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}
this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion(this.getAttribute("version"),_7);
if(c){this.addParam("bgcolor",c);}
var q=_8?_8:"high";
this.addParam("quality",q);
this.setAttribute("useExpressInstall",_7);
this.setAttribute("doExpressInstall",false);
var _d=(_9)?_9:window.location;
this.setAttribute("xiRedirectUrl",_d);
this.setAttribute("redirectUrl","");
if(_a){this.setAttribute("redirectUrl",_a);}};
deconcept.SWFObject.prototype={setAttribute:function(_e,_f){
this.attributes[_e]=_f;
},getAttribute:function(_10){
return this.attributes[_10];
},addParam:function(_11,_12){
this.params[_11]=_12;
},getParams:function(){
return this.params;
},addVariable:function(_13,_14){
this.variables[_13]=_14;
},getVariable:function(_15){
return this.variables[_15];
},getVariables:function(){
return this.variables;
},getVariablePairs:function(){
var _16=new Array();
var key;
var _18=this.getVariables();
for(key in _18){
_16.push(key+"="+_18[key]);}
return _16;
},getSWFHTML:function(){
var _19="";
if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){
if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","PlugIn");}
_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\"";
_19+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";
var _1a=this.getParams();
for(var key in _1a){_19+=[key]+"=\""+_1a[key]+"\" ";}
var _1c=this.getVariablePairs().join("&");
if(_1c.length>0){_19+="flashvars=\""+_1c+"\"";}
_19+="/>";
}else{
if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","ActiveX");}
_19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\">";
_19+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";
var _1d=this.getParams();
for(var key in _1d){_19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";}
var _1f=this.getVariablePairs().join("&");
if(_1f.length>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";}
_19+="</object>";}
return _19;
},write:function(_20){
if(this.getAttribute("useExpressInstall")){
var _21=new deconcept.PlayerVersion([6,0,65]);
if(this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){
this.setAttribute("doExpressInstall",true);
this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));
document.title=document.title.slice(0,47)+" - Flash Player Installation";
this.addVariable("MMdoctitle",document.title);}}
if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.versionIsValid(this.getAttribute("version"))){
var n=(typeof _20=="string")?document.getElementById(_20):_20;
n.innerHTML=this.getSWFHTML();
return true;
}else{
if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}
return false;}};
deconcept.SWFObjectUtil.getPlayerVersion=function(_23,_24){
var _25=new deconcept.PlayerVersion([0,0,0]);
if(navigator.plugins&&navigator.mimeTypes.length){
var x=navigator.plugins["Shockwave Flash"];
if(x&&x.description){_25=new deconcept.PlayerVersion(x.description.replace(/([a-z]|[A-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}
}else{try{
var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
for(var i=3;axo!=null;i++){
axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);
_25=new deconcept.PlayerVersion([i,0,0]);}}
catch(e){}
if(_23&&_25.major>_23.major){return _25;}
if(!_23||((_23.minor!=0||_23.rev!=0)&&_25.major==_23.major)||_25.major!=6||_24){
try{_25=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));}
catch(e){}}}
return _25;};
deconcept.PlayerVersion=function(_29){
this.major=parseInt(_29[0])!=null?parseInt(_29[0]):0;
this.minor=parseInt(_29[1])||0;
this.rev=parseInt(_29[2])||0;};
deconcept.PlayerVersion.prototype.versionIsValid=function(fv){
if(this.major<fv.major){return false;}
if(this.major>fv.major){return true;}
if(this.minor<fv.minor){return false;}
if(this.minor>fv.minor){return true;}
if(this.rev<fv.rev){return false;}return true;};
deconcept.util={getRequestParameter:function(_2b){
var q=document.location.search||document.location.hash;
if(q){
var _2d=q.indexOf(_2b+"=");
var _2e=(q.indexOf("&",_2d)>-1)?q.indexOf("&",_2d):q.length;
if(q.length>1&&_2d>-1){
return q.substring(q.indexOf("=",_2d)+1,_2e);
}}return "";}};
if(Array.prototype.push==null){
Array.prototype.push=function(_2f){
this[this.length]=_2f;
return this.length;};}
var getQueryParamValue=deconcept.util.getRequestParameter;
var FlashObject=deconcept.SWFObject; // for backwards compatibility
var SWFObject=deconcept.SWFObject;
	
	//-->