/*
*
This function replaces the current image with that of the selected item
*
*/
function imagehover(image_name,item) {
switch (image_name){
case 'redekerate':
switch (item){
case 'bed':
document.imagemap.src = "images/East_Village/bed_select.jpg"
document.getElementById('inspiration').innerHTML = 'In the bedroom, place the bed first. The bed is the center of attention in any bedroom, and it should have the best view. Consider the largest bed possible if you don’t need a lot of storage furniture.';
break;
case 'artwork':
document.imagemap.src = "images/East_Village/artwork_select.jpg"
document.getElementById('inspiration').innerHTML = 'Balance using scale. The scale of individual pieces contributes to the overall balance of a room. A large piece of art or a grid of smaller framed pieces both can balance larger furnishings.';
break;
case 'lamp':
document.imagemap.src = "images/East_Village/lamptable_select.jpg"
document.getElementById('inspiration').innerHTML = 'Outfit a guest room as a haven for visitors, then give the room a trial run to discover what’s missing. Some amenities to consider include a chair or bench to hold a suitcase, a nightstand with a reading lamp, and possibly a full-length mirror.';
break;
}
break;
case 'workstation':
switch (item){
case 'desk':
document.imagemap.src = "images/Workstation/desk_select.jpg"
document.getElementById('inspiration').innerHTML = 'Each room should have an architectural feature or dominant piece of furniture that creates the main focus around which all other pieces are oriented.';
break;
case 'artwork':
document.imagemap.src = "images/Workstation/frames_select.jpg"
document.getElementById('inspiration').innerHTML = 'Pictures, grouped or individually, add interest to a wall or entire room, offsetting the lack of pattern in wood furniture.';
break;
case 'chest':
document.imagemap.src = "images/Workstation/chest_select.jpg"
document.getElementById('inspiration').innerHTML = 'A file cabinet provides functional storage as well as an area to display accessories or a necessary lamp.';
break;
}
break;
case 'livingroom':
switch (item){
case 'sofa':
document.imagemap.src = "images/Livingroom/sofa_select.jpg"
document.getElementById('inspiration').innerHTML = 'Consider facing sofas in the center of the room and a chair, side table, and lamp at one end as a reading nook.';
break;
case 'table':
document.imagemap.src = "images/Livingroom/table_select.jpg"
document.getElementById('inspiration').innerHTML = 'Select a coffee table that is one-half to two-thirds the length of the sofa. That allows people seated on the sofa to have access to the table and provides room for accessories.';
break;
case 'chaise':
document.imagemap.src = "images/Livingroom/chaise_select.jpg"
document.getElementById('inspiration').innerHTML = 'A comfy chaise lounge can provide a place to relax, read or nap, whether it be your living room, den or bedroom.';
break;
}
break;
case 'homeentertainment':
switch (item){
case 'endtable':
document.imagemap.src = "images/HomeEntertainment/endtable_select.jpg"
document.getElementById('inspiration').innerHTML = 'Choose an occasional table that is the same scale as the nearby seating piece, yet provides a place for books, storage or decorative items.';
break;
case 'rug':
document.imagemap.src = "images/HomeEntertainment/rug_select.jpg"
document.getElementById('inspiration').innerHTML = 'A new rug can supply the style and color to get your redecorating started. It can also enhance an existing color scheme and add a punch of pattern to a dull room.';
break;
case 'wallunit':
document.imagemap.src = "images/HomeEntertainment/wallunit_select.jpg"
document.getElementById('inspiration').innerHTML = 'Maximize a room’s size. A single oversize piece, such as a tv/media wall, can make a small room feel more generous and less predictable';
break;
}
break;
case 'breakfastbar':
switch (item){
case 'table':
document.imagemap.src = "images/BreakfastBar/table_select.jpg"
document.getElementById('inspiration').innerHTML = 'Circular tables, especially with pedestal bases, let folks crowd around, while rectangular tables limit seating.';
break;
case 'bar':
document.imagemap.src = "images/BreakfastBar/bar_select.jpg"
document.getElementById('inspiration').innerHTML = 'Plan for storage. A dining room generates lots of extra gear: tableware, table linens, wine glasses, and large serving pieces. Make a space for everything right where it’s used.';
break;
case 'mirror':
document.imagemap.src = "images/BreakfastBar/mirror_select.jpg"
document.getElementById('inspiration').innerHTML = 'A mirror can make a smaller room seem larger plus giving a “complete” look to a low profile storage piece.';
break;
}
break;
case 'ottomans':
switch (item){
case 'ottoman':
document.imagemap.src = "images/Ottomans/ottoman_select.jpg"
document.getElementById('inspiration').innerHTML = 'A large ottoman can serve as extra seating or as a coffee table and yet be located anywhere in the room.';
break;
case 'chair':
document.imagemap.src = "images/Ottomans/chair_select.jpg"
document.getElementById('inspiration').innerHTML = 'A matching lounge chair can be the most comfortable seat in the home, yet complete the room setting.';
break;
case 'sofa':
document.imagemap.src = "images/Ottomans/sofa_select.jpg"
document.getElementById('inspiration').innerHTML = 'Diagonal furniture layouts offer a no-cost fix in rooms with too many windows and doors. Place matching sofas on the diagonal to create a seating island.';
break;
}
break;
}
}
/*
*
This function replaces the current image with the default image
*
*/
function imageout(image_name) {
switch (image_name){
case 'redekerate':
document.imagemap.src = "images/East_Village/redekerate.jpg"
document.getElementById('inspiration').innerHTML = 'To make a large space cozy, choose a dark, saturated color for the walls. Need to make a small space seem expansive? Go for the lighter tints. Then mix it up by using dark and light furnishings.';
break;
case 'workstation':
document.imagemap.src = "images/Workstation/workstation.jpg"
document.getElementById('inspiration').innerHTML = 'The goal of any room arrangement is to create a simple grouping of furniture pieces that work toward the room’s purpose... dining, sleeping, working, entertaining, or relaxing.';
break;
case 'livingroom':
document.imagemap.src = "images/Livingroom/livingroom.jpg"
document.getElementById('inspiration').innerHTML = 'Cozy up for conversation. For face-to-face chats, place chairs no more than eight feet apart. If the room is large, use furniture to create comfort islands.';
break;
case 'homeentertainment':
document.imagemap.src = "images/HomeEntertainment/entertainment.jpg"
document.getElementById('inspiration').innerHTML = 'Choose focal points. You may have more than one, perhaps a fireplace and a media center. If so, combine both on the same wall, or turn the furniture arrangement on the diagonal so it can face two walls at once.';
break;
case 'breakfastbar':
document.imagemap.src = "images/BreakfastBar/breakfast.jpg"
document.getElementById('inspiration').innerHTML = 'Plan for company in the dining room. Measure the room and consider how many people will fit around the table. Leave about 36” all around the table so chairs can be pulled out comfortably.';
break;
case 'ottomans':
document.imagemap.src = "images/Ottomans/ottomans.jpg"
document.getElementById('inspiration').innerHTML = 'Whether you like neutrals or colors, more expensive or difficult to change elements are best left neutral. Explore color trends using inexpensive accessories and paint.';
break;
}
}
/*
*
This function shows an image that includes highlighted pieces
*
*/
function showhighlighted(image_name) {
switch (image_name){
case 'redekerate':
document.imagemap.src = "images/East_Village/redekerate.jpg"
// create a new image map that can be clicked
var strMap = '\n\n';
strMap = strMap + '\n';
strMap = strMap + '\n\n';
strMap = strMap + '\n';
strMap = strMap + '\n';
strMap = strMap + '\n';
strMap = strMap + '\n\n';
document.getElementById('map').innerHTML = strMap;
// create new link to show entire room
strHighlighted = 'See room without highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
case 'workstation':
document.imagemap.src = "images/Workstation/workstation.jpg"
// create a new image map that can be clicked
var strMap = '\n\n';
strMap = strMap + '\n';
strMap = strMap + '\n\n';
strMap = strMap + '\n';
strMap = strMap + '\n';
document.getElementById('map').innerHTML = strMap;
// create new link to show entire room
strHighlighted = 'See room without highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
case 'livingroom':
document.imagemap.src = "images/Livingroom/livingroom.jpg"
// create a new image map that can be clicked
var strMap = '\n\n';
strMap = strMap + '\n\n';
strMap = strMap + '\n\n';
document.getElementById('map').innerHTML = strMap;
// create new link to show entire room
strHighlighted = 'See room without highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
case 'homeentertainment':
document.imagemap.src = "images/HomeEntertainment/entertainment.jpg"
// create a new image map that can be clicked
var strMap = '\n\n';
strMap = strMap + '\n\n';
strMap = strMap + '\n';
strMap = strMap + '\n';
strMap = strMap + '\n';
strMap = strMap + '\n\n';
document.getElementById('map').innerHTML = strMap;
// create new link to show entire room
strHighlighted = 'See room without highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
case 'breakfastbar':
document.imagemap.src = "images/BreakfastBar/breakfast.jpg"
// create a new image map that can be clicked
var strMap = '\n\n';
strMap = strMap + ' \n';
strMap = strMap + '\n\n';
strMap = strMap + '\n';
strMap = strMap + '\n';
strMap = strMap + '\n\n';
document.getElementById('map').innerHTML = strMap;
// create new link to show entire room
strHighlighted = 'See room without highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
case 'ottomans':
document.imagemap.src = "images/Ottomans/ottomans.jpg"
// create a new image map that can be clicked
var strMap = '\n\n';
strMap = strMap + '\n\n';
strMap = strMap + '\n\n';
document.getElementById('map').innerHTML = strMap;
// create new link to show entire room
strHighlighted = 'See room without highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
}
}
/*
*
This function shows an image that does not have highlighted pieces.
It also changes the imagemap so that no pieces can be selected/hovered over to display design tips.
*
*/
function showroom(image_name) {
switch (image_name){
case 'redekerate':
document.imagemap.src = "images/East_Village/no_select.jpg"
document.getElementById('inspiration').innerHTML = 'To make a large space cozy, choose a dark, saturated color for the walls. Need to make a small space seem expansive? Go for the lighter tints. Then mix it up by using dark and light furnishings.';
// create a new image map that cannot be clicked
var strMap = '';
document.getElementById('map').innerHTML = strMap;
// create new link to show highlighted items
strHighlighted = 'See room with highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
case 'workstation':
document.imagemap.src = "images/Workstation/no_select.jpg"
document.getElementById('inspiration').innerHTML = 'To make a large space cozy, choose a dark, saturated color for the walls. Need to make a small space seem expansive? Go for the lighter tints. Then mix it up by using dark and light furnishings.';
// create a new image map that cannot be clicked
var strMap = '';
document.getElementById('map').innerHTML = strMap;
// create new link to show highlighted items
strHighlighted = 'See room with highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
case 'livingroom':
document.imagemap.src = "images/Livingroom/no_select.jpg"
document.getElementById('inspiration').innerHTML = 'To make a large space cozy, choose a dark, saturated color for the walls. Need to make a small space seem expansive? Go for the lighter tints. Then mix it up by using dark and light furnishings.';
// create a new image map that cannot be clicked
var strMap = '';
document.getElementById('map').innerHTML = strMap;
// create new link to show highlighted items
strHighlighted = 'See room with highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
case 'homeentertainment':
document.imagemap.src = "images/HomeEntertainment/no_select.jpg"
document.getElementById('inspiration').innerHTML = 'To make a large space cozy, choose a dark, saturated color for the walls. Need to make a small space seem expansive? Go for the lighter tints. Then mix it up by using dark and light furnishings.';
// create a new image map that cannot be clicked
var strMap = '';
document.getElementById('map').innerHTML = strMap;
// create new link to show highlighted items
strHighlighted = 'See room with highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
case 'breakfastbar':
document.imagemap.src = "images/BreakfastBar/no_select.jpg"
document.getElementById('inspiration').innerHTML = 'To make a large space cozy, choose a dark, saturated color for the walls. Need to make a small space seem expansive? Go for the lighter tints. Then mix it up by using dark and light furnishings.';
// create a new image map that cannot be clicked
var strMap = '';
document.getElementById('map').innerHTML = strMap;
// create new link to show highlighted items
strHighlighted = 'See room with highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
case 'ottomans':
document.imagemap.src = "images/Ottomans/no_select.jpg"
document.getElementById('inspiration').innerHTML = 'To make a large space cozy, choose a dark, saturated color for the walls. Need to make a small space seem expansive? Go for the lighter tints. Then mix it up by using dark and light furnishings.';
// create a new image map that cannot be clicked
var strMap = '';
document.getElementById('map').innerHTML = strMap;
// create new link to show highlighted items
strHighlighted = 'See room with highlights';
document.getElementById('highlight').innerHTML = strHighlighted;
break;
}
}
sfHover = function() {
var sfEls = document.getElementById("topnav").getElementsByTagName("li");
for (var i=0; i