$(document).ready(function(){$("#comparison-grid table").replaceWith('<div id="breakout"></div>');
$("#breakout").append(createTable()).css({position:"absolute",paddingRight:"15px"});
var A=$("#breakout").height();
$("#comparison-grid").height(A);
redrawBg();
$("#content-primary").prepend('<p class="controls"><a href="#" class="reset"><i>Reset comparison table</i></a></p>');
$(".reset").click(function(){$("#comparison-grid").animate({opacity:0},200).queue(function(){$(this).find("table").replaceWith(createTable());
$(this).animate({opacity:1},300);
redrawBg();
$(this).dequeue()
});
qs=createQuerySrtring(comparisonTable);
return false
});
qs=createQuerySrtring(comparisonTable);
$("#taskbar .pdf").mousedown(function(){writeQueryString($("#taskbar .pdf"),"productid="+qs.products+"&attributeid="+qs.attr)
})
});
$(window).resize(function(){redrawBg()
});
function redrawBg(){var A=$("#shell").offset().left-40;
$(document.body).css({"background-position-x":A});
var B=$("#breakout").height();
$("#comparison-grid").height(B)
}function writeQueryString(B,A){var D=B.attr("href");
var E=/(&?productid=[^&]*)&?/;
D=D.replace(E,"");
var C=/(&?attributeid=[^&]*)&?/;
D=D.replace(C,"");
if(D.indexOf("?")==-1){D=D+"?"+A
}else{D=D+"&"+A
}B.attr("href",D)
}function createQuerySrtring(E){var B=[];
var C=[];
var A=E.products.length;
for(i=0;
i<A;
i++){B.push(E.products[i].id)
}A=E.attributeGroups.length;
for(i=0;
i<A;
i++){var D=E.attributeGroups[i].attributes.length;
for(j=0;
j<D;
j++){C.push(E.attributeGroups[i].attributes[j].id)
}}return{products:B,attr:C}
}function createTable(){var J,H,F,A,C,D,I,G,B;
var E=newEl("table",{summary:"Comparison matrix of selected Products (columns) and their features (rows) - Products and features can be removed from the table"});
J=newEl("thead");
E.appendChild(J);
A=newEl("tr",{className:"product-name"});
D=newEl("td",{className:"blank first"});
J.appendChild(A);
A.appendChild(D);
G=comparisonTable.products.length;
for(i=0;
i<G;
i++){F=newEl("th",{id:"p"+i});
if(i===0){F.className="p1"
}if(i===G-1){F.className="last"
}$(F).hover(function(){var K=this.cellIndex;
$(this).addClass("over");
$("#comparison-grid thead .product-delete td").eq(K).addClass("over")
},function(){var K=this.cellIndex;
$(this).removeClass("over");
$("#comparison-grid thead .product-delete td").eq(K).removeClass("over")
}).click(function(){document.location=comparisonTable.products[i].url
}).data("id",comparisonTable.products[i].id);
C=newEl("div");
D=newEl("a",{href:comparisonTable.products[i].url},comparisonTable.products[i].name);
C.appendChild(D);
F.appendChild(C);
A.appendChild(F)
}A=newEl("tr",{className:"product-delete"});
D=newEl("td",{className:"blank first"});
J.appendChild(A);
A.appendChild(D);
for(i=0;
i<G;
i++){F=newEl("td",{headers:"p"+i});
if(i===0){F.className="delete p1"
}else{if(i===G-1){F.className="delete last"
}else{F.className="delete"
}}$(F).hover(function(){var K=this.cellIndex;
$(this).addClass("over");
$("#comparison-grid thead .product-name > *").eq(K).addClass("over")
},function(){var K=this.cellIndex;
$(this).removeClass("over");
$("#comparison-grid thead .product-name > *").eq(K).removeClass("over")
});
C=newEl("div");
D=newEl("a",{href:"#"+comparisonTable.products[i].id},"Close");
D.onclick=function(){deleteColumn(this);
return false
};
C.appendChild(D);
F.appendChild(C);
A.appendChild(F)
}A=newEl("tr",{className:"product-apply"});
D=newEl("td",{className:"blank first"});
J.appendChild(A);
A.appendChild(D);
for(i=0;
i<G;
i++){F=newEl("td",{headers:"p"+i});
if(i===0){F.className="apply p1"
}else{if(i===G-1){F.className="apply last"
}else{F.className="apply"
}}C=newEl("div");
if(comparisonTable.products[i].apply!=undefined){D=newEl("a",{href:comparisonTable.products[i].apply},comparisonTable.products[i].applytext);
C.appendChild(D)
}C.appendChild(D);
F.appendChild(C);
A.appendChild(F)
}tfoot=newEl("tfoot");
E.appendChild(tfoot);
A=newEl("tr",{className:"product-name"});
D=newEl("td",{className:"blank first"},"&#160;");
tfoot.appendChild(A);
A.appendChild(D);
G=comparisonTable.products.length;
for(i=0;
i<G;
i++){F=newEl("td");
if(i===G-1){F.className="last"
}if(i===0){F.className="p1"
}$(F).hover(function(){var K=this.cellIndex;
$(this).addClass("over");
$("#comparison-grid tfoot .product-delete td").eq(K).addClass("over")
},function(){var K=this.cellIndex;
$(this).removeClass("over");
$("#comparison-grid tfoot .product-delete td").eq(K).removeClass("over")
}).click(function(){document.location=comparisonTable.products[i].url
}).data("id",comparisonTable.products[i].id);
C=newEl("div");
D=newEl("a",{href:comparisonTable.products[i].url},comparisonTable.products[i].name);
C.appendChild(D);
F.appendChild(C);
A.appendChild(F)
}A=newEl("tr",{className:"product-delete"});
D=newEl("td",{className:"blank first"});
tfoot.appendChild(A);
A.appendChild(D);
for(i=0;
i<G;
i++){F=newEl("td",{headers:"p"+i});
if(i===0){F.className="delete p1"
}else{if(i===G-1){F.className="delete last"
}else{F.className="delete"
}}$(F).hover(function(){var K=this.cellIndex;
$(this).addClass("over");
$("#comparison-grid tfoot .product-name > *").eq(K).addClass("over")
},function(){var K=this.cellIndex;
$(this).removeClass("over");
$("#comparison-grid tfoot .product-name > *").eq(K).removeClass("over")
});
C=newEl("div");
D=newEl("a",{href:"#"+comparisonTable.products[i].id},"Close");
D.onclick=function(){deleteColumn(this);
return false
};
C.appendChild(D);
F.appendChild(C);
A.appendChild(F)
}A=newEl("tr",{className:"product-apply"});
D=newEl("td",{className:"blank first"});
tfoot.appendChild(A);
A.appendChild(D);
for(i=0;
i<G;
i++){F=newEl("td",{headers:"p"+i});
if(i===0){F.className="apply p1"
}else{if(i===G-1){F.className="apply last"
}else{F.className="apply"
}}C=newEl("div");
if(comparisonTable.products[i].apply!=undefined){D=newEl("a",{href:comparisonTable.products[i].apply},comparisonTable.products[i].applytext);
C.appendChild(D)
}C.appendChild(D);
F.appendChild(C);
A.appendChild(F)
}for(i=0;
i<comparisonTable.attributeGroups.length;
i++){H=newEl("tbody");
H.id="section"+(i+1);
$(H).data("id",comparisonTable.attributeGroups[i].id);
A=newEl("tr",{className:"rowgroup"});
D=newEl("th",{className:"rowgrouphead first last",colspan:G+1,id:"rg"+i});
C=newEl("div",null,comparisonTable.attributeGroups[i].label);
D.appendChild(C);
A.appendChild(D);
H.appendChild(A);
E.appendChild(H);
for(j=0;
j<comparisonTable.attributeGroups[i].attributes.length;
j++){A=newEl("tr");
$(A).hover(function(){$(this).addClass("over")
},function(){$(this).removeClass("over")
});
$(A).data("id",comparisonTable.attributeGroups[i].attributes[j].id);
D=newEl("th",{className:"first",headers:"rg"+i,id:"f"+i+""+j});
C=newEl("div",null,comparisonTable.attributeGroups[i].attributes[j].label);
D.appendChild(C);
B=newEl("a",{href:"#"},"Close row");
B.onclick=function(){deleteRow(this);
return false
};
C.appendChild(B);
A.appendChild(D);
H.appendChild(A);
for(k=0;
k<G;
k++){D=newEl("td",{headers:"rg"+i+" f"+i+""+j+" p"+k});
if(k===G-1){D.className="last"
}I=null;
if(typeof comparisonTable.products[k].featureSet!="undefined"&&comparisonTable.products[k].featureSet!=null){I=comparisonTable.products[k].featureSet[i][j]
}if(I===null){I="&nbsp;"
}switch(I.toLowerCase()){case"no":B=newEl("img",{src:"/furniture/ui_imgs/icon_redcross.png",alt:"No"});
$(D).addClass("no");
break;
case"yes":B=newEl("img",{src:"/furniture/ui_imgs/icon_greentick.png",alt:"Yes"});
$(D).addClass("yes");
break;
default:B=newEl("i",null,I)
}C=newEl("div");
C.appendChild(B);
D.appendChild(C);
A.appendChild(D)
}}}return E
}function deleteColumn(B){var D=$(B).parents("td")[0].cellIndex;
var A=$(B).parents("tr").find("td").length;
if(A>3){var E=$("#comparison-grid tr").find("> *:eq("+D+") > div");
if($.browser.msie&&parseInt($.browser.version)<9){E.queue(function(){$(this).css({visibility:"hidden"});
$(this).animate({opacity:0},50);
$(this).dequeue()
})
}else{E.each(function(){var F=$(this).width();
var G=$(this).height();
$(this).css({width:F,height:G,overflow:"hidden"});
$(this).parent().css({width:"auto"});
$(this).animate({opacity:0},50);
$(this).animate({width:1},100)
})
}$(".rowgrouphead",$("#comparison-grid")).attr({colSpan:A-1});
E.queue(function(){var F=$(this).parent();
if($(F).hasClass("last")){$(F).prev().eq(0).addClass("last")
}if($(F).hasClass("p1")){$(F).next().eq(0).addClass("p1")
}$(F).remove();
redrawBg();
$(this).dequeue()
});
if(A===4){$("td.delete a").animate({opacity:0.3},300)
}var C=$("#comparison-grid .product-name").find("> *:eq("+D+")").data("id");
qs.products=$.grep(qs.products,function(F){return F!=C
})
}else{return false
}}function deleteRow(D){var B=$(D).parent().parent().parent();
var C=B.find("div");
if($(B).siblings().length<2){deleteRowGroup($(D).parent())
}else{if($.browser.msie&&parseInt($.browser.version)<9){C.queue(function(){$(this).css({visibility:"hidden"});
$(this).animate({opacity:0},500);
$(this).dequeue()
})
}else{C.each(function(){var E=$(this).width();
var F=$(this).height();
$(this).css({height:F,overflow:"hidden"});
$(this).parent().css({height:"auto"});
$(this).animate({opacity:0},200);
$(this).animate({height:1,padding:0},100)
})
}C.queue(function(){$(this).parent().parent().remove();
redrawBg();
$(this).dequeue()
})
}var A=$(B).data("id");
qs.attr=$.grep(qs.attr,function(E){return E!=A
})
}function deleteRowGroup(C){var A=$(C).parent().parent().parent();
var B=A.find("div");
if($.browser.msie&&parseInt($.browser.version)<9){B.queue(function(){$(this).css({visibility:"hidden"});
$(this).animate({opacity:0},500);
$(this).dequeue()
})
}else{B.each(function(){var D=$(this).width();
var E=$(this).height();
$(this).css({height:E,overflow:"hidden"});
$(this).parent().css({height:"auto"});
$(this).animate({opacity:0},200);
$(this).animate({height:1,padding:0},100)
})
}B.queue(function(){$(this).parent().parent().parent().remove();
redrawBg();
$(this).dequeue()
})
};