/*Installation/Setup
See the Developer Wiki for instructions on setting up a page like this.
 */

// $cmignore

function is_empty(obj) {
        for(var prop in obj) {
        if(obj.hasOwnProperty(prop))
                return false;
        }
        return true;
}

$(document).ready(function(){

        var unclickedThumbPath ='/images/featured/blog-cabin/thumbnails/';
        var clickedThumbPath ='/images/featured/blog-cabin/thumbnails/border/';
        var mainImagePath ='/images/featured/blog-cabin/rooms/';
        var RoomText = {
        "exterior" : {
                "header" : "Exterior",
                "first" : {"SW":"SW 2860<br /> Sage","hex":"#B1B097","text" : "light"},
                "second" : {"SW":"SW 7005<br /> Pure White","hex":"#EEEDE7","text" : "dark"}
                 
        },
        "bathroom" : {
                "header" : "Master Bathroom",
                "first" : {"SW" : "SW 6429<br /> Baize Green","hex":"#C5D0A8", "text":"dark"},
                "second" : {"SW":"SW 7012<br /> Creamy","hex":"#EEEADC","text" : "dark"}
        },
        "bedroom" : {
                "header" : "Master Bedroom",
                "first" : {"SW":"SW 6109<br /> Hopsack","hex":"#9E8665","text" : "light"},
                "second" : {"SW":"SW 7012<br /> Creamy","hex":"#EEEADC","text" : "dark"}
        },
        "deck" : {
                "header" : "Deck",
                "first" : {"SW":"SW 2860<br /> Sage","hex":"#B1B097","text" : "light"},
                "second" : {"SW":"SW 7005<br /> Pure White","hex":"#EEEDE7","text" : "dark"}
        },
        "greatroom" : {
                "header" : "Living Room",
                "first" : {"SW":"SW 6121<br /> Whole Wheat","hex":"#CCBA92","text" : "light"},
                "second" : {"SW":"SW 7012<br /> Creamy","hex":"#EEEADC","text" : "dark"}
        },
        "kitchen" : {
                "header" : "Kitchen",
                "first" : {"SW":"SW 6121<br /> Whole Wheat","hex":"#CCBA92","text" : "light"},
                "second" : {"SW":"SW 7012<br /> Creamy","hex":"#EEEADC","text" : "dark"}
        }
}

        var thumbImages= $('li img');
        thumbImages.click(function(){
                //OnClick of Thumbnail, places a border on the clicked thumbnail
                thumbImages.each(function(){
                        var thumb= $(this).attr('src');
                        var re = /([A-Za-z0-9\-_]+)\.((png)|(jpg))$/;
                        thumb.match(re);
                        var thumbName=RegExp.$1;
                        $(this).attr('src', unclickedThumbPath+thumbName+'.png');
                });
                var thumb= $(this).attr('src');
                var thumbClicked= $(this).attr('src');
                var re = /([A-Za-z0-9\-_]+)\.((png)|(jpg))$/;
                thumb.match(re);
                var thumbName=RegExp.$1;
                $(this).attr('src', clickedThumbPath+thumbName+'.png');
                $('#column_right ul li').each(function(){$(this).removeClass('hidden')})

                var firstHexValue =(!is_empty(RoomText[thumbName]["first"])) ? RoomText[thumbName]["first"].hex : '';
                var secondHexValue =(!is_empty(RoomText[thumbName]["second"])) ? RoomText[thumbName]["second"].hex : '';
                var thirdHexValue =(!is_empty(RoomText[thumbName]["third"])) ? RoomText[thumbName]["third"].hex : '';
                var firstSWValue =(!is_empty(RoomText[thumbName]["first"])) ? RoomText[thumbName]["first"].SW : '';
                var secondSWValue =(!is_empty(RoomText[thumbName]["second"])) ? RoomText[thumbName]["second"].SW : '';
                var thirdSWValue =(!is_empty(RoomText[thumbName]["third"])) ? RoomText[thumbName]["third"].SW : '';
                var firstTextShade =(!is_empty(RoomText[thumbName]["first"]) && RoomText[thumbName].first.text == 'light') ? '#fff' : '#75726c';
                var secondTextShade =(!is_empty(RoomText[thumbName]["second"]) && RoomText[thumbName].second.text == 'light') ? '#fff' : '#75726c';
                var thirdTextShade =(!is_empty(RoomText[thumbName]["third"]) && RoomText[thumbName].third.text == 'light') ?  '#fff' : '#75726c';

                //Swaps out the main image
                $('#main_image').attr('src', mainImagePath+thumbName+'.jpg');

                //Sets the Scene Header text
                $('#column_left h2 span').html(RoomText[thumbName]["header"]);

                //Sets the Palette Font Color and Palette Background Color
                if(is_empty(RoomText[thumbName]["first"])){
                        $('#one')
                                .addClass('hidden')
                                .html('');
                }else{
                        $('#one')
                                .removeClass('hidden')
                                .html(firstSWValue)
                                .css('background-color', firstHexValue)
                                .css('color', firstTextShade);
                }

                if(is_empty(RoomText[thumbName]["second"])){
                        $('#two')
                                .addClass('hidden')
                                .html('');
                }else{
                        $('#two')
                                .removeClass('hidden')
                                .html(secondSWValue)
                                .css('background-color', secondHexValue)
                                .css('color', secondTextShade);
                }

                if(is_empty(RoomText[thumbName]["third"])){
                        $('#three')
                                .addClass('hidden')
                                .html('');
                }else{  
                        $('#three')
                                .removeClass('hidden')
                                .html(thirdSWValue)
                                .css('background-color', thirdHexValue)
                                .css('color',  thirdTextShade);
                }
        });
});
// $/cmignore