// cookie stuff -snaked- borrowed from Quirksmode - http://www.quirksmode.org/js/cookies.html function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } function eraseCookie(name) { createCookie(name,"",-1); } // div labels for camera ids // array numbers must match the id values of the checkboxes var label = new Array(); label[0] = "i84"; label[1] = "stateStreet"; label[2] = "eagleRoad"; label[3] = "connector"; label[4] = "broadway"; label[5] = "canyonCounty"; label[6] = "mallArea"; label[7] = "downtown"; label[8] = "other"; // labels presented in

s above their respective cameras var heading = new Array(); heading[0] = "I-84"; heading[1] = "State Street"; heading[2] = "Eagle Road"; heading[3] = "Connector (I-184)"; heading[4] = "Broadway"; heading[5] = "Canyon County"; heading[6] = "Mall Area"; heading[7] = "Downtown"; heading[8] = "Other"; // parallel array for div content, to match above ids var content = new Array(); content[0] = "
I-84 at Broadway

I-84 at Vista

I-84 at Orchard

I-84 at Cole & Overland

I-84 at Connector

I-84 at Five Mile
I-84 at Cloverdale

I-84 at Eagle

I-84 at Meridian

I-84 at Garrity

I-84 at Franklin

I-84 at Nampa
"; content[1] = "
State at Veteran's

State at Collister

State at Ellens Ferry

State at Glenwood
"; content[2] = "
Eagle at Chinden

Eagle at Fairview

Eagle at Franklin

Eagle at McMillan

Eagle at Ustick

Eagle at Overland
"; content[3] = "
I-184 at 17th St.

I-184 at Orchard

I-184 at Curtis

I-184 at Flying Wye
"; content[4] = "
Broadway at I-84

Broadway at Linden

Broadway at Boise

Broadway at Beacon

Broadway at Front

Broadway at Warm Springs
"; content[5] = "
I-84 at Garrity

I-84 at Franklin

I-84 at Nampa
"; content[6] = "
Franklin at Milwaukee

Cole at Fairview

Fairview at Milwaukee

Emerald at Milwaukee

Cole at Franklin
"; content[7] = "
Broadway at Warm Springs

Myrtle at Broadway

I-184 at 17th St.

Front at 6th St.

Myrtle at Capitol

Myrtle at 9th St.
"; content[8] = "
Cloverdale at Franklin

Chinden at Curtis/Veteran's

Curtis at Fairview

Broadway at Linden

Cloverdale at Fairview

Entertainment at Overland

Maple Grove at Overland

Locust Grove at Overland

Meridian at Overland

Franklin at Main (Meridian)

Park at Parkcenter

Five Mile at Franklin
"; // do this stuff on page load $(document).ready(function(){ // display checkboxes, which are hidden from non-JS browsers $("#checkboxes").css({display:"block"}); // read cookies and then check(mark) the appropriate boxes for (h = 0; h < $(".toggleMe").length; h++){ if (readCookie(h) != null) $(".toggleMe")[h].checked = true; } // loop through checked boxes to display them for (i = 0; i < $(".toggleMe").length; i++){ if ($(".toggleMe")[i].checked == true) $("div#cameras").append("

"+ heading[i] +"

"+ content[i] +"

"); } // wait for further clicks to display/hide divs // thanks to Cody Lindley for the idea to go about it this way, instead of using toggle() - smart cookie, he is $("input.toggleMe").click( function(){ if($("#" + label[$(this).val()])[0] == undefined){ $("div#cameras").append("

"+ heading[$(this).val()] +"

"+ content[$(this).val()] +"

"); createCookie($(this).val(),$(this).val(),90); }else{ $("#"+label[$(this).val()]).remove(); $("."+label[$(this).val()]).remove(); eraseCookie($(this).val()); } } ); });