Skintone:
Skintone:
Eyes:
";
//tabs
$("#piecesArea").tabs();
function baseSwitch(element){
}
/*NOTE: It would be better to use an implementation of this that uses nth child, and put the order the same in both cases.*/
//changes the body when thumbnails are clicked
$("#swatchesArea a").click( function() {
var changeSrc = $(this).attr("href");
$("#bodyArea>img").attr("src", changeSrc);
var type = $(this).parent().attr("id");
switch (type) {
case "skinSwitch":
$("#skintone").attr("src", changeSrc);
break;
case "eyeSwitch":
$("#eyes").attr("src", changeSrc);
break;
}
return false;
});
@@ -58,9 +58,12 @@ height: 350px;
text-align: center;
}
/* Position of the base body inside its container*/
#bodyArea .skintone {margin-top:40px;}
/*#bodyArea img {position: absolute;}*/
/* Position of the base body elements*/
#skintone {margin: 40px 0 0 0;}
#eyes {position: absolute; top: 67px; left: 109px;}
/*-------------------------------------------------------------------*/
/* The area under the base that has links for skintones */