﻿$(document).ready(function() {
    $("div.desk-lamp").each(function(i) {
        var rocker_switch = $(this);
        
        $("span.colour", this)
            .append("<div class='rocker'></div>");
        
        $("div.rocker", this)
            .append("<span class='on'>ON</span>")
            .append("<span class='off active'>OFF</span>")
            .append("<div class='switch'></div>")
        
        
            .click(function() {
                rocker_switch.toggleClass("on");
                var img = $("img:last", rocker_switch)
                
                var on_img = null;
                if (i == 0) {
                    on_img = "../../images/articles/daylight_standard.jpg";
                } else {
                    on_img = "../../images/articles/daylight_white.jpg";
                }
                
                if (img.attr("src").indexOf("off") != -1) {
                    img.attr("src", on_img);
                } else {
                    img.attr("src", "../../images/articles/daylight_off.jpg")
                }                
          })
          
          $("#primary h2:eq(1)").attr("id", "info");
    });
});