";
document.getElementById(strModalWindowID).innerHTML += "";
fAJAXRequest(strAjaxTarget, "modal.aspx", "image", image, "", "");
fShow(strModalWindowID);
}
*/
/*
Hide a modal window. If no id is passed, the generic class for modal windows is hidden instead of using a specific id. JQuery is required to use this function.
@param strID the id of the div to hide.
*/
function fCloseModal(strID) {
if(strID == undefined) {
$(".modalWindow").hide();
//$(".modalWindow").attr("visibility", "hidden");
} else {
fHide(strID);
}
return false;
}
/*
Update the source of the main photo gallery image with the provided image
filename. Also, remove class "cssActive" from all thumbnails, and then add
that class to the thumbnail that was clicked. JQuery is required.
@param strImgFilename the image filename
@param strThumbID the id attribute of the link that was clicked
*/
function fDisplayGalleryImg(strImgFilename, strThumbID) {
//alert("fDisplayGalleryImg('" + strImgFilename + "', '" + strThumbID + "') called.");
var strPath = "img/gallery/";
$("#photoGalleryMain img").attr("src", strPath + strImgFilename);
$("#galleryThumbs li").removeClass("cssActive");
$("#" + strThumbID).parent().addClass("cssActive");
//alert('$("#" + ' + strThumbID + ') = ' + $("#" + strThumbID));
//alert('$("#galleryThumbs").css("top") = ' + $("#galleryThumbs").css("top"));
$("#galleryThumbs").css({ top: "7px" }); // hack to fix wierd IE 6 positioning bug
return false;
}
/*
Return the prefix appended to the beginning of a .NET web control by the
server. The supplied string represents a classname that has been applied to
one of the web controls. Using jquery, we can obtain the id attribute of a
form element with that class name, strip out the server-appended prefix and
return it.
@param strFieldClassName the class attribute of one of the form fields
*/
function fGetDotNetPrefix(strFieldClassName) {
var debug = "";
debug += "fGetDotNetPrefix(\"" + strFieldClassName + "\") called.\n";
//alert(debug);
var strResponse = $("." + strFieldClassName).attr("id");
debug += "strResponse = " + strResponse + "\n";
if(strResponse == undefined) {
strResponse = "";
} else {
var intIndex = strResponse.lastIndexOf("_");
if(intIndex == -1) {
strResponse = "";
} else {
strResponse = strResponse.substr(0, intIndex + 1);
debug += "strResponse = " + strResponse + "\n";
}
}
//alert(debug);
return strResponse;
}
function fUpdateSwatch(strImage, strName, strText, strLarger) {
var strHTML = "";
if(strText != undefined) {
strHTML = strText;
if(strHTML != "") {
strHTML += " ";
}
}
$('.listingThumbnail').attr('src',strImage);
if (strLarger != ""){
$('.swatchViewLarger').attr('href', strLarger);
$('.swatchViewLarger').attr('rel', strName);
$('.swatchViewLarger').show();
}else{
$('.swatchViewLarger').attr('href','');
$('.swatchViewLarger').attr('rel', '');
$('.swatchViewLarger').hide();
}
document.getElementById('divSwatchName').innerHTML = strName;
return false;
}
function fUpdateFinish(strImage, strText, boolLarger) {
var strHTML = "";
if(strText != undefined) {
strHTML = strText;
if(strHTML != "") {
strHTML += " ";
}
}
$('.listingThumbnail').attr('src',strImage);
if (boolLarger != "0"){
$('.swatchViewLarger').attr('href', strImage);
$('.swatchViewLarger').show();
}else{
$('.swatchViewLarger').attr('href','');
$('.swatchViewLarger').hide();
}
document.getElementById('divFinishName').innerHTML = strText;
}
/*$(function(){
$('.swatchViewLarger').click(function(){
var image = $('#divSwatchImage img').attr('src');
largerImage = window.open (image,"larger","scrollbars=1,width=500,height=300");
if(window.focus){largerImage.focus();}
});
});*/
function fShow(strDiv) {
document.getElementById(strDiv).style.visibility = "visible";
document.getElementById(strDiv).style.display = "block";
}
function fHide(strDiv) {
document.getElementById(strDiv).style.visibility = "hidden";
document.getElementById(strDiv).style.display = "none";
}
function fToggle(strID) {
if(document.getElementById(strID).style.visibility == "hidden") {
fShow(strID);
} else {
fHide(strID);
}
}
function bindColorviewLinks(){
//alert("HERE");
$('.colorViewLink').click(function(){
window.open("/colorViewLanding.aspx","colorviewWin","location=no,menubar=no,scrollbars=no,status=no,resizable=no,width=950,height=720,directories=no");
return false;
});
}
$(function(){
bindColorviewLinks();
});
function closeBubble()
{
$("#cluetip").hide();
$("#fapMenuIframe").hide();
}
/*POP UP Functions */
//function for Colorview PopUp
function popUpScroll(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=1000,height=690');");
eval("page" + id + ".moveTo(0,0);");
}
//function for pop up photoLibrary in Design Professionals
function popUpScrollLibrary(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=1,statusbar=0,menubar=0,resizable=1,width=600,height=690');");
eval("page" + id + ".moveTo(0,0);");
}
//function for pop up photoLibrary in Design Professionals
function popUpScrollLibraryCulture(URL, culture) {
if(culture != "")
URL = getCultureURL(URL, culture);
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=1,statusbar=0,menubar=0,resizable=1,width=600,height=690');");
eval("page" + id + ".moveTo(0,0);");
}
function getCultureURL(URL, culture){
var tmpUrl = URL.replace("_es", "").replace("_fr", "");
tmpUrl = tmpUrl.replace(".", "_" + culture.substring(0, 2) + ".");
tmpUrl = tmpUrl.replace("_en", "");
return tmpUrl;
}
//Function for pop up for additionalresources
function popUpScrollAdditionalResources(URL){
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=1,statusbar=0,menubar=0,resizable=1,width=600,height=690');");
eval("page" + id + ".moveTo(0,0);");
return;
}
//Function for pop up for Qualifications
function popUpScrollQual(URL){
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'height=700,width=755,top=100,left=100,scrollbars=1,resizable=1');");
eval("page" + id + ".moveTo(0,0);");
return;
}
//FUNCTION for pop up in Pro Pages the siding Calculators
function popUpProArea(URL){
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'height=305,width=500,top=100,left=100,scrollbars=0,resizable=0');");
eval("page" + id + ".moveTo(0,0);");
}
function popUpProSoffit(URL){
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'height=230,width=500,top=100,left=100,scrollbars=0,resizable=0');");
eval("page" + id + ".moveTo(0,0);");
}
function popUpFile(URL)
{
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'height=630,width=500,top=100,left=100,scrollbars=0,resizable=0');");
eval("page" + id + ".moveTo(0,0);");
}
function popUpEnergySearch(URL)
{
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'height=930,width=710,top=100,left=100,scrollbars=1,resizable=0,menubar=no,toolbar=no');");
eval("page" + id + ".moveTo(0,0);");
$("page"+id).children("#header").hide();
//alert("page"+id);
//$("#header").hide();
}
/*End Pop Up Functions */
/*
left side Menu toggler for Building Profesionals Architects/Builders/Contractors/Distributors/Engineers
gID = ID of Group of Links to display;
imgID = ID of Parent Image ( collapse or expand);
lID = link ID;
*/
function menuToggler(gID,imgID,lID)
{
// alert("IMGID: "+imgID);
image = $("#"+imgID).attr("src");
// alert(gID+" OK");
//alert("IMAGE:" +image);
if(image == "img/professionals/btn_collapse.gif")
{
// alert("COL");
$("#"+imgID).attr("src","img/professionals/btn_expand.gif");
$("#"+gID).css("display","none");
}
if(image == "img/professionals/btn_expand.gif")
{
//alert("EXP");
$("#"+imgID).attr("src","img/professionals/btn_collapse.gif");
$("#"+gID).css("display","block");
//showLinks(gID,lID);
$("#"+lID).addClass("selected");
}
}
/*SHOWS Content Associated to that link*/
function showLinks(gID,lID)
{
//alert("SHOW LINK: "+gID+"_"+lID);
$("#"+gID+"_"+lID).css("display","block");
$("#"+lID).addClass("selected");
}
/*
END Functions Menu Toggler
*/
/*
Add the class "selected" to an item in the site's main navigation.
@param anID the ID attribute of the link to apply the class to
*/
function fSelectMainNavLink(anID) {
var strSelector = "#" + anID;
$(strSelector).addClass('selected');
$(strSelector).parents('li').prev(strMainNavSeparatorSelector).css('background','#ffffff').addClass('hide');
$(strSelector).parents('li').next(strMainNavSeparatorSelector).css('background','#ffffff').addClass('hide');
}
/*
Use jquery to split the following HTML structure (which is generated by .NET by default from, for example, every
object):
into a tabular structure that looks like this.
This will prevent the text in the label from wrapping down below the checkbox or radio button.
*/
function fSplitInputAndLabelIntoColumns(anInputID) {
var strInputSelector;
var strLabelID;
var strTableID;
var strTableSelector;
var strCheckBoxColClass = "inputCol";
var strLabelColClass = "labelCol";
strInputSelector = "#" + anInputID;
strLabelID = anInputID + "_lbl";
strTableID = anInputID + "_tbl";
strTableSelector = "#" + strTableID;
//alert("anInputID = " + anInputID + "\nstrInputSelector = " + strInputSelector + "\nstrLabelID = " + strLabelID + "\nstrTableSelector = " + strTableSelector + "\n");
//$(strInputSelector).siblings("label").wrap("");
$(strInputSelector).before("
");
//$(strInputSelector).before("Testing");
$(strInputSelector).next("label").attr("id", strLabelID);
$(strTableSelector).children().children().children("." + strCheckBoxColClass).append(document.getElementById(anInputID));
$(strInputSelector).parent().next("." + strLabelColClass).append(document.getElementById(strLabelID));
$(strTableSelector).next("br").remove();
}
// ===============================================================================
// Will change the current class of a div (whose parent div = "connectRight")
// to a new class
// ===============================================================================
function ToggleConnectWithCertainteedDivClass(prevClassName, newClassName)
{
var myDiv = document.getElementById("connectRight");
var divs = myDiv.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++)
{
var div = divs[i];
var divClassName = divs[i].className;
if(divClassName == newClassName)
{
// Nothing to do - class is what we need it to be
return;
}
if (divClassName.indexOf(prevClassName) >= 0)
{
// Change the class of the div tag to the one passed
div.className = newClassName;
// The div containing the social title also contains an anchor for the text
// that also needs to have its class changed
if(prevClassName == 'socialTitle' || prevClassName == 'socialTitleSpanishFrench')
{
var myAnchors = div.getElementsByTagName('a');
for (var j = 0; j < myAnchors.length; j++)
{
var anchor = myAnchors[j];
var anchorClassName = myAnchors[j].className;
if(anchorClassName.indexOf('socialLinkSpanishFrench') >= 0)
{
anchor.className = 'socialLink';
}
else if(anchorClassName.indexOf('socialLink') >= 0)
{
anchor.className = 'socialLinkSpanishFrench';
}
}
}
}
}
}
![\"close\"](\"/img/buttons/btn_close.gif\")
![\"\"](\"img/shim.gif\"){kind=spacer}
![\"close\"](\"img/buttons/btn_close.gif\")