﻿function checkImage(el) {
    document[el].onerror = function() {
        this.src = 'img/spacer.gif'; // show an empty img     
    }
}


//////////////////////////////////
function ChangePrice() {

    alert('test');
    //$get("priceIndications").innerHTML = com;
}

function JSAddPrice(val) {
    //alert('bert' + $get("priceIndications").innerHTML);


    if ($get("priceIndications") && !getQueryVariable('SOW')) {
        var som = +$get("priceIndications").innerHTML + val;
        $get("priceIndications").innerHTML = som;
    }
}

//////////////////////////////////
function JSPrice() {
    //var som = + $get("pricehid").value + val;
    //$get("priceIndications").innerHTML = som + ' ' + $get("pricecur").value;


    var pricehid = +($get("pricehid").value);
    var pricepla = +($get("pricepla").value);
    var pricesti = +($get("pricesti").value);
    var pricemon = +($get("pricemon").value);



    if (parseInt(pricehid) == "nan") {
        pricehid = +pricehid;
        alert('hid' + pricehid);
    }

    if (parseInt(pricepla) == "nan") {
        pricepla = +pricepla;
        alert('pla' + pricepla);
    }

    if (parseInt(pricesti) == "nan") {
        pricesti = +pricesti;
        alert('sti' + pricesti);
    }

    if (parseInt(pricemon) == "nan") {
        pricemon = +pricemon;
        alert('mon' + pricemon);
    }

    //    alert('pricepla' + pricepla);
    //    alert('pricesti' + pricesti);
    //    alert('pricemon' + pricemon);
    //    alert('pricehid' + pricehid);

    var tot = pricepla + pricesti + pricemon + pricehid;

    //alert('tot' + tot);

    if ($get("priceIndications") && !getQueryVariable('SOW'))
    $get("priceIndications").innerHTML = tot;
    
    
    //alert($get("pricehid").value);
    //37.00 €
    //string.substring(string.length - 1);
    //alert($get("pricecur").value);
}

// passes the event callback function.  
function GetPriceInfo() {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetPriceInfo(SuccesCallbackPrice, ErrorHandler, TimeOutHandler);
}

// passes the event callback function.  
function SetPriceInfo(key, value) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.SetPriceInfo(key, value, SuccesCallbackPrice, ErrorHandler, TimeOutHandler);
}

// SET DESIGN COLLAR INFO DETAILS INTO REVIEW
function SuccesCallbackPrice(result, eventArgs) {
    //$get("priceIndications").innerHTML = result;
    //    var pos = result.indexOf('.', 0);
    //    var res = result.substring(0, pos);
    //    var cur = result.substring(result.length - 1);

    //    $get("pricecur").value = cur;

    //string.indexOf(searchstring, start)
    //string.substring(from, to)
    //var pos = result.indexOf('.', 0);
    //var res = result.substring(0, pos);
    
    var res = result;
    if ($get("pricehid"))
        $get("pricehid").value = res;

    if ($get("priceIndications") && !getQueryVariable('SOW'))
        $get("priceIndications").innerHTML = res;
    

}

//2 PARAMETERS
//ENKEL CONTRASTEN? CONTRASTEN 
//z= inputid (vb: whitecollar)
//i= check or not
function GetPriceInfoExtra(z, i) {
    
    if (i < 2) {
        //get current contrastcolor
        var d = document.getElementById('contrastPicker');
        if (getElementsByClassName('stofsel', d)) {
            var col = getElementsByClassName('stofsel', d);
            //images/10192.jpg_Seoul 2
            //rel = 11104
            //alt = "Marco 4"
            //id = fabcon536
            //var optcontrastfabid = col.id.substring(6); //536
            var optcontrastMTMfabid = col.getAttribute('rel') + '_' + col.alt; //11104_Marco 4
        }
    }
    //coming from alter design
    //i = 0 or 1
    else {

        if (z == "58" || z == "61" || z == "62" || z == "54" || z == "17") {
            var optcontrastMTMfabid = i;
            i = 1;
        } else {
            var optcontrastMTMfabid = '1111111111111111';
            i = 1;
        }
    }


    if ($get("rev58") && (i == 1) && (z == "58")) {

        $get('hidcon58').value = 1;
        if ($get("58")) {
            $get("58").disabled = false;
            $get("58").checked = true;
        }
        $get('hidcon58fab').value = optcontrastMTMfabid;
        //set review
        $get("rev58").innerHTML = optcontrastMTMfabid.substring(6) + ' Collar contrasting  (3 €/£)';
        $get("lirev58").className = '';
        $get("fabrev58").className = "stof";
        var hidcon58fab = document.getElementById('hidcon58fab').value;
        $get("fabrev58").src = "Images/" + hidcon58fab.substring(0, 5) + ".jpg";

    }
    else if ($get("rev58") && (i == 0) && (z == "58")) {
        $get('hidcon58').value = 0;
        $get('hidcon58fab').value = '';
        //set review
        $get("rev58").innerHTML = '';
        $get("fabrev58").src = "img/spacer.gif";
        $get("lirev58").className = '';
        $get("fabrev58").className = '';
    }

    if ($get("rev54") && (i == 1) && (z == "54")) {
        $get('hidcon54').value = 1;
        if ($get("54")) {
            $get("54").disabled = false;
            $get("54").checked = true;
        }
        $get('hidcon54fab').value = optcontrastMTMfabid;
        //set review
        $get("rev54").innerHTML = optcontrastMTMfabid.substring(6) + ' Placket contrasting  (3 €/£)';
        $get("lirev54").className = '';
        $get("fabrev54").className = "stof";
        var hidcon54fab = document.getElementById('hidcon54fab').value;
        $get("fabrev54").src = "Images/" + hidcon54fab.substring(0, 5) + ".jpg";

        //show placket = voor placket contrast p6 bij 11 en 12
        var pla = document.getElementById('plahid').value;
        showpla(pla);
    }
    else if ($get("rev54") && (i == 0) && (z == "54")) {
        $get('hidcon54').value = 0;
        $get('hidcon54fab').value = '';
        //set review
        $get("rev54").innerHTML = '';
        $get("fabrev54").src = "img/spacer.gif";
        $get("lirev54").className = '';
        $get("fabrev54").className = '';
    }

    if ($get("rev61") && (i == 1) && (z == "61")) {
        $get('hidcon61').value = 1;
        if ($get("61")) {
            $get("61").disabled = false;
            $get("61").checked = true;
        }
        $get('hidcon61fab').value = optcontrastMTMfabid;
        //set review
        $get("rev61").innerHTML = optcontrastMTMfabid.substring(6) + ' Cuff contrasting  (3 €/£)';
        $get("lirev61").className = '';
        $get("fabrev61").className = "stof";
        var hidcon61fab = document.getElementById('hidcon61fab').value;
        $get("fabrev61").src = "Images/" + hidcon61fab.substring(0, 5) + ".jpg";
    }
    else if ($get("rev61") && (i == 0) && (z == "61")) {
        $get('hidcon61').value = 0;
        $get('hidcon61fab').value = '';

        //set review
        $get("rev61").innerHTML = '';
        $get("fabrev61").src = "img/spacer.gif";
        $get("lirev61").className = '';
        $get("fabrev61").className = '';
    }

    if ($get("rev62") && (i == 1) && (z == "62")) {
        $get('hidcon62').value = 1;
        if ($get("62")) {
            $get("62").disabled = false;
            $get("62").checked = true;
        }
        $get('hidcon62fab').value = optcontrastMTMfabid;
        //set review
        $get("rev62").innerHTML = optcontrastMTMfabid.substring(6) + ' Backyoke contrasting  (3 €/£)';
        $get("lirev62").className = 'nothidden';
        $get("fabrev62").className = "stof";
        var hidcon62fab = document.getElementById('hidcon62fab').value;
        $get("fabrev62").src = "Images/" + hidcon62fab.substring(0, 5) + ".jpg";
    }
    else if ($get("rev62") && (i == 0) && (z == "62")) {
        $get('hidcon62').value = 0;
        $get('hidcon62fab').value = '';
        //set review
        $get("rev62").innerHTML = '';
        $get("fabrev62").className = "hidden";
        $get("fabrev62").src = "img/spacer.gif";
        $get("lirev62").className = '';
        $get("fabrev62").className = '';
    }

    if ($get("rev17") && (i == 1) && (z == "17")) {
        $get('hidcon17').value = 1;
        if ($get("17")) {
            $get("17").disabled = false;
            $get("17").checked = true;
        }
        $get('hidcon17fab').value = optcontrastMTMfabid;
        //set review
        $get("rev17").innerHTML = optcontrastMTMfabid.substring(6) + ' Splitted Backyoke contrasting  (3 €/£)';
        $get("lirev17").className = '';
        $get("fabrev17").className = "stof";
        var hidcon17fab = document.getElementById('hidcon17fab').value;
        $get("fabrev17").src = "Images/" + hidcon17fab.substring(0, 5) + ".jpg";
    }
    else if ($get("rev17") && (i == 0) && (z == "17")) {
        $get('hidcon17').value = 0;
        $get('hidcon17fab').value = '';
        //set review
        $get("rev17").innerHTML = '';
        $get("fabrev17").src = "img/spacer.gif";
    }


    if ((typeof(i) != "undefined") && (typeof(z) != "undefined") && (typeof(optcontrastMTMfabid) != "undefined")) {
        Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
        //09012010 optcontrast => optcontrastMTM
        Samples.AspNet.WebService.GetPriceInfoExtra(z, i, optcontrastMTMfabid.substring(0, 5), optcontrastMTMfabid.substring(6), SuccesCallbackPrice, ErrorHandler, TimeOutHandler);
    }


}



// passes the evSuccesCallbackDesignCollarent callback function.  
function GetExtraOptionsInfo(z, i) {
    //CID
    var CID = getQueryVariable('CID');

    //TODO uitlezen tapid from div
    if (z == 39 && i == 1) {

        var opttapid = $get("tapid").value;
        if (opttapid == 0) {
            $get("tapid").value = 1;
            $get("taphid").value = 'red';
            var opttapid = 1;
        }
    }
    else {
        var opttapid = 1;
    }

    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetExtraOptionsInfo(CID, z, i, opttapid, SuccesCallbackExtraOptionsInfo, ErrorHandler, TimeOutHandler);
    //Samples.AspNet.WebService.GetExtraOptionsInfo(z, i, opttapid, SuccesCallbackExtraOptionsInfo, ErrorHandler, TimeOutHandler);

}

//REVIEW FOR EXTRA OPTIONS
//SET DESIGN PLACKET INFO DETAILS INTO REVIEW
function SuccesCallbackExtraOptionsInfo(result, eventArgs) {

    //SET REVIEW COLLAR (set empty if 0)
    //SETTING TRUE FALSE EO OPTIONS
    //is uitgevinkt
    if (result[0].FabID == 0) {
        //setTimeout("GetPriceInfo();", 3000);
        //ChangeText('rev' + result[0].OptionTypeID, '');
        $get('hideo' + result[0].OptionTypeID).value = 0;
    }
    //is aangevinkt
    else {
        //ChangeText('rev' + result[0].OptionTypeID, result[0].FabName + '  (€ ' + result[0].B2C_price + ')');
        $get('hideo' + result[0].OptionTypeID).value = 1;
    }



    //get white collar
    var wit = document.getElementById('withid').value;
    var fab = document.getElementById('fabhid').value;

    var col = document.getElementById('colhid').value;
    if (col == 20052) {
        col = 20015;
    } else if (col == 20035) {
        col = 20053;
    } else if (col == 20050) {
        col = 20061;
    } else if (col == 20001) {
        col = 20041;
    } else if (col == 20017) {
        col = 20015;
    } else if (col == 20020) {
        col = 20015;
    } else if (col == 20005) {
        col = 20056;
    } else if (col == 20060) {
        col = 20056;
    }
    
    
    
    var hideo15 = document.getElementById('hideo15').value;
    var hideo401 = document.getElementById('hideo401').value;
    if (result[0].OptionTypeID == 15 && hideo15 == 1 && hideo401 != 1) {
        //////        //Collar load
        var part = document.getElementById('parthid').value;
        if (part == 14) {
            var src6 = 'ren2/men_front_p14_' + col + '_' + wit + '.png';
            document['img6'].src = src6;
            checkImage('img6');

            var src106 = 'ren2/men_front_p14_' + col + '_' + wit + '_zoom.png';
            document['img106'].src = src106;
            checkImage('img106');
        }
        else if (part == 2) {
            var src6 = 'ren2/men_front_p2_' + col + '_' + wit + '.png';
            document['img6'].src = src6;
            checkImage('img6');

            var src106 = 'ren2/men_front_p2_' + col + '_' + wit + '_zoom.png';
            document['img106'].src = src106;
            checkImage('img106');
        }

        var src20006 = 'ren2/men_front_p2_' + col + '_' + wit + '_zoom.png';
        document['img20006'].src = src20006;
        checkImage('img20006');

        //rule: if you have chosen for white collar the choice of contrast collar must be disabled
        if ($get("conimg58"))
            $get("conimg58").src = 'img/men_collar_disabled_en.jpg';
        if ($get("58"))
            $get("58").disabled = true;
        if ($get("58"))
        $get("58").checked = false;
        //hide contrast collar image
        document['img14'].src = 'img/leeg.png';
        document['img20014'].src = 'img/leeg.png';
        //reset price
////////        showcol(col);
        GetPriceInfoExtra('58', 0);

        //white collar never has biesjes
        document['img21'].src = 'img/leeg.png';
        document['img121'].src = 'img/leeg.png';
        document['img20021'].src = 'img/leeg.png';
        document['img22'].src = 'img/leeg.png';
        document['img122'].src = 'img/leeg.png';
        document['img20022'].src = 'img/leeg.png';
    }
    else if (hideo15 == 0) {
    var part = document.getElementById('parthid').value;
    if (part == 14) {
        var src6 = 'ren2/men_front_p14_' + col + '_' + fab + '.png';
        document['img6'].src = src6;
        checkImage('img6');

        var src106 = 'ren2/men_front_p14_' + col + '_' + fab + '_zoom.png';
        document['img106'].src = src106;
        checkImage('img106');
    }
    else if (part == 2) {
        var src6 = 'ren2/men_front_p2_' + col + '_' + fab + '.png';
        document['img6'].src = src6;
        checkImage('img6');

        var src106 = 'ren2/men_front_p2_' + col + '_' + fab + '_zoom.png';
        document['img106'].src = src106;
        checkImage('img106');
    }

        var src20006 = 'ren2/men_front_p2_' + col + '_' + fab + '_zoom.png';
        document['img20006'].src = src20006;
        checkImage('img20006');
////////    showcol(col);




    }

////    //get vertical stripes
    var hideo401 = document.getElementById('hideo401').value;
    if (hideo401 == 1 && col == 20019) {
        //Collar load if not white
         var part = document.getElementById('parthid').value;
         if (part == 14) {
             var src6 = 'ren2/men_front_p14_' + col + '_' + fab + '_64.png';
             document['img6'].src = src6;
             checkImage('img6');

             var src106 = 'ren2/men_front_p14_' + col + '_' + fab + '_64_zoom.png';
             document['img106'].src = src106;
             checkImage('img106');
         }
         else if (part == 2) {
             var src6 = 'ren2/men_front_p2_' + col + '_' + fab + '_64.png';
             document['img6'].src = src6;
             checkImage('img6');

             var src106 = 'ren2/men_front_p2_' + col + '_' + fab + '_64_zoom.png';
             document['img106'].src = src106;
             checkImage('img106');
         }

        var src20006 = 'ren2/men_front_p2_' + col + '_' + fab + '_64_zoom.png';
        document['img20006'].src = src20006;
        checkImage('img20006');

        //rule: white collars kan niet samen met vertical stripes, dus uitvinken
        if (hideo15 == 1) {
            if ($get("15"))
            $get("15").checked = false;
            //?????????????????
            GetPriceInfoExtra('15', 0);
        }
    }

    else if (hideo401 == 1 && col == 20035) {
        //Collar load if not white
    var part = document.getElementById('parthid').value;
    if (part == 14) {
        var src6 = 'ren2/men_front_p14_' + col + '_' + fab + '_65.png';
        document['img6'].src = src6;
        checkImage('img6');

        var src106 = 'ren2/men_front_p14_' + col + '_' + fab + '_65_zoom.png';
        document['img106'].src = src106;
        checkImage('img106');
    }
    else if (part == 2) {
        var src6 = 'ren2/men_front_p2_' + col + '_' + fab + '_65.png';
        document['img6'].src = src6;
        checkImage('img6');

        var src106 = 'ren2/men_front_p2_' + col + '_' + fab + '_65_zoom.png';
        document['img106'].src = src106;
        checkImage('img106');
    }

        var src20006 = 'ren2/men_front_p2_' + col + '_' + fab + '_65_zoom.png';
        document['img20006'].src = src20006;
        checkImage('img20006');

        //rule: white collars kan niet samen met vertical stripes, dus uitvinken
        if (hideo15 == 1) {
            if ($get("15"))
            $get("15").checked = false;
            //????????????
            GetPriceInfoExtra('15', 0);
        }
    }

    else if (hideo401 == 1 && col == 20053) {
        //Collar load if not white
    var part = document.getElementById('parthid').value;
    if (part == 14) {
        var src6 = 'ren2/men_front_p14_' + col + '_' + fab + '_66.png';
        document['img6'].src = src6;
        checkImage('img6');

        var src106 = 'ren2/men_front_p14_' + col + '_' + fab + '_66_zoom.png';
        document['img106'].src = src106;
        checkImage('img106');
    }
    else if (part == 2) {
        var src6 = 'ren2/men_front_p2_' + col + '_' + fab + '_66.png';
        document['img6'].src = src6;
        checkImage('img6');

        var src106 = 'ren2/men_front_p2_' + col + '_' + fab + '_66_zoom.png';
        document['img106'].src = src106;
        checkImage('img106');
    }

        var src20006 = 'ren2/men_front_p2_' + col + '_' + fab + '_66_zoom.png';
        document['img20006'].src = src20006;
        checkImage('img20006');

        //rule: white collars kan niet samen met vertical stripes, dus uitvinken
        if (hideo15 == 1) {
            $get("15").checked = false;
            //??????????
            GetPriceInfoExtra('15', 0);
        }
    }

    else if (hideo401 == 1 && col == 20058) {
        //Collar load if not white
    var part = document.getElementById('parthid').value;
    if (part == 14) {
        var src6 = 'ren2/men_front_p14_' + col + '_' + fab + '_67.png';
        document['img6'].src = src6;
        checkImage('img6');

        var src106 = 'ren2/men_front_p14_' + col + '_' + fab + '_67_zoom.png';
        document['img106'].src = src106;
        checkImage('img106');
    }
    else if (part == 2) {
        var src6 = 'ren2/men_front_p2_' + col + '_' + fab + '_67.png';
        document['img6'].src = src6;
        checkImage('img6');

        var src106 = 'ren2/men_front_p2_' + col + '_' + fab + '_67_zoom.png';
        document['img106'].src = src106;
        checkImage('img106');
    }

        var src20006 = 'ren2/men_front_p2_' + col + '_' + fab + '_67_zoom.png';
        document['img20006'].src = src20006;
        checkImage('img20006');

        //rule: white collars kan niet samen met vertical stripes, dus uitvinken
        if (hideo15 == 1) {
            $get("15").checked = false;
            //??????????????????
            GetPriceInfoExtra('15', 0);
        }
    }

    //get inner band tape
    showtap(col);


    //get white cuff
    var cuf = document.getElementById('cufhid').value;
    var hideo4 = document.getElementById('hideo4').value;
    if (result[0].OptionTypeID == 4 && hideo4 == 1) {
//////        //Cuff load
//////        var src7 = 'ren2/men_front_p14_' + cuf + '_' + wit + '.png';
//////        document['img7'].src = src7;
//////        checkImage('img7');

//////        var src107 = 'ren2/men_front_p14_' + cuf + '_' + wit + '_zoom.png';
//////        document['img107'].src = src107;
//////        checkImage('img107');

        //short sleeve choice invisible
        if ($get("divsleeveshort"))
        $get("divsleeveshort").style.visibility = "hidden";

        //rule: if you have chosen for white cuffs the choice of contrast cuffs must be disabled
        if ($get("conimg61"))
            $get("conimg61").src = 'img/men_cuff_disabled_en.jpg';
        if ($get("61"))
            $get("61").disabled = true;
        if ($get("61")) 
            $get("61").checked = false;
        //hide contrast cuff image
        document['img13'].src = 'img/leeg.png';
        document['img30013'].src = 'img/leeg.png';
        showcuf(cuf);
        //reset price
        GetPriceInfoExtra('61', 0);
    }
    else if (hideo4 == 0) {
    showcuf(cuf);
        //Cuff load
//        var src7 = 'ren2/men_front_p14_' + cuf + '_' + fab + '.png';
//        document['img7'].src = src7;
//        checkImage('img7');

//        var src107 = 'ren2/men_front_p14_' + cuf + '_' + fab + '_zoom.png';
//        document['img107'].src = src107;
//        checkImage('img107');

    //short sleeve choice invisible
        if ($get("divsleeveshort"))
        $get("divsleeveshort").style.visibility = "visible";
    }

    //UITZONDERING
    //Change Price
    GetPriceInfo();
    //JSPrice();
}









function gabytest()
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    //Samples.AspNet.WebService.GetXmlDocument();
}

function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
}


function Rotation()
{
//var img = document.getElementById("raf");
//var r = Raphael(document.getElementById("holder"), 90, 90); 
//r.image(img.src, 0, 0, 90, 90);

//var img2 = document.getElementById("raf2");
//var r2 = Raphael(document.getElementById("holder2"), 90, 90); 
//r2.image(img2.src, 0, 0, 90, 90);
}

//GetTypeforConfMonoTypeID
function GetMONloc() {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetLocforConfMonoTypeID("101", SuccesCallbackMONloc, ErrorHandler, TimeOutHandler);
}

//GetTypeforConfMonoTypeID
function GetMONloc2(id) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetLocforConfMonoTypeID(id, SuccesCallbackMONloc, ErrorHandler, TimeOutHandler);
}



function SuccesCallbackMONloc(result, eventArgs) {
    if (document.getElementById('postionMonogram')) {
        var d = document.getElementById('postionMonogram');
        d.innerHTML = "";

        //THIS IS NOT DISPLAYED YOERI
        var z = document.getElementById('langhid').value;
        if (z == 1 || document.URL.toLowerCase().indexOf('deben') != -1) {
            d.innerHTML += "<strong style='display:block'>Position</strong>"
        }
        else if (z == 2) {
            d.innerHTML += "<strong style='display:block'>Plaats</strong>"
        }
        else if (z == 3) {
            d.innerHTML += "<strong style='display:block'>Position</strong>"
        }
        else if (z == 4) {
            d.innerHTML += "<strong style='display:block'>Position</strong>"
        }


        for (i = 0; i < 20; i++) {
            if (result.length > i) {
                d.innerHTML += "<div class='postionMonograms'><img onclick=SetLocsel('" + result[i].SQnumber + "'); id='loc_" + result[i].SQnumber + "'  src='images/" + result[i].SQnumber + ".png' alt='" + result[i].SQcolvalue + "' class='initialsPostion' /><br />" + result[i].SQcolvalue + "</div>";
            }
        }

        if ($get('loc_' + result[0].SQnumber))
            $get('loc_' + result[0].SQnumber).className = 'highlight';

    }
}

function exist(a) {
    try { var b = a; }
    catch (e) { return false; }
    return true;
} // exist 


// This function calls the Web service method and 
// passes the event callback function.
function SetLocsel(i) {
    var d = document.getElementById('postionMonogram');
    var el = getElementsByClassName('highlight', d);
    if (el) {
        el.className = '';
    }
    if ($get("loc_" + i))
    $get("loc_" + i).className = 'highlight';


    
    
    //Rule: if monogram on longsleeve, show longsleeve
    if (i == "130002" || i == "130006" || i == "130038") {
        //$get("cufhid").value = 30003;
        //showcuf(30003);
    }

    //if (!getQueryVariable('SELID'))
    {
        GenerateMonogram2();
    }
    

}



//STARTUP FUNCTION
function GetMONchoice() {

    //CID
    var CID = getQueryVariable('CID');
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetMONchoice(CID, SuccesCallbackMONchoice, ErrorHandler, TimeOutHandler);
}

//RETURN GetMONchoice()
function SuccesCallbackMONchoice(result, eventArgs) {
    if (document.getElementById('MonoChoice')) {
        var d = document.getElementById('MonoChoice');
        d.innerHTML = "";

        if (result.length > 0) {

            if (result.length > 1) {
        var z = document.getElementById('langhid').value;
        if (z == 1 || document.URL.toLowerCase().indexOf('deben') != -1) {
            d.innerHTML += "<input id='menumono1' onclick=menumonoclick('1','" + result[0].SQcolvalue + "'); type='radio' checked='checked'/><strong>Initials</strong>";
        }
        else if (z == 2) {
            d.innerHTML += "<input id='menumono1' onclick=menumonoclick('1','" + result[0].SQcolvalue + "'); type='radio' checked='checked'/><strong>Initialen</strong>";
        }
        else if (z == 3) {
            d.innerHTML += "<input id='menumono1' onclick=menumonoclick('1','" + result[0].SQcolvalue + "'); type='radio' checked='checked'/><strong>Initiales</strong>";
        }
        else if (z == 4) {
            d.innerHTML += "<input id='menumono1' onclick=menumonoclick('1','" + result[0].SQcolvalue + "'); type='radio' checked='checked'/><strong>Initialen</strong>";
        }
                
                
                d.innerHTML += "<input id='menumono2' onclick=menumonoclick('2','" + result[1].SQcolvalue + "'); type='radio' /><strong>Medaillon</strong>";
                GetMONcol2(result[0].SQcolvalue);
                GetMONtyp2(result[0].SQcolvalue);
                GetMONloc2(result[0].SQcolvalue);
            } else if (result.length > 0) {
            var z = document.getElementById('langhid').value;
            if (z == 1 || document.URL.toLowerCase().indexOf('deben') != -1) {
                d.innerHTML += "<strong>Initials</strong>";
            }
            else if (z == 2) {
                d.innerHTML += "<strong>Initialen</strong>";
            }
            else if (z == 3) {
                d.innerHTML += "<strong>Initiales</strong>";
            }
            else if (z == 4) {
                d.innerHTML += "<strong>Initialen</strong>";
            }
            
            
            
                //d.innerHTML += "<strong>Initials</strong>";
                GetMONcol2(result[0].SQnumber);
                GetMONtyp2(result[0].SQnumber);
                GetMONloc2(result[0].SQnumber);
            } else if (result.length < 1) {
                d.innerHTML += "<strong>NO MONOGRAM</strong>";
            }

        }
    }
}

//GetTypeforConfMonoTypeID
function GetMONtyp() {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetTypeforConfMonoTypeID("101", SuccesCallbackMONtyp, ErrorHandler, TimeOutHandler);
}

//GetTypeforConfMonoTypeID
function GetMONtyp2(id) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetTypeforConfMonoTypeID(id, SuccesCallbackMONtyp, ErrorHandler, TimeOutHandler);
}

//RETURN GetMONtyp2
function SuccesCallbackMONtyp(result, eventArgs) {
    if (document.getElementById('monogramFont2')) {
        var d = document.getElementById('monogramFont2');
        d.innerHTML = "";
        
        if (result.length > 0) {
            for (i = 0; i < 20; i++) {
                if (result.length > i) {
                    //<input type="radio" name="monogramFont" id="swissblock" value="diamant"/><label for="swissblock"><img src="img/swissblock.jpg" alt="swiss block" /></label><br />
                    d.innerHTML += "<input onclick=SetTypsel('" + result[i].SQnumber + "');GetMONloc2('" + result[i].SQconfnumber + "');GetMONcol2('" + result[i].SQconfnumber + "'); type='radio' name='monogramFont' id='typ_" + result[i].SQnumber + "' value='" + result[i].SQimg + "'/><label for='swissblock'><img src='images/" + result[i].SQnumber + ".jpg' alt='swiss block' /></label><br />";
                }
            }

            if ($get('typ_' + result[0].SQnumber)) {
                $get('typ_' + result[0].SQnumber).checked = true;
                $get('typ_' + result[0].SQnumber).className = 'highlight';
            }
        }
    }
}

// This function calls the Web service method and 
// passes the event callback function.
function SetTypsel(i) {
    var d = document.getElementById('monogramFont2');
    var el = getElementsByClassName('highlight', d);
    if (el) {
        el.className = '';
    }
    if ($get("typ_" + i))
    $get("typ_" + i).className = 'highlight';
}


// This function calls the Web service method and 
// passes the event callback function.
function SetTapsel(i) {
    if (i == 1) {
        if ($get("tap1"))
            $get("tap1").className = 'highlight';
        if ($get("tap2"))
            $get("tap2").className = 'colourTape';
        if ($get("tap3"))
            $get("tap3").className = 'colourTape';
        if ($get("tap4"))
            $get("tap4").className = 'colourTape';
        if ($get("taphid"))
            $get("taphid").value = 'red';
        if ($get("tapid"))
            $get("tapid").value = '1';

        if ($get("39").checked == true && $get("39").disabled == false) {
            Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
            Samples.AspNet.WebService.SetTapsel(i);
            GetPriceInfo();
        }

    } else if (i == 2) {
        if ($get("tap1"))
            $get("tap1").className = 'colourTape';
        if ($get("tap2"))
            $get("tap2").className = 'highlight';
        if ($get("tap3"))
            $get("tap3").className = 'colourTape';
        if ($get("tap4"))
            $get("tap4").className = 'colourTape';
        if ($get("taphid"))
            $get("taphid").value = 'orange';
        if ($get("tapid"))
            $get("tapid").value = '2';
            
        if ($get("39").checked == true && $get("39").disabled == false) {
            Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
            Samples.AspNet.WebService.SetTapsel(i);
            GetPriceInfo();
        }

    } else if (i == 3) {
        if ($get("tap1"))
            $get("tap1").className = 'colourTape';
        if ($get("tap2"))
            $get("tap2").className = 'colourTape';
        if ($get("tap3"))
            $get("tap3").className = 'highlight';
        if ($get("tap4"))
            $get("tap4").className = 'colourTape';
        
        if ($get("taphid"))
            $get("taphid").value = 'black';
        if ($get("tapid"))
            $get("tapid").value = '3';
            
        if ($get("39").checked == true && $get("39").disabled == false) {
            Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
            Samples.AspNet.WebService.SetTapsel(i);
            GetPriceInfo();
        }
    } else if (i == 4) {
        if ($get("tap1"))
            $get("tap1").className = 'colourTape';
        if ($get("tap2"))
            $get("tap2").className = 'colourTape';
        if ($get("tap3"))
            $get("tap3").className = 'colourTape';
        if ($get("tap4"))
            $get("tap4").className = 'highlight';
        
        if ($get("taphid"))
            $get("taphid").value = 'blue';
        if ($get("tapid"))
            $get("tapid").value = '4';
            
        if ($get("39").checked == true && $get("39").disabled == false) {
            Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
            Samples.AspNet.WebService.SetTapsel(i);
            GetPriceInfo();
        }
    }

    //show new coltap
    var col = document.getElementById('colhid').value;
    showtap(col);
}

function SetSQsel(i) {
    $get('sq13hid').value = i;
    ShowSQimg();

    var d = document.getElementById('postionMonogram2');
    var el = getElementsByClassName('highlight', d);
    if (el) {
        el.className = '';
    }
    if ($get("SQpos_" + i))
        $get("SQpos_" + i).className = 'highlight';
}

// SET SQUIRREL
function GetSQimg(i) {
    if ($get('sq14hid'))
    $get('sq14hid').value = i;
    ShowSQimg();
    
    var strSQnumber = i.toString();
    if ($get("SquirrelIMG"))
        $get("SquirrelIMG").src = "img/" + strSQnumber + ".gif";

}

function ShowSQimg() {
     var part = document.getElementById('parthid').value;
     var sq14hid = document.getElementById('sq14hid').value;
     var sq13hid = document.getElementById('sq13hid').value;
     var pochid = document.getElementById('pochid').value;
     if (part == 14 || part == "") {
         //140015_130041.png of 140015_70001(37/38/41)

         if (sq13hid == 130037 || sq13hid == 130038 || sq13hid == 130041) {
             var src36 = 'ren2/' + sq14hid + '_' + sq13hid + '.png';
             document['img36'].src = src36;
             checkImage('img36');
         }
         else {
             if (pochid == 'no' || pochid == '')
              pochid = 70001;
             var src36 = 'ren2/' + sq14hid + '_' + pochid + '.png';
             document['img36'].src = src36;
             checkImage('img36');
         }

         var hidsleeveshort = document.getElementById('hidsleeveshort').value;
         if (hidsleeveshort == 1 && sq13hid == 130038) {
             document['img36'].src = 'leeg.png';
         }
     }
     else {
         var src36 = 'img/leeg.png';
         document['img36'].src = src36;
     }
 }



// This function calls the Web service method and 
// passes the event callback function.
function GetMONcol() {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    //Samples.AspNet.WebService.GetSquirrel(SuccesCallback1, ErrorHandler, TimeOutHandler);
    Samples.AspNet.WebService.GetColforConfMonoTypeID("201", SuccesCallback1, ErrorHandler, TimeOutHandler);
}

// This function calls the Web service method and 
// passes the event callback function.
function GetMONcol2(id) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    //Samples.AspNet.WebService.GetSquirrel(SuccesCallback1, ErrorHandler, TimeOutHandler);
    Samples.AspNet.WebService.GetColforConfMonoTypeID(id, SuccesCallback1, ErrorHandler, TimeOutHandler);
}


// RETURN GetMONcol2
function SuccesCallback1(result, eventArgs) {
    if (document.getElementById('allCollors1')) {
        var d = document.getElementById('allCollors1');
        d.innerHTML = "";

        for (i = 0; i < 20; i++) {
            if (result.length > i) {
                d.innerHTML += "<div alt='" + result[i].SQcolvalue + "' rel='" + result[i].SQcolvalue + "' title='" + result[i].SQcollabel + "' onclick=SetColsel1('" + result[i].SQnumber + "'); class='collors' id='col1_" + result[i].SQnumber + "' style='background-color:#" + result[i].SQcolvalue + ";'>.</div>";
            }
        }

        var i = document.getElementById('hidmoncol').value;
        if ($get('col1_' + i)) {
            $get('col1_' + i).className = 'collorssel';
        }
        else if ($get('col1_' + result[0].SQnumber)) {
            $get('col1_' + result[0].SQnumber).className = 'collorssel';
            $get("hidmoncol").value = result[0].SQnumber;
        }

    }


    //if (!getQueryVariable('SELID')) 
    {
        GenerateMonogram2();
    }

}

// STARTUP FUNCTION
function GetMONcolsq() {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    //Samples.AspNet.WebService.GetSquirrel(SuccesCallback1, ErrorHandler, TimeOutHandler);
    Samples.AspNet.WebService.GetColforSQ(SuccesCallback1SQ, ErrorHandler, TimeOutHandler);
     
}

// This function calls the Web service method and 
// passes the event callback function.
function GetMONcolsqdefaultfab(i) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetMONcolsqdefaultfab(i,SuccesCallback1SQdefault, ErrorHandler, TimeOutHandler);
}

// RETURN GetMONcolsqdefaultfab
function SuccesCallback1SQdefault(result, eventArgs) {
    //CHECK IF POSSIBLE, THUS ENABLE
    if (result.length > 0) {
        //Set squirrel+color
        if (result[0].SQnumber) {
            if ($get('SquirrelIMG'))
            $get('SquirrelIMG').src = 'img/' + result[0].SQnumber + '.gif';

            var d = document.getElementById('allCollors2');
            var el = getElementsByClassName('collorssel', d);
            if (el) {
                el.className = 'collors';
            }
            if ($get('col2_' + result[0].SQnumber))
            $get('col2_' + result[0].SQnumber).className = 'collorssel';
        }
    } else {
        //alert('no default squirrel');
    }

    if ($get('sq14hid') && result.length > 0) {
        $get('sq14hid').value = result[0].SQnumber;
        $get('sq13hid').value = '130038';
        ShowSQimg();
    }
}


// This is the callback function invoked if the Web service succeeded.
// It accepts the result object as a parameter.
function SuccesCallback1SQ(result, eventArgs) {

    if (document.getElementById('allCollors2')) {
        var d2 = document.getElementById('allCollors2');
        d2.innerHTML = "";

        for (i = 0; i < 20; i++) {
            if (result.length > i) {
                //filter doubles
                if (i > 0 && result[i].SQimg != result[i - 1].SQimg) {
                    d2.innerHTML += "<div onclick=GetSQimg(" + result[i].SQnumber + ");SetColsel2('" + result[i].SQnumber + "'); class='collors' id=col2_" + result[i].SQnumber + " alt='0|" + result[i].SQimg + '|' + result[i].SQconfnumber + "' rel='" + result[i].SQconfnumber + "' title='" + result[i].SQcollabel + "' style='background-color:#" + result[i].SQcolvalue + ";'>.</div>";
                }
                else if (i == 0) {
                    d2.innerHTML += "<div onclick=GetSQimg(" + result[i].SQnumber + ");SetColsel2('" + result[i].SQnumber + "'); class='collors' id=col2_" + result[i].SQnumber + " alt='0|" + result[i].SQimg + '|' + result[i].SQconfnumber + "' rel='" + result[i].SQconfnumber + "' title='" + result[i].SQcollabel + "' style='background-color:#" + result[i].SQcolvalue + ";'>.</div>";
                }
            }
        }
    }
}

// This function calls the Web service method and 
// passes the event callback function.  
function SetColsel1(i) {
    var d = document.getElementById('allCollors1');
    var el = getElementsByClassName('collorssel', d);
    if (el) {
        el.className = 'collors';
    }
    if ($get("col1_" + i))
        $get("col1_" + i).className = 'collorssel';

    $get("hidmoncol").value = i;


    //if (!getQueryVariable('SELID')) 
    {
        GenerateMonogram2();
    }
}

// This function calls the Web service method and 
// passes the event callback function.  
function SetColsel2(i) {
    var d = document.getElementById('allCollors2');
    var el = getElementsByClassName('collorssel', d);
    if (el) {
        el.className = 'collors';
    }
    if ($get("col2_" + i))
        $get("col2_" + i).className = 'collorssel';
    
}








function GenerateMonogram2() {

    //if JA
    if ($get("yesmon").checked) {

        var i = document.getElementById('inputtxt2').value;

        //Get highlighted PLACE
        var d3 = document.getElementById('postionMonogram');
        var el3 = getElementsByClassName('highlight', d3);
        if (el3) {
            var monogramplace = el3.id.substring(4);
        }
        else {
            var monogramplace = 130001;
        }

        var typdiv = document.getElementById('monogramFont2');
        var typ = getElementsByClassName('highlight', typdiv);
        if (typ) {
            var fontVal = typ.id.substring(4);
        }
        else {
            var fontVal = 120001;
        }
        //alert(typVal);
        //120002
        //var fontVal = 120002;

        var coldiv = document.getElementById('allCollors1');
        var col = getElementsByClassName('collorssel', coldiv);
        //var colVal = col.rel;
        if (col) {
            var colVal = col.getAttribute('rel');
        }
        else {
            var colVal = 'fef32d';
        }
        //alert(colVal);
        //fef32d


        Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
        //current collar, cuff, pocket
        var cuf = document.getElementById('cufhid').value;
        var poc = document.getElementById('pochid').value;
        var col = document.getElementById('colhid').value;
        var bas = document.getElementById('bashid').value;
        if (poc == "no" || poc == "") {
            poc = "70001";
        }

        if (fontVal != undefined) {
            Samples.AspNet.WebService.GenerateMonogramMethod2(i, fontVal, colVal, monogramplace, col, cuf, poc, bas);
            Start2();
        }
    }
}



function Start2() {
      var t = 1; // interval in seconds
      setTimeout("Start2enStop()", t * 1000);
}

function Start2enStop() {
      ////image = "images/test2.png";  //name of the image
      ////image2 = "images/test22.png";  //name of the image
      //Get highlighted PLACE
      tmp = new Date();
      tmp = "?" + tmp.getTime();
      
      document.images["refresh2"].src = "images/test2.png" + tmp;

      var part = document.getElementById('parthid').value;
      if (part == 14) {
          document.images["refresh22"].src = "images/test22.png" + tmp;
      } else {
          showmonogramp();
      }  
}

function showmonogramp() {

    tmp = new Date();
    tmp = "?" + tmp.getTime();
    
    var d3 = document.getElementById('postionMonogram');
    var el3 = getElementsByClassName('highlight', d3);
    if (el3) {
        var placeVal = el3.id.substring(4);
    }
    else {
        var placeVal = 130001;
    }
    
    var part = document.getElementById('parthid').value;
    if ((part == 2) && (placeVal == "130035")) {
        document.images["refresh22"].src = "images/test222.png" + tmp;
    } else if ((part == 3) && (placeVal == "130002" || placeVal == "130006")) {
    document.images["refresh22"].src = "images/test222.png" + tmp;
    } else if ((part == 6) && (placeVal == "130001" || placeVal == "130010" || placeVal == "130013")) {
    document.images["refresh22"].src = "images/test222.png" + tmp;
    }
    else {
        document.images["refresh22"].src = 'img/leeg.png';
    }
    
    
}

  function rot() {

//      var paper = Raphael(document.getElementById("holder2"), 90, 90);
//      var img = paper.image("images/test2.png", 0, 0, 56, 33);
//      img.rotate(23, true);
//      img.toFront();


//      var paper = Raphael(230, 175, 56, 33);
//      var img = paper.image("http://localhost:49313/bivo/images/test2.png", 0, 0, 56, 33);
//      img.rotate(90, true);
//      img.toFront();


  }



function isAlphaNumeric(keyCode) 
{ 
    return (((keyCode >= 48 && keyCode <= 57)&& isShift == false) || (keyCode >= 65 && keyCode <= 90) || keyCode == 8 || (keyCode >= 96 && keyCode <= 105)) 
}   

var isShift=false; 
function keyUP(keyCode) 
{ 
    if(keyCode==16) 
    isShift = false; 
} 
////////////////////////////////////////////////////////////////////
//////////////////////end monogram////////////////////////////////// 
////////////////////////////////////////////////////////////////////
function menuclick(id) {
//set menu state
    if (id == 1) {

        if ($get("hcmli1"))
            $get("hcmli1").className = 'current';
        if ($get("hcmimg1"))
            $get("hcmimg1").src = 'img/1current.jpg';
        if ($get("hcmli2"))
            $get("hcmli2").className = 'todo';
        if ($get("hcmimg2"))
            $get("hcmimg2").src = 'img/2todo.jpg';
        if ($get("hcmli3"))
            $get("hcmli3").className = 'todo';
        if ($get("hcmimg3"))
            $get("hcmimg3").src = 'img/3todo.jpg';
        if ($get("hcmli4"))
            $get("hcmli4").className = 'todo';
        if ($get("hcmimg4"))
            $get("hcmimg4").src = 'img/4todo.jpg';
        if ($get("hcmli5"))
            $get("hcmli5").className = 'last_todo';
        if ($get("hcmimg5"))
            $get("hcmimg5").src = 'img/5todo.jpg';


    } else if (id == 2) {

        //check colfrule
        //var f = document.getElementById('colhid').value;
        //Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
        //Samples.AspNet.WebService.GetRuleCOL(f, SuccesCallbackcolklik, ErrorHandler, TimeOutHandler);


        //check cuffrule
        var f = document.getElementById('cufhid').value;
        Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
        Samples.AspNet.WebService.GetRuleCUF(f, SuccesCallbackcufklik, ErrorHandler, TimeOutHandler);


        //get collar
        var e = document.getElementById('colhid').value;
        //get cuff
        var f = document.getElementById('cufhid').value;
        //get pla
        var g = document.getElementById('plahid').value;

        Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
        Samples.AspNet.WebService.GetRuleCON(e, f, g, SuccesCallbackmenuklik, ErrorHandler, TimeOutHandler);

        if ($get("hcmli1")) {
            $get("hcmli1").className = 'done';
            $get("hcmimg1").src = 'img/1done.jpg';
            $get("hcmli2").className = 'current';
            $get("hcmimg2").src = 'img/2current.jpg';
            $get("hcmli3").className = 'todo';
            $get("hcmimg3").src = 'img/3todo.jpg';
            $get("hcmli4").className = 'todo';
            $get("hcmimg4").src = 'img/4todo.jpg';
            $get("hcmli5").className = 'last_todo';
            $get("hcmimg5").src = 'img/5todo.jpg';
        }
    }

    else if (id == 3) {
        if ($get("hcmli1")) {
            $get("hcmli1").className = 'done';
            $get("hcmimg1").src = 'img/1done.jpg';
            $get("hcmli2").className = 'done';
            $get("hcmimg2").src = 'img/2done.jpg';
            $get("hcmli3").className = 'current';
            $get("hcmimg3").src = 'img/3current.jpg';
            $get("hcmli4").className = 'todo';
            $get("hcmimg4").src = 'img/4todo.jpg';
            $get("hcmli5").className = 'last_todo';
            $get("hcmimg5").src = 'img/5todo.jpg';
        }
    } else if (id == 4) {
        if ($get("hcmli1")) {
            $get("hcmli1").className = 'done';
            $get("hcmimg1").src = 'img/1done.jpg';
            $get("hcmli2").className = 'done';
            $get("hcmimg2").src = 'img/2done.jpg';
            $get("hcmli3").className = 'done';
            $get("hcmimg3").src = 'img/3done.jpg';
            $get("hcmli4").className = 'current';
            $get("hcmimg4").src = 'img/4current.jpg';
            $get("hcmli5").className = 'last_todo';
            $get("hcmimg5").src = 'img/5todo.jpg';
        }
    } else if (id == 5) {
    if ($get("hcmli1")) {
        $get("hcmli1").className = 'done';
        $get("hcmimg1").src = 'img/1done.jpg';
        $get("hcmli2").className = 'done';
        $get("hcmimg2").src = 'img/2done.jpg';
        $get("hcmli3").className = 'done';
        $get("hcmimg3").src = 'img/3done.jpg';
        $get("hcmli4").className = 'done';
        $get("hcmimg4").src = 'img/4done.jpg';
        $get("hcmli5").className = 'last_current';
        $get("hcmimg5").src = 'img/5current.jpg';
    }

        //meas leeg
        if ($get("ctl00_cph1_MeasurementsEditControl_txtProfileName_txtValue") && (!getQueryVariable('SELID'))) {
            if ($get("ctl00_cph1_MeasurementsEditControl_txtProfileName_txtValue").value == "") {
                var modalPopupBehavior = $find('programmaticModalPopupBehavior1');
                modalPopupBehavior.show();
            }
        }

    }

    //monogram yes + leeg
    if ($get("yesmon")) {
        if ($get("yesmon").checked && $get("inputtxt2").value == "") {
            var modalPopupBehavior = $find('programmaticModalPopupBehavior4');
            modalPopupBehavior.show();
        }
    }



    for (var i = 1; i <= 5; i++) {
        if (id == i) {
            if ($get("ctl00_cph1_mod" + i))
                $get("ctl00_cph1_mod" + i).className = 'DivShown';
            


            menunorevclick(id);
        }
        else {
            if ($get("ctl00_cph1_mod" + i))
                $get("ctl00_cph1_mod" + i).className = 'DivHidden';
            
        }
    }

    //moonogram
    if (id == 3) {
        var fab = document.getElementById('fabhid').value;
        if ($get("raf2"))
            $get("raf2").src = "images/" + fab + ".jpg";
        if ($get("raf3"))
            $get("raf3").src = "images/" + fab + ".jpg";
        if ($get("rafSQ"))
            $get("rafSQ").src = "images/" + fab + ".jpg";
        
    }

    if (id < 5) {
        if ($get("BtnAddSC"))
            $get("BtnAddSC").className = 'DivHidden';
        
    }

    if (id == 5) {

        if ($get("BtnAddSC"))
            $get("BtnAddSC").className = 'DivShown';



        if ($get("yesmon").checked) {
            //SET highlighted MONTEXT
            var d4 = document.getElementById('inputtxt2');
            ChangeText('monrevtxt', d4.value + '');

            //SET highlighted MONCOLOUR
            var d2 = document.getElementById('allCollors1');
            var el2 = getElementsByClassName('collorssel', d2);
            if (el2) {
                //                ChangeText('monrevcol', el2.id.substring(5) + '');
                ChangeText('monrevcol', el2.title + '');
            }

            //SET highlighted MONFONT
            var d = document.getElementById('monogramFont2');
            var el = getElementsByClassName('highlight', d);
            if (el) {
                //defaultValue = "diamant"
                ChangeText('monrevfont', el.defaultValue + '');
                //el3.id.substring(4)
                //set price for monogram
                if (el.id.substring(4) == "120006") {
                    //toggle if (fontVal == "120006")
                    ChangeText('monrevprice', '(10 €/£)');
                    //SetParam('extraprice_monogram', '10');
                    SetPriceInfo('alg_monogram_price', '10');
                }
                else {
                    ChangeText('monrevprice', '(5 €/£)');
                    //SetParam('extraprice_monogram', '5');
                    SetPriceInfo('alg_monogram_price', '5');
                }
            }

            //SET highlighted MONPOSITION
            var d3 = document.getElementById('postionMonogram');
            var el3 = getElementsByClassName('highlight', d3);
            if (el3) {
                //ChangeText('monrevpos', el3.id.substring(4) + '');
                ChangeText('monrevpos', el3.alt + '');
            }



        }
        else {
            ChangeText('monrevtxt', '');
            ChangeText('monrevcol', '');
            ChangeText('monrevfont', '');
            ChangeText('monrevpos', '');
            ChangeText('monrevprice', '');
        }

        
        var ggg = document.getElementById('langhid').value;
       


        //set White Collar
        var hideo15 = document.getElementById('hideo15').value;
        var affvar = gup('aff');
        
        if (hideo15 == 1) {
            SetPriceInfo('eop_15_price', '3');
            if ($get("rev15")) {
                if (ggg == 1 || document.URL.toLowerCase().indexOf('deben') != -1) {
                    ChangeText('rev15', 'White Collar (3 €/£)');
                }
                else if (ggg == 2) {
                    ChangeText('rev15', 'Witte boord (3 €/£)');
                }
                else if (ggg == 3) {
                    ChangeText('rev15', 'Col blanc (3 €/£)');
                }
                else if (ggg == 4) {
                    ChangeText('rev15', 'Weiße Kragen (3 €/£)');
                }

                $get("rev15").className = '';
            }

        } else if (hideo15 == 0) {
            if ($get("rev15")) {
                ChangeText('rev15', '');
                $get("rev15").className = 'hidden';
            }
        }

        //set RB
        var hideo24 = document.getElementById('hideo24').value;
        if (hideo24 == 1) {
            SetPriceInfo('eop_24_price', '2');

            if ($get("rev24")) {
                if (ggg == 1 || document.URL.toLowerCase().indexOf('deben') != -1) {
                    ChangeText('rev24', 'Removable bones (2 €/£)');
                }
                else if (ggg == 2) {
                    ChangeText('rev24', 'Verwijderbare baleinen (2 €/£)');
                }
                else if (ggg == 3) {
                    ChangeText('rev24', 'Baleines amovibles (2 €/£)');
                }
                else if (ggg == 4) {
                    ChangeText('rev24', 'Entferntbare Fischbein (2 €/£)');
                }
                $get("rev24").className = '';
            }

        } else if (hideo24 == 0) {
            if ($get("rev24"))
            {
                ChangeText('rev24', '');
                $get("rev24").className = 'hidden';
            }
        }

        //set VS
        var hideo401 = document.getElementById('hideo401').value;
        if (hideo401 == 1) {
            SetPriceInfo('eop_401_price', '2');

            if ($get("rev401")) {
                if (ggg == 1 || document.URL.toLowerCase().indexOf('deben') != -1) {
                    ChangeText('rev401', 'Vertical stripes (2 €/£)');
                }
                else if (ggg == 2) {
                    ChangeText('rev401', 'Strepen vertikaal (2 €/£)');
                }
                else if (ggg == 3) {
                    ChangeText('rev401', 'Lignes verticales (2 €/£)');
                }
                else if (ggg == 4) {
                    ChangeText('rev401', 'Stripes vertical (2 €/£)');
                }
                $get("rev401").className = '';
            }

        } else if (hideo401 == 0) {
            if ($get("rev401")) {
                ChangeText('rev401', '');
                $get("rev401").className = 'hidden';
            }
        }

        //set tape color
        var hideo39 = document.getElementById('hideo39').value;
        if (hideo39 == 1) {
            if ($get("rev39")) {
                SetPriceInfo('eop_39_price', '1');
                var taptxt = 'Tape (1 €/£) ' + document.getElementById('taphid').value;
                ChangeText('rev39', taptxt);
                $get("rev39").className = '';
            }
        } else if (hideo39 == 0) {
            if ($get("rev39")) {
                var taptxt = '';
                ChangeText('rev39', taptxt);
                $get("rev39").className = 'hidden';
            }
        }

        //set White Cuff
        var hideo4 = document.getElementById('hideo4').value;
        if (hideo4 == 1) {
            if ($get("rev4"))
            {
            //eop_4_price
            SetPriceInfo('eop_4_price', '3');
            if (ggg == 1 || document.URL.toLowerCase().indexOf('deben') != -1) {
                var taptxt = 'White Cuff (3 €/£)';
                ChangeText('rev4', taptxt);
            }
            else if (ggg == 2) {
            var taptxt = 'Witte manchetten (3 €/£)';
            ChangeText('rev4', taptxt);
            }
            else if (ggg == 3) {
            var taptxt = 'Poignets blancs (3 €/£)';
            ChangeText('rev4', taptxt);
            }
            else if (ggg == 4) {
            var taptxt = 'Weiße Manschetten (3 €/£)';
            ChangeText('rev4', taptxt);
            }
            
            $get("rev4").className = '';
            }
        } else if (hideo4 == 0) {
            if ($get("rev4"))
            {
            var taptxt = '';
            ChangeText('rev4', taptxt);
            $get("rev4").className = 'hidden';
            }
        }


        if ($get("monrevsqpos"))
        {
        
        //SET highlighted MONPOSITION
        var d33 = document.getElementById('postionMonogram2');
        var el33 = getElementsByClassName('highlight', d33);
        if (el33) {
            //ChangeText('monrevpos', el3.id.substring(4) + '');
            ChangeText('monrevsqpos', el33.alt + '');
        }

        //SET highlighted MONCOLOUR
        var d2 = document.getElementById('allCollors2');
        var el2 = getElementsByClassName('collorssel', d2);
        if (el2) {
            //ChangeText('monrevsqcol', el2.id.substring(5) + '');
            ChangeText('monrevsqcol', el2.title + '');
        }

        //SET knopen in review
        var d2 = document.getElementById('knopen');
        var el2 = getElementsByClassName('highlight', d2);
        if (el2) {
            if (el2.id.substring(6) == 640020 || el2.id.substring(6) == 640099) {
                //id knoop_640001
                ChangeText('rev51', ' ' + el2.alt + '(2 €/£)');
                //SetParam('alg_button_colour_price', '2');
                SetPriceInfo('alg_button_colour_price', '2');

            } else {
                ChangeText('rev51', ' ' + el2.alt + '');
                RemoveParam('alg_button_colour_price');
            }
        }


        //SET stitch in review
        //knoopsgaten
        var d222 = document.getElementById('knoopsgaten');
        var el222 = getElementsByClassName('highlight', d222);
        if (el222) {
            if (el222.id.substring(10) == 770010) {
                ChangeText('rev52', ' ' + el222.alt);
                SetPriceInfo('alg_button_yarncolour', '0');
            }
            else {
                ChangeText('rev52', ' ' + el222.alt + '(1 €/£)');
                SetPriceInfo('alg_button_yarncolour', '1');
            }
        }



        //SET MEASUREMENTS TXT IN REVIEW
        if (document.getElementById('ctl00_cph1_MeasurementsEditControl_txtProfileName_txtValue')) {
            var MeasTxt = document.getElementById('ctl00_cph1_MeasurementsEditControl_txtProfileName_txtValue').value;
            ChangeText('measProfileName', MeasTxt + '');
        }
        else {
            var ddl = document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlProfile');
            if (ddl.options[ddl.selectedIndex].value) {

                var MeasTxt = ddl.options[ddl.selectedIndex].text;
                ChangeText('measProfileName', MeasTxt + '');
            }
        }

        var hidcheck = document.getElementById('ctl00_cph1_MeasurementsEditControl_HiddenField1').value;
        if (hidcheck == 1) {
               //set weight1
                if (document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlWeight1')) {
                    var e = document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlWeight1');
                   if (e) {
                       var val = e.options[e.selectedIndex].value;
                        ChangeText('measWeight', val + ' kg');
                   }
                }
            }
          else {
                //set weight2
                if (document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlWeight2')) {
                    var e = document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlWeight2');

                    if (e) {
                       var val = e.options[e.selectedIndex].value;
                        ChangeText('measWeight', val + ' lbs/stone');
                   }
                }
            }

        if (hidcheck == 1) {
            //set height1
            if (document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlHeight1')) {
                var e = document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlHeight1');
                if (e) {
                    var val = e.options[e.selectedIndex].value;
                    ChangeText('measHeight', val + ' cm');
                }
            }
        }
        else {
            if (document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlHeight21')) {
                var e = document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlHeight21');
                if (e) {
                    var val = e.options[e.selectedIndex].value;
                    var e2 = document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlHeight22');
                    var val2 = e2.options[e2.selectedIndex].value;
                    ChangeText('measHeight', val + ' feet ' + val2 + ' inch');
                }
            }
        }

        if (hidcheck == 1) {
            //set collar1
            if (document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlCollarsize1')) {
                var e = document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlCollarsize1');
                if (e) {
                    var val = e.options[e.selectedIndex].value;
                    ChangeText('measCollar', val + ' cm');
                }
            }
        }
        else {
            if (document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlCollarsize2')) {
                var e = document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlCollarsize2');
                if (e) {
                    var val = e.options[e.selectedIndex].value;
                    ChangeText('measCollar', val + ' inch');
                }
            }
        }

        //set age
        if (document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlAge')) {
            var e = document.getElementById('ctl00_cph1_MeasurementsEditControl_DdlAge');
            if (e) {
                var val = e.options[e.selectedIndex].value;
                ChangeText('measAge', val + '');
            }
        }


        //set fit
        var fit2 = document.getElementById('allFits');
        var elfit2 = getElementsByClassName('highlight', fit2);
        if (elfit2) {
            var fitname = elfit2.alt;
            var fit = document.getElementById('fithid').value;
            if (fit) {
                if (fit == 8018020) {
                    ChangeText('measFit', fitname);
                }
                else if (fit == 8018015) {
                    ChangeText('measFit', fitname);
                } else if (fit == 8018010) {
                    ChangeText('measFit', fitname);
                }
            }
        }
        }
        
        



        /////////////////////////////////////////////////////


        if ($get("rev15")) {
            if ($get("rev15").innerHTML == '') {

            }

            if ($get("rev24").innerHTML == '') {

            }
            if ($get("rev401").innerHTML == '') {

            }
            if ($get("rev39").innerHTML == '') {

            }
            if ($get("rev4").innerHTML == '') {

            }
            //    if ($get("rev30").innerHTML == '') {
            //        $get("rev30").className = 'hidden'

            //    if ($get("rev31").innerHTML == '') {
            //        $get("rev31").className = 'hidden'
            //    }
            if ($get("rev5").innerHTML == '') {

            }

            if ($get("rev58").innerHTML == '') {
                //$get("lirev58").className = 'hidden'
                //$get("fabrev58").className = 'hidden'
            }

            if ($get("rev61").innerHTML == '') {
                //$get("lirev61").className = 'hidden'
                //$get("fabrev61").className = 'hidden'
            }

            if ($get("rev54").innerHTML == '') {
                //$get("lirev54").className = 'hidden'
                //$get("fabrev54").className = 'hidden'
            }

            if ($get("rev62").innerHTML == '') {
                //$get("lirev62").className = 'hidden'
                //$get("fabrev62").className = 'hidden'
            }

            if ($get("rev17").innerHTML == '') {
                //$get("lirev17").className = 'hidden'
                //$get("fabrev17").className = 'hidden'
            }
        }
    }
}



function menuGALclick(id) {
    for (var i = 1; i <= 4; i++) {
        if (id == i) {
            $get("ctl00_cph1_mod" + i).className = 'DivShown';
        }
        else {
            $get("ctl00_cph1_mod" + i).className = 'DivHidden';
        }


    }
}

function menurevclick(id) {
    //$get("ctl00_cph1_mod" + id).className = 'DivShown';
    if (id < 5) {
        if ($get('NextButton' + id))
            $get("NextButton" +id).className = 'DivHidden';
        if ($get('ReviewButton' + id))
            $get("ReviewButton" + id).className = 'config_buttons DivShown';

        if (id == 2) {
            if ($get('NextButton' + id + '1'))
                $get("NextButton" + id + '1').className = 'DivHidden';
            if ($get('ReviewButton' + id + '1'))
                $get("ReviewButton" + id + '1').className = 'config_buttons DivShown';

            if ($get('NextButton' + id + '2'))
                $get("NextButton" + id + '2').className = 'DivHidden';
            if ($get('ReviewButton' + id + '2'))
                $get("ReviewButton" + id + '2').className = 'config_buttons DivShown';

            if ($get('NextButton' + id + '3'))
                $get("NextButton" + id + '3').className = 'DivHidden';
            if ($get('ReviewButton' + id + '3'))
                $get("ReviewButton" + id + '3').className = 'config_buttons DivShown';

            if ($get('NextButton' + id + '4'))
                $get("NextButton" + id + '4').className = 'DivHidden';
            if ($get('ReviewButton' + id + '4'))
                $get("ReviewButton" + id + '4').className = 'config_buttons DivShown';

            if ($get('NextButton' + id + '5'))
                $get("NextButton" + id + '5').className = 'DivHidden';
            if ($get('ReviewButton' + id + '5'))
                $get("ReviewButton" + id + '5').className = 'config_buttons DivShown';

            if ($get('NextButton' + id + '6'))
                $get("NextButton" + id + '6').className = 'DivHidden';
            if ($get('ReviewButton' + id + '6'))
                $get("ReviewButton" + id + '6').className = 'config_buttons DivShown';
        }
    }
}

function menunorevclick(id) {
    //$get("ctl00_cph1_mod" + id).className = 'DivShown';
    if (id < 5) {
        if ($get('NextButton' + id))
            $get("NextButton" + id).className = 'config_buttons DivShown';
        if ($get('ReviewButton' + id))
            $get("ReviewButton" + id).className = 'DivHidden';
    }

    if (id == 2) {
        if ($get('NextButton' + id + '1'))
            $get("NextButton" + id + '1').className = 'config_buttons DivShown';
        if ($get('ReviewButton' + id + '1'))
            $get("ReviewButton" + id + '1').className = 'DivHidden';

        if ($get('NextButton' + id + '2'))
            $get("NextButton" + id + '2').className = 'config_buttons DivShown';
        if ($get('ReviewButton' + id + '2'))
            $get("ReviewButton" + id + '2').className = 'DivHidden';

        if ($get('NextButton' + id + '3'))
            $get("NextButton" + id + '3').className = 'config_buttons DivShown';
        if ($get('ReviewButton' + id + '3'))
            $get("ReviewButton" + id + '3').className = 'DivHidden';

        if ($get('NextButton' + id + '4'))
            $get("NextButton" + id + '4').className = 'config_buttons DivShown';
        if ($get('ReviewButton' + id + '4'))
            $get("ReviewButton" + id + '4').className = 'DivHidden';

        if ($get('NextButton' + id + '5'))
            $get("NextButton" + id + '5').className = 'config_buttons DivShown';
        if ($get('ReviewButton' + id + '5'))
            $get("ReviewButton" + id + '5').className = 'DivHidden';

        if ($get('NextButton' + id + '6'))
            $get("NextButton" + id + '6').className = 'config_buttons DivShown';
        if ($get('ReviewButton' + id + '6'))
            $get("ReviewButton" + id + '6').className = 'DivHidden';
    }
}

function monoclick(id) {
    if (id == 1) {
        if ($get("menDesingInitials"))
            $get("menDesingInitials").className = 'DivShown';
        
        if ($get("menDesingSquirrel"))
            $get("menDesingSquirrel").className = 'DivHidden';
        
        if ($get("monoclass1"))
            $get("monoclass1").className = 'currentTabMneu';
        
        if ($get("monoclass2"))
            $get("monoclass2").className = '';
        
    }
    else if (id == 2) {
        if ($get("menDesingSquirrel"))
            $get("menDesingSquirrel").className = 'DivShown';
        
        if ($get("menDesingInitials"))
            $get("menDesingInitials").className = 'DivHidden';
        
        if ($get("monoclass1"))
            $get("monoclass1").className = '';
        
        if ($get("monoclass2"))
            $get("monoclass2").className = 'currentTabMneu';
        
    }
}




function monotopclick(id) {
    if ($get("yesmon")) {
        if (id == 'yesmon') {
            $get("yesmon").checked = true;
            $get("nomon").checked = false;
            $get("initials_disabled").className = '';
            $get("refresh22").className = '';
            SetPriceInfo('alg_monogram_price', '5');
            $get("pricemon").value = 5;
        }
        else if (id == 'nomon') {
            $get("yesmon").checked = false;
            $get("nomon").checked = true;
            $get("initials_disabled").className = 'boxOverlay';
            $get("refresh22").className = 'hidden';
            SetPriceInfo('alg_monogram_price', '0');
            $get("pricemon").value = 0;
  
        }
    }
}

//$get("pocket").checked = true;
//$get("nopocket").checked = false;

function menumonoclick(id, id2)
{
   if (id == 1)
    {
       $get("menumono2").checked = false;
       $get("menumono1").checked = true;
       SetPriceInfo('alg_monogram_price', '5');
       $get("pricemon").value = +5;
        
        
       //fill input div
       var d = document.getElementById('moninput');
       d.innerHTML = "<input id='inputtxt2' type='text' maxlength='4' onkeypress='GenerateMonogram2()'/><br /><span>&nbsp;*Max 4 Characters</span>";


       //load types, etc.
       GetMONtyp2(id2);
       GetMONloc2(id2);
       GetMONcol2(id2);
       
    }
    else if (id == 2) {
    if ($get("menumono1")) {
        $get("menumono1").checked = false;
        $get("menumono2").checked = true;
    }
    SetPriceInfo('alg_monogram_price', '10');
    if ($get("pricemon")) {
        $get("pricemon").value = +10;
    }

      //fill input div
      var d = document.getElementById('moninput');
      d.innerHTML = "<input id='inputtxt2' type='text' maxlength='3' onkeypress='GenerateMonogram2()'/><br /><span>&nbsp;*Min/Max 3 Characters</span>";


      //load types, etc.
      //SetTypsel('120006');
      GetMONtyp2('302');
      GetMONloc2('306');
      GetMONcol2('306');
      //GetMONtyp2(id2);
      //GetMONloc2(id2);
      //GetMONcol2(id2);
    }
}



function menudesignclick(id) {

        //collar
        if (id == 1)
        {
           $get("ctl00_cph1_ctrlCONF_design_design1").className = 'DivShown';
           $get("ctl00_cph1_ctrlCONF_design_design2").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design3").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design4").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design5").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design6").className = 'DivHidden';

           $get("designclass1").className = 'currentTabMneu';
           $get("designclass2").className = '';
           $get("designclass3").className = '';
           $get("designclass4").className = '';
           $get("designclass5").className = '';
           $get("designclass6").className = '';



           //check colfrule
           //var f = document.getElementById('colhid').value;
           //Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
           //Samples.AspNet.WebService.GetRuleCOL(f, SuccesCallbackcolklik, ErrorHandler, TimeOutHandler);
        }
        //sleeve
        else if (id == 2)
        {
           $get("ctl00_cph1_ctrlCONF_design_design1").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design2").className = 'DivShown';
           $get("ctl00_cph1_ctrlCONF_design_design3").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design4").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design5").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design6").className = 'DivHidden';

           $get("designclass1").className = '';
           $get("designclass2").className = 'currentTabMneu';
           $get("designclass3").className = '';
           $get("designclass4").className = '';
           $get("designclass5").className = '';
           $get("designclass6").className = '';

          //check cuffrule
          var f = document.getElementById('cufhid').value;
          Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
          Samples.AspNet.WebService.GetRuleCUF(f, SuccesCallbackcufklik, ErrorHandler, TimeOutHandler);
        }   
        //pocket
        else if (id == 3)
        {
           $get("ctl00_cph1_ctrlCONF_design_design1").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design2").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design3").className = 'DivShown';
           $get("ctl00_cph1_ctrlCONF_design_design4").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design5").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design6").className = 'DivHidden';

           $get("designclass1").className = '';
           $get("designclass2").className = '';
           $get("designclass3").className = 'currentTabMneu';
           $get("designclass4").className = '';
           $get("designclass5").className = '';
           $get("designclass6").className = '';

        }   
        //placket
        else if (id == 4)
        {
           $get("ctl00_cph1_ctrlCONF_design_design1").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design2").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design3").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design4").className = 'DivShown';
           $get("ctl00_cph1_ctrlCONF_design_design5").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design6").className = 'DivHidden';

           $get("designclass1").className = '';
           $get("designclass2").className = '';
           $get("designclass3").className = '';
           $get("designclass4").className = 'currentTabMneu';
           $get("designclass5").className = '';
           $get("designclass6").className = '';


////           //rule collar - special placket
////           //get collar
////           var e = document.getElementById('colhid').value;
////           //if collar 1/6/8/17/19/35/53/59/60/65 => no special placket
////           if (e == 20001 || e == 20006 || e == 20008 || e == 20017 || e == 20019 || e == 20035 || e == 20053 || e == 20059 || e == 20060 || e == 20065) {
////               GetDesignPlacket();
////           }
////           else {
////               GetDesignPlacketNOSPECIAL();
////           }
           
        }
        //base hem   
        else if (id == 5)
        {
           $get("ctl00_cph1_ctrlCONF_design_design1").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design2").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design3").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design4").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design5").className = 'DivShown';
           $get("ctl00_cph1_ctrlCONF_design_design6").className = 'DivHidden';

           $get("designclass1").className = '';
           $get("designclass2").className = '';
           $get("designclass3").className = '';
           $get("designclass4").className = '';
           $get("designclass5").className = 'currentTabMneu';
           $get("designclass6").className = '';

        }   
        //contrasting
        else if (id == 6) {
        //set menu state
                    
        
        
           $get("ctl00_cph1_ctrlCONF_design_design1").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design2").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design3").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design4").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design5").className = 'DivHidden';
           $get("ctl00_cph1_ctrlCONF_design_design6").className = 'DivShown';

           $get("designclass1").className = '';
           $get("designclass2").className = '';
           $get("designclass3").className = '';
           $get("designclass4").className = '';
           $get("designclass5").className = '';
           $get("designclass6").className = 'currentTabMneu';

           //RULE CONTRAST//////////////////////////////////////////////////////////////////////////
          //get collar
          var e = document.getElementById('colhid').value;
          //get cuff
          var f = document.getElementById('cufhid').value;
          //get pla
          var g = document.getElementById('plahid').value;
          
          Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
          Samples.AspNet.WebService.GetRuleCON(e, f, g, SuccesCallbackmenuklik, ErrorHandler, TimeOutHandler);
          /////////////////////////////////////////////////////////////////////////////////////

          //RULE WHITE COLLAR => NO COLLAR CONTRASTING
          var hideo4 = document.getElementById('hideo4').value;
          if (hideo4 == 1) {
              $get("hidcon58").value = 0;
              if ($get("58")) {
                  $get("58").disabled = true;
                  $get("58").checked = false;
              }
          }

          //RULE WHITE CUFF => NO CUFF CONTRASTING
          var hideo15 = document.getElementById('hideo15').value;
          if (hideo15 == 1) {
              $get("hidcon61").value = 0;
              if ($get("61")) {
                  $get("61").disabled = true;
                  $get("61").checked = false;
              }
          }

          //monogram yes + leeg
          if ($get("yesmon")) {
              if ($get("yesmon").checked && $get("inputtxt2").value == "") {
                  var modalPopupBehavior = $find('programmaticModalPopupBehavior4');
                  modalPopupBehavior.show();
              }
          }
        }
    }

//coming from GetRuleCUF
function SuccesCallbackcufklik(result, eventArgs)
{
    if (document.getElementById('sleevePickerExtra')) {
        //DISABLE ALL ELEMENTS WITHIN sleevePickerExtra
        var rosItems1 = document.getElementById('sleevePickerExtra').getElementsByTagName('input')
        for (var i = 0; i < rosItems1.length; i++) {
            rosItems1[i].disabled = true;
        }

        //CHECK IF POSSIBLE, THUS ENABLE
        if (result.length > 0) {
            for (i = 0; i < result.length; i++) {
                if ($get(result[i].FabName)) {
                    $get(result[i].FabName).disabled = false;
                }
            }
        }
    }
}


function SuccesCallbackcolklik(result, eventArgs) {

    //check all 4 elements, Loop only reaches 1, 2, 3, or 4
    if (result.length < 2) {
        if (result[0].FabName == 15) {
            if ($get(result[0].FabName))
            $get(result[0].FabName).disabled = false;
        }
        else {
            if ($get(result[0].FabName))
            $get(result[0].FabName).disabled = true;
            $get(result[0].FabName).checked = false;
        }
        /////////////////////////////////////
        if ($get("24")) {
            $get("24").disabled = true;
            $get("24").checked = false;
        }
        if ($get("39")) {
            $get("39").disabled = true;
            $get("39").checked = false;
        }
        if ($get("401")) {
            $get("401").disabled = true;
            $get("401").checked = false;
        }
    }

    else if (result.length < 3) {

    if (result[0].FabName == 15) {
        if ($get("15")) {
            $get("15").disabled = false;
        }
    }
    else {
        if ($get(result[0].FabName)) {
            $get(result[0].FabName).disabled = true;
            $get(result[0].FabName).checked = false;
        }
    }

    if (result[1].FabName == 24) {
        if ($get("24")) {
            $get("24").disabled = false;
        }
    }
    else {
        if ($get(result[1].FabName)) {
            $get(result[1].FabName).disabled = true;
            $get(result[1].FabName).checked = false;
        }

    }
        ////////////////////////////////////////////
        if ($get("39")) {
            $get("39").disabled = true;
            $get("39").checked = false;
        }
        if ($get("401")) {
            $get("401").disabled = true;
            $get("401").checked = false;
        }
    }

    else if (result.length < 4) {

    if (result[0].FabName == 15) {
        if ($get("15"))
            $get("15").disabled = false;
    }
    else {
        if ($get(result[0].FabName)) {
            $get(result[0].FabName).disabled = true;
            $get(result[0].FabName).checked = false;
        }
    }


        if (result[1].FabName == 24) {
            if ($get("24"))
            $get("24").disabled = false;
        }
        else {
            if ($get(result[1].FabName)) {
                $get(result[1].FabName).disabled = true;
                $get(result[1].FabName).checked = false;
            }
        }
        if (result[2].FabName == 39) {
            if ($get("39"))
            $get("39").disabled = false;
        }
        else {
            if ($get(result[2].FabName)) {
                $get(result[2].FabName).disabled = true;
                $get(result[2].FabName).checked = false;
            }
        }
        ////////////////////////////////////////////
        if ($get("401")) {
            $get("401").disabled = true;
            $get("401").checked = false;
        }
    }

    else if (result.length < 5) {

        if (result[0].FabName == 15) {
            if ($get(result[0].FabName))
                $get(result[0].FabName).disabled = false;

        }
        else {
            if ($get(result[0].FabName)) {
                $get(result[0].FabName).disabled = true;
                $get(result[0].FabName).checked = false;
            }
        }

        if (result[1].FabName == 24) {
            if ($get(result[1].FabName))
                $get(result[1].FabName).disabled = false;

        }
        else {
            if ($get(result[1].FabName)) {
                $get(result[1].FabName).disabled = true;
                $get(result[1].FabName).checked = false;
            }
        }

        if (result[2].FabName == 39) {
            if ($get(result[2].FabName))
                $get(result[2].FabName).disabled = false;

        }
        else {
            if ($get(result[2].FabName)) {
                $get(result[2].FabName).disabled = true;
                $get(result[2].FabName).checked = false;
            }
        }

        if (result[3].FabName == 401) {
            if ($get(result[3].FabName))
                $get(result[3].FabName).disabled = false;

        }
        else {
            if ($get(result[3].FabName)) {
                $get(result[3].FabName).disabled = true;
                $get(result[3].FabName).checked = false;
            }
        }
    }



    //CHECK IF POSSIBLE, THUS ENABLE
    if (result.length > 0) {
        for (i = 0; i < result.length; i++) {
            if (result[i].FabName) {

 
                var hideo15 = document.getElementById('hideo15').value;
                var hideo39 = document.getElementById('hideo39').value;
                var hideo401 = document.getElementById('hideo401').value;
                var hideo24 = document.getElementById('hideo24').value;



                //TAPE
                if ($get("39")) {
                    if ((hideo39 == 1 && $get("39").disabled == false) && result[i].FabName == "39") {

                        if ($get("39"))
                            $get("39").checked = true;
                        GetPriceInfoExtra('39', 1);
                    }
                    else if (hideo39 == 0 || $get("39").disabled == true) {
                        if ($get('hideo39'))
                            $get('hideo39').value = 0;

                        GetPriceInfoExtra('39', 0);
                    }
                } else {
                    if ((hideo39 == 1) && result[i].FabName == "39") {
                        GetPriceInfoExtra('39', 1);
                    }
                    else if (hideo39 == 0) {
                        GetPriceInfoExtra('39', 0);
                    }
                }
                

                //VERTICAL STRIPES
                if ($get("401")) {
                    if ((hideo401 == 1 && $get("401").disabled == false) && result[i].FabName == "401") {

                        if ($get("401"))
                            $get("401").checked = true;
                        GetPriceInfoExtra('401', 1);
                    }
                    else if (hideo401 == 0 || $get("401").disabled == true) {
                        if ($get('hideo401'))
                            $get('hideo401').value = 0;

                        GetPriceInfoExtra('401', 0);
                    }
                }
                //NOT YET ELSE

                //REMOVABLE BONES
                if ((hideo24 == 1 && $get("24").disabled == false) && result[i].FabName == "24") {

                    if ($get("24"))
                        $get("24").checked = true;
                    GetPriceInfoExtra('24', 1);
                }
                else if (hideo24 == 0 || $get("24").disabled == true) {
                    if ($get('hideo24'))
                        $get('hideo24').value = 0;
                    
                    GetPriceInfoExtra('24', 0);
                }

                //rule: white collars kan niet samen met vertical stripes, dus uitvinken
                if (hideo15 == 1 && result[i].FabName == "15" && hideo401 == 0) {
                    if ($get("15"))
                        $get("15").checked = true;
                    GetPriceInfoExtra('15', 1);
                }
                else {
                    //hier niet, heeft met rules te maken, brengt alles in de war
                }
            }
            else {
                //not possible, disable
                if ($get(result[i].FabName))
                    $get(result[i].FabName).checked = false;
            }
        }
    }
}


//coming from GetRuleCON
function SuccesCallbackmenuklik(result, eventArgs) {

    if (result.length > 0) {
        if ($get("conimg17"))
            $get("conimg17").src = 'img/contrastKleuren.jpg';
        if ($get("17"))
            $get("17").disabled = false;
        if ($get("conimg58"))
            $get("conimg58").src = 'img/men_collar_disabled_en.jpg';
        if ($get("58"))
            $get("58").disabled = true;
        if ($get("conimg61"))
            $get("conimg61").src = 'img/men_cuff_disabled_en.jpg';
        if ($get("61"))
            $get("61").disabled = true;
        if ($get("conimg54"))
            $get("conimg54").src = 'img/men_placket_disabled.jpg';
        if ($get("54"))
            $get("54").disabled = true;
        //backyoke_contrasting altijd enabled
        if ($get("conimg62")) {
            $get("conimg62").src = 'img/backyoke_contrasting.jpg';
            $get("62").disabled = false;
        }

        

        //enable
        if (result.length > 0) {
            for (i = 0; i < result.length; i++) {
                if (result[i].FabID) {
                    if (result[i].FabID == 58) {
                        if ($get("conimg58")) {
                            $get("conimg58").src = 'img/collar_contrasting.jpg';
                            if ($get("58"))
                                $get("58").disabled = false;
                            
                        }
                    }
                    if (result[i].FabID == 60) {
                        if ($get("conimg61")) {
                            $get("conimg61").src = 'img/cuff_contrasting.jpg';
                            if ($get("61"))
                                $get("61").disabled = false;
                            
                        }
                    }
                    if (result[i].FabID == 54) {
                        if ($get("conimg54")) {
                            $get("conimg54").src = 'img/placket_contrasting.jpg';
                            if ($get("54"))
                                $get("54").disabled = false;
                            
                        }
                    }
                    //backyoke_contrasting
                    if (result[i].FabID == 62) {
                        if ($get("conimg62")) {
                            $get("conimg62").src = 'img/backyoke_contrasting.jpg';
                            if ($get("62"))
                                $get("62").disabled = false;

                        }
                    }
                    
                    if (result[i].FabID == 17) {
                        //already enabled
                    }
                }
            }
        }

        //rule: if you have chosen for white cuffs the choice of contrast cuffs must be disabled
        var hideo4 = document.getElementById('hideo4').value;
        if (hideo4 == 1) {
        
            if ($get("conimg61"))
                $get("conimg61").src = 'img/men_cuff_disabled_en.jpg';
            if ($get("61"))
                $get("61").disabled = true;
            
            if ($get("61"))
                $get("61").checked = false;
            
            //hide contrast cuff image
            document['img13'].src = 'img/leeg.png';
            //reset price
            GetPriceInfoExtra('61', 0);
            
        }

            //rule: if you have chosen for white collar the choice of contrast collar must be disabled
            var hideo15 = document.getElementById('hideo15').value;
            if (hideo15 == 1) {
                if ($get("conimg58"))
                    $get("conimg58").src = 'img/men_collar_disabled_en.jpg';
                if ($get("58")) {
                    $get("58").disabled = true;
                    $get("58").checked = false;
                }
                //hide contrast collar image
                document['img14'].src = 'img/leeg.png';
                //reset price
                GetPriceInfoExtra('58', 0);
            }
    }
}



// This function calls the Web service method and 
// passes the event callback function.  
function backtoall(i)
{
    $get("cross" + i).src = "App_Themes/publicStore/img/undo_select_gray.jpg";
    $get("sel" + i).selectedIndex = 0;
    
    //show fabs
    GetFabrics();
}

function getfab(i)
{
    $get("cross"+ i).src = "App_Themes/publicStore/img/undo_select.jpg";
    
    //show fabs
    GetFabrics();
}


//STARTUP FUNCTION
function FillDDL()
{
   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");

   //CID
   var CID = getQueryVariable('CID');
   
   Samples.AspNet.WebService.GetCollections(CID, FillCollectionDDL, ErrorHandler, TimeOutHandler);
   Samples.AspNet.WebService.GetColours(FillColourDDL, ErrorHandler, TimeOutHandler);
   Samples.AspNet.WebService.GetDesigns(FillDesignDDL, ErrorHandler, TimeOutHandler);
   Samples.AspNet.WebService.GetStructures(FillStructureDDL, ErrorHandler, TimeOutHandler);
   Samples.AspNet.WebService.GetFinishing(FillFinishingDDL, ErrorHandler, TimeOutHandler);
   Samples.AspNet.WebService.GetMaterials(FillMaterialDDL, ErrorHandler, TimeOutHandler);  
}
////////////////////////////////////////////////////////////////////



// STARTUP FUNCTION
function GetContrastFabrics() {
    //CID
    var CID = getQueryVariable('CID');
    
   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetContrastFabrics(CID, SuccesCallbackContrastFabrics, ErrorHandler, TimeOutHandler);   
}


//STARTUP FUNCTION
function GetDesignPlacket() {

    //CID
    var CID = getQueryVariable('CID');
    
   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetDesignPlacket(CID, SuccesCallbackDesignPlacket, ErrorHandler, TimeOutHandler);

}

// This function calls the Web service method and 
// passes the event callback function.  
function GetDesignPlacketNOSPECIAL() {

    //CID
    var CID = getQueryVariable('CID');

    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignPlacketNOSPECIAL(CID, SuccesCallbackDesignPlacket, ErrorHandler, TimeOutHandler);
}

// STARTUP FUNCTION
function GetDesignPocket() {
    //CID
    var CID = getQueryVariable('CID');
    
   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetDesignPocket(CID,SuccesCallbackDesignPocket, ErrorHandler, TimeOutHandler);   
}

// STARTUP FUNCTION 
function GetDesignSleeve() {

    $get("sleeveshort").className = '';
    $get("sleevelong").className = 'highlight';

    //Rule: set sleeve monogram squirrel default sleeve
    var d = document.getElementById('postionMonogram2');
    var el = getElementsByClassName('highlight', d);
    if (el) {
        el.className = '';
    }

    //switch
    if ($get("sq41div"))
        $get("sq41div").className = 'hidden';
    if ($get("sq38div"))
        $get("sq38div").className = 'postionMonograms';
    

    if ($get("SQpos_130038")) {
        $get("SQpos_130038").className = 'highlight';
        $get('sq13hid').value = '130038';
        ShowSQimg();
    }

    //CID
    var CID = getQueryVariable('CID');
   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetDesignSleeve(CID, SuccesCallbackDesignSleeve, ErrorHandler, TimeOutHandler);

}



// This function calls the Web service method and 
// passes the event callback function.
function GetDesignSleeveSHORT() {

    $get("sleeveshort").className = 'highlight';
    $get("sleevelong").className = '';

    //CID
    var CID = getQueryVariable('CID');
     
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignSleeveSHORT(CID, SuccesCallbackDesignSleeve, ErrorHandler, TimeOutHandler);

    $get("hidsleeveshort").value = '1';
    $get("cufhid").value = '30006';
    
    var part = document.getElementById('parthid').value;
    if (part == 14) {

        var hidsleeveshort = document.getElementById('hidsleeveshort').value;
        //hide long sleeves
        if (hidsleeveshort == 1) {

            //Rule: set sleeve monogram squirrel default sleeve
            var d = document.getElementById('postionMonogram2');
            var el = getElementsByClassName('highlight', d);
            if (el) {
                el.className = '';
            }

            //switch
            if ($get("sq38div"))
                $get("sq38div").className = 'hidden';
            if ($get("sq41div"))
                $get("sq41div").className = 'postionMonograms';
            

            if ($get("SQpos_130041")) {
                $get("SQpos_130041").className = 'highlight';
                $get('sq13hid').value = '130041';
                ShowSQimg();
            }



            //hide longsleeves
            //hide longsleeves
            document['img3'].src = "img/leeg.png";
            document['img4'].src = "img/leeg.png";
            document['img16'].src = "img/leeg.png";
            document['img17'].src = "img/leeg.png";
            document['img32'].src = "img/leeg.png";
            document['img103'].src = "img/leeg.png";
            document['img104'].src = "img/leeg.png";
            document['img116'].src = "img/leeg.png";
            document['img117'].src = "img/leeg.png";
            document['img132'].src = "img/leeg.png";

            var g = document.getElementById('fabhid').value;
            var cuf = document.getElementById('cufhid').value;
            var wit = document.getElementById('withid').value;
            var hidsleeveshort = document.getElementById('hidsleeveshort').value;
            var hideo4 = document.getElementById('hideo4').value;

            if (hideo4 == 0) {
                //Cuff load
                var src7 = 'ren2/men_front_p14_' + cuf + '_' + g + '.png';
                document['img7'].src = src7;
                checkImage('img7');

                var src107 = 'ren2/men_front_p14_' + cuf + '_' + g + '_zoom.png';
                document['img107'].src = src107;
                checkImage('img107');

                var src30007 = 'ren2/men_front_p3_' + cuf + '_' + g + '_zoom.png';
                document['img30007'].src = src30007;
                checkImage('img30007');
                
            } else if (hideo4 == 1) {
                //GEEN WHITE CUFF BIJ SHORT
                var src7 = 'ren2/men_front_p14_' + cuf + '_' + g + '.png';
                document['img7'].src = src7;
                checkImage('img7');
                
                var src107 = 'ren2/men_front_p14_' + cuf + '_' + g + '_zoom.png';
                document['img107'].src = src107;
                checkImage('img107');

                var src30007 = 'ren2/men_front_p3_' + cuf + '_' + g + '_zoom.png';
                document['img30007'].src = src30007;
                checkImage('img30007');
            }

            //rule open collar (placket contrast) :if you go back to collar  you always return to a closed collar and contrast needs to be resetted ( also price)
            var hidcon61 = document.getElementById('hidcon61').value;
            if (hidcon61 == '1' && hidsleeveshort == 1) {
                //set hid value op 0
                if ($get("hidcon61"))
                    $get("hidcon61").value = 0;
                if ($get("61")) {
                    $get("61").disabled = true;
                    $get("61").checked = false;
                }
                //reset price
                GetPriceInfoExtra('61', 0);
                //hide placket contrast

                //cuff contrast weg
                var src13 = 'img/leeg.png';
                document['img13'].src = src13;

                var src30013 = 'img/leeg.png';
                document['img30013'].src = src30013;
                ////////////////////////////////////////////////////////////////////////////////
            }


        } else {
            var fab = document.getElementById('fabhid').value;
            var src3 = 'ren2/men_front_p14_longsleeve_L_' + fab + '.png';
            document['img3'].src = src3;
            checkImage('img3');

            var src103 = 'ren2/men_front_p14_longsleeve_L_' + fab + '_zoom.png';
            document['img103'].src = src103;
            checkImage('img103');

//            var src30003 = 'ren2/men_front_p3_longsleeve_L_' + fab + '_zoom.png';
//            document['img30003'].src = src30003;
//            checkImage('img30003');

            var src4 = 'ren2/men_front_p14_longsleeve_R_' + fab + '.png';
            document['img4'].src = src4;
            checkImage('img4');

            var src104 = 'ren2/men_front_p14_longsleeve_R_' + fab + '_zoom.png';
            document['img104'].src = src104;
            checkImage('img104');

            var src30004 = 'ren2/men_front_p3_longsleeve_R_' + fab + '_zoom.png';
            document['img30004'].src = src30004;
            checkImage('img30004');


            //LOAD CUFF
            var g = document.getElementById('fabhid').value;
            var cuf = document.getElementById('cufhid').value;
            var wit = document.getElementById('withid').value;
            var hidsleeveshort = document.getElementById('hidsleeveshort').value;
            var hideo4 = document.getElementById('hideo4').value;

            if (hideo4 == 0) {
                //Cuff load
                var src7 = 'ren2/men_front_p14_' + cuf + '_' + g + '.png';
                document['img7'].src = src7;
                checkImage('img7');

                var src107 = 'ren2/men_front_p14_' + cuf + '_' + g + '_zoom.png';
                document['img107'].src = src107;
                checkImage('img107');

                var src30007 = 'ren2/men_front_p3_' + cuf + '_' + g + '_zoom.png';
                document['img30007'].src = src30007;
                checkImage('img30007');
                
            } else if (hideo4 == 1) {
                //Cuff load
                var src7 = 'ren2/men_front_p14_' + cuf + '_' + wit + '.png';
                document['img7'].src = src7;
                checkImage('img7');
                
                var src107 = 'ren2/men_front_p14_' + cuf + '_' + wit + '_zoom.png';
                document['img107'].src = src107;
                checkImage('img107');

                var src30007 = 'ren2/men_front_p3_' + cuf + '_' + wit + '_zoom.png';
                document['img30007'].src = src30007;
                checkImage('img30007');
            }
        }
    }
}



// This function calls the Web service method and 
// passes the event callback function.  
function GetDesignCollar() {
    //CID
    var CID = getQueryVariable('CID');
    
   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetDesignCollar(CID, SuccesCallbackDesignCollar, ErrorHandler, TimeOutHandler);   
}


// DESIGN COLLAR
function SuccesCallbackDesignCollar(result, eventArgs)
{
    var d = document.getElementById('collarCollectionWrapper');
    d.innerHTML = "";

    var oTbl=document.createElement("div");
    oTbl.setAttribute('id', 'collarCollection');
    d.appendChild(oTbl);

    for (i = 0; i < result.length; i++) {
        if (result.length > i) {
            if (i < 1) {
                var oTbl2 = document.createElement("div");
                oTbl2.innerHTML = "<div class='collars'><div class='select_collar'> <img onclick='GetDesignCollarInfo(" + result[i].FabID + ");showcol(" + result[i].MTMID + ");'  class='highlight' src='ren2/SOI_" + result[i].MTMID + ".jpg' id='fabcol" + result[i].FabID + "'  />            <a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'> " + result[i].FabInfoIcon + " </span><span class='bottom'></span></span></a>           </div><div class='collarText'>" + result[i].FabName + "</div></div>";
                oTbl.appendChild(oTbl2);
            }
            else {
                var oTbl2 = document.createElement("div");

                var testje = "";
                testje = "<div class='collars'><div class='select_collar'> <img onclick='GetDesignCollarInfo(" + result[i].FabID + ");showcol(" + result[i].MTMID + ");'  class='Nohighlight' src='ren2/SOI_" + result[i].MTMID + ".jpg' id='fabcol" + result[i].FabID + "'  />         ";
                if (i == 0 || i == 4 || i == 9 || i == 14 || i == 19) {
                    //rechts
                    testje += " <a class='tt2' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'>" + result[i].FabInfoIcon + "</span><span class='bottom'></span></span></a>";
                }
                else {
                    //links 4x
                    testje += " <a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'>" + result[i].FabInfoIcon + "</span><span class='bottom'></span></span></a>";
                }
                testje += "</div><div class='collarText'>" + result[i].FabName + "</div></div>";
                oTbl2.innerHTML = testje
                oTbl.appendChild(oTbl2);
            }
        }
    }

    
    //Eerste collar
    if (result.length > 0)
    {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignCollarInfo(result[0].FabID, SuccesCallbackDesignCollarInfo, ErrorHandler, TimeOutHandler);

    //check Rule for first loaded item
    //check colfrule
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetRuleCOL(result[0].MTMID, SuccesCallbackcolklik, ErrorHandler, TimeOutHandler);

    //Rule: for first collar
    //if collar 1/6/8/17/19/35/53/59/60/65 => do have special placket
    var colmtm = result[0].MTMID;
    if (colmtm == 20001 || colmtm == 20006 || colmtm == 20008 || colmtm == 20017 || colmtm == 20019 || colmtm == 20035 || colmtm == 20053 || colmtm == 20059 || colmtm == 20060 || colmtm == 20065) {
        //GetDesignPlacket();
        //show 2 plackets
        if ($get("platd50011"))
            $get("platd50011").className = 'placket_style';
        if ($get("platd50012"))
            $get("platd50012").className = 'placket_style';
    }
    else {
        //GetDesignPlacketNOSPECIAL();
        //hide 2 plackets, highlight existing one
        if ($get("platd50011"))
            $get("platd50011").className = 'hidden';
        if ($get("platd50012"))
            $get("platd50012").className = 'hidden';

        GetDesignPlacketInfo2('2');
    }
    
    } 
}

// passes the evSuccesCallbackDesignCollarent callback function.  
function GetDesignCollarInfo(i)
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignCollarInfo(i, SuccesCallbackDesignCollarInfo, ErrorHandler, TimeOutHandler);
}




// RETURN GetDesignSleeve
function SuccesCallbackDesignSleeve(result, eventArgs) {
    var d = document.getElementById('sleevePicker');
    d.innerHTML = "";

    var index = 0;
    var oTbl = document.createElement("Table");
    for (i = 0; i < 40; i++) {
        if (result.length > i) {

            var oTR = oTbl.insertRow(i);
            for (j = 0; j < 6; j++) {
                var oTD = oTR.insertCell(j);
                oTD.width = "80";
                oTD.valign = "top";
                if (result.length > 0) {
                    if (result.length > index) {
                        if (index < 1) {
                            oTD.innerHTML = "<div class='cuffs'> <img onclick='GetDesignSleeveInfo(" + result[index].FabID + ");showcuf(" + result[index].MTMID + ");' class='highlight' src='ren2/SOI_" + result[index].MTMID + ".jpg' id='fabcuf" + result[index].FabID + "'  />      <a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'>" + result[index].FabInfoIcon + "</span><span class='bottom'></span></span></a>  </div>" + result[index].FabName + "</td>";
                        }
                        else {
                            var testje = "";
                            testje = "<div class='cuffs'> <img onclick='GetDesignSleeveInfo(" + result[index].FabID + ");showcuf(" + result[index].MTMID + ");' class='Nohighlight' src='ren2/SOI_" + result[index].MTMID + ".jpg' id='fabcuf" + result[index].FabID + "'  />    ";
                            if (index == 0 || index == 5 || index == 10 || index == 15 || index == 20) {
                            //rechts
                                testje += "<a class='tt2' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'>" + result[index].FabInfoIcon + "</span><span class='bottom'></span></span></a>";
                            }
                            else {
                               testje += "<a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'>" + result[index].FabInfoIcon + "</span><span class='bottom'></span></span></a>";

                            }
                            testje += "</div>" + result[index].FabName + "</td>";
                            oTD.innerHTML = testje
                        }
                    }
                }
                index++;
            }
        }
    }

    d.appendChild(oTbl);

    if (result.length > 0) {
        Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
        Samples.AspNet.WebService.GetDesignSleeveInfo(result[0].FabID, SuccesCallbackDesignSleeveInfo, ErrorHandler, TimeOutHandler);


        //sleevelong
        //sleeveshort
        var d = document.getElementById('divsleeveshort');
        var el = getElementsByClassName('highlight', d);
        //IS SHORT
        if (el) {
            $get("hidsleeveshort").value = '1';
            $get("cufhid").value = result[0].MTMID;
        }
        else {
            $get("hidsleeveshort").value = '0';
            $get("cufhid").value = result[0].MTMID;
        }

        showcuf(result[0].MTMID);

    }


}

// STARTUP FUNCTION 
function GetDesignSleeveExtra() {
    //CID
    var CID = getQueryVariable('CID');
    
   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetDesignSleeveExtra(CID, SuccesCallbackDesignSleeveExtra, ErrorHandler, TimeOutHandler);   
}

// RETURN GetDesignSleeveExtra()
function SuccesCallbackDesignSleeveExtra(result, eventArgs)
{
    var d = document.getElementById('sleevePickerExtra');
    d.innerHTML = "";
    
    var oTbl=document.createElement("ul");
    oTbl.setAttribute('id', 'extraOptions');
    d.appendChild(oTbl);

    for(i=0;i<result.length;i++)
    {
         if (result.length > i)
         {
              var oTbl2=document.createElement("div");

              oTbl2.innerHTML = "<li><div class='option'><input DISABLED class='DISABLED'  id=" + result[i].MTMID + "  type='checkbox' onclick='if(this.checked) GetExtraOptionsInfo(this.id, 1); else GetExtraOptionsInfo(this.id,0);' /> " + result[i].FabName + "  </div><div class='info_img_inlist'>      <a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'>" + result[i].FabInfoIcon + "</span><span class='bottom'></span></span></a>         </div></li>";
              oTbl.appendChild(oTbl2);

         }
    }
}

// STARTUP FUNCTION
function GetDesignCollarExtra() {
    //CID
    var CID = getQueryVariable('CID');
    
   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetDesignCollarExtra(CID, SuccesCallbackDesignCollarExtra, ErrorHandler, TimeOutHandler);   
}

// RETURN GetDesignCollarExtra()
function SuccesCallbackDesignCollarExtra(result, eventArgs)
{
    var d = document.getElementById('collarPickerExtra');
    d.innerHTML = "";
    
    var oTbl=document.createElement("ul");
    oTbl.setAttribute('id', 'extraOptions');
    d.appendChild(oTbl);

    for(i=0;i<result.length;i++)
    {
         if (result.length > i)
         {
              var oTbl2=document.createElement("li");
              oTbl2.innerHTML = "<div class='option'><input DISABLED id=" + result[i].MTMID + " class='DISABLED' type='checkbox' onclick='if(this.checked) GetExtraOptionsInfo(this.id, 1); else GetExtraOptionsInfo(this.id,0);' /> " + result[i].FabName + "  </div>";
              oTbl.appendChild(oTbl2);

              
              if (result[i].MTMID == 39) {
                   
                  oTbl2.id = 'SetTapsel';
                    
                    
                  if (result[0].WWCM1 == 1) {
                      oTbl2.innerHTML += "<img onclick='SetTapsel(1);' id='tap1' src='img/tap1.jpg' class='highlight' />";
                      $get("taphid").value = 'red';
                  }
                  
                  if (result[0].WWCM2 == 1 && result[0].WWCM1 == 0) {
                      oTbl2.innerHTML += "<img onclick='SetTapsel(2);' id='tap2' src='img/tap2.jpg' class='highlight' />";
                      $get("taphid").value = 'orange';
                  }
                  else if (result[0].WWCM2 == 1) {
                      oTbl2.innerHTML += "<img onclick='SetTapsel(2);' id='tap2' src='img/tap2.jpg' class='colourTape' />";
                  }

                  if (result[0].WWCM3 == 1 && result[0].WWCM1 == 0 && result[0].WWCM2 == 0) {
                      oTbl2.innerHTML += "<img onclick='SetTapsel(3);' id='tap3' src='img/tap3.jpg' class='highlight' />";
                      $get("taphid").value = 'black';
                  }
                  else if (result[0].WWCM3 == 1) {
                      oTbl2.innerHTML += "<img onclick='SetTapsel(3);' id='tap3' src='img/tap3.jpg' class='colourTape' />";
                  }

                  if (result[0].WWCM4 == 1 && result[0].WWCM1 == 0 && result[0].WWCM2 == 0 && result[0].WWCM3 == 0) {
                      oTbl2.innerHTML += "<img onclick='SetTapsel(4);' id='tap4' src='img/tap4.jpg' class='highlight' />";
                      $get("taphid").value = 'blue';
                  } else if (result[0].WWCM4 == 1) {
                      oTbl2.innerHTML += "<img onclick='SetTapsel(4);' id='tap4' src='img/tap4.jpg' class='colourTape' />";
                  }
                  //oTbl3.innerHTML += "</li>";
                  
              }
              //oTbl.appendChild(oTbl3);

              //<div class='info_img_inlist'><img src='img/information.jpg' /></div>
              //var oTbl4 = document.createElement("div");

              oTbl2.innerHTML += "<div class='info_img_inlist'>   <a class='hidden' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'>" + result[i].FabInfoIcon + "</span><span class='bottom'></span></span></a>    </div>";
              //oTbl.appendChild(oTbl4);

              //var oTbl5 = document.createElement("div");
              //oTbl3.innerHTML += "</li>";
              oTbl.appendChild(oTbl2);
         }
    }
}


// STARTUP FUNCTION  
function GetDesignContrastExtra() {
    //CID
    var CID = getQueryVariable('CID');
    
   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetDesignContrastExtra(CID, SuccesCallbackDesignContrastExtra, ErrorHandler, TimeOutHandler);   
}

// RETURN GetDesignContrastExtra
function SuccesCallbackDesignContrastExtra(result, eventArgs)
{
    var d = document.getElementById('contrasting_types');
    d.innerHTML = "";
   
    for(i=0;i<result.length;i++)
    {
         if (result.length > i)
         {
                var oTbl2=document.createElement("div");

                oTbl2.innerHTML = "<div class='contrastType' id='condiv" + result[i].FabID + "'><img src='img/collar_contrasting.jpg' alt='collar contrasting' width='100' height='70' class='contrastingImg' id='conimg" + result[i].FabID + "' />       <a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'> " + result[i].FabInfoIcon + " </span><span class='bottom'></span></span></a>      <br /><label><input id=" + result[i].FabID + " type='checkbox' onclick='if(this.checked) GetPriceInfoExtra(this.id, 1); else GetPriceInfoExtra(this.id,0);showcon(" + result[i].FabID + ");' /> " + result[i].FabName + "</label></div>";
               d.appendChild(oTbl2);
         }
    }
}


// NOT NEEDED IN FIRST VERSION
// RETURN GetDesignPocketExtra
function SuccesCallbackDesignPocketExtra(result, eventArgs)
{
    var d = document.getElementById('pocketPickerExtra');
    d.innerHTML = "";
    
    var oTbl=document.createElement("ul");
    oTbl.setAttribute('id', 'extraOptions');
    d.appendChild(oTbl);

    for(i=0;i<result.length;i++)
    {
         if (result.length > i)
         {
              var oTbl2=document.createElement("div");

              oTbl2.innerHTML = "<li><div class='option'><input id=" + result[i].MTMID + " class='Nohighlight' type='checkbox' onclick='if(this.checked) GetExtraOptionsInfo(this.id, 1); else GetExtraOptionsInfo(this.id,0);' /> " + result[i].FabName + "   </div><div class='info_img_inlist'><img src='img/information.jpg' /></div></li>";
              oTbl.appendChild(oTbl2);
         }
    }
}

// STARTUP FUNCTION
function GetDesignPocketExtra() {
    //CID
    var CID = getQueryVariable('CID');

   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetDesignPocketExtra(CID, SuccesCallbackDesignPocketExtra, ErrorHandler, TimeOutHandler);   
}

// passes the evSuccesCallbackDesignCollarent callback function.  
function GetDesignSleeveInfo(i)
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignSleeveInfo(i, SuccesCallbackDesignSleeveInfo, ErrorHandler, TimeOutHandler);
}

function LoadSelectedGALShirt(selid) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.LoadSelectedGALShirt(selid, SuccesCallbackLoadSelectedGALShirt, ErrorHandler, TimeOutHandler);
}


function LoadSelectedShirt(selid) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.LoadSelectedShirt(selid, SuccesCallbackLoadSelectedShirt, ErrorHandler, TimeOutHandler);
}

//LoadSelectedShirt
function SuccesCallbackLoadSelectedGALShirt(result, eventArgs) {
    //1//GetFabricContrastInfo(i)
    //set hiddenfields
    //FIX


    if (!getQueryVariable('FIT')) {
        $get("fithid").value = '8018015';
    }
    else {
        $get("fithid").value = '80180' + getQueryVariable('FIT');
        var fullfit = 'fit' + '80180' + getQueryVariable('FIT');
        SetSizeFitInfo(fullfit)
    }
    
    
    $get("withid").value = '13801';
    $get("parthid").value = '14';
    $get("langhid").value = '1';

    if (result[0].CUFIDMTM != null) {
        if (result[0].CUFIDMTM != "30006" && result[0].CUFIDMTM != "30008" && result[0].CUFIDMTM != "30010" && result[0].CUFIDMTM != "30011" && result[0].CUFIDMTM != "30012") {
            $get("hidsleeveshort").value = 0;
        }
        else {
            $get("hidsleeveshort").value = 1;
        }
    }
    else {
        $get("hidsleeveshort").value = 0;
    }
    

    if (result[0].EOP15ID != "") {
        if ($get("hideo15"))
            $get("hideo15").value = 1;
        if ($get("15")) {
            $get("15").disabled = false;
            $get("15").checked = true;
        }
        //force white collar for alter design 14062010
        GetExtraOptionsInfo(15, 1)
    }
    else {
        $get("hideo15").value = 0;
    }

    if (result[0].EOP24ID != "") {
        $get("hideo24").value = 1;
        if ($get("24")) {
            $get("24").disabled = false;
            $get("24").checked = true;
        }
        //force white collar for alter design 14062010
        GetExtraOptionsInfo(24, 1)
    }
    else {
        $get("hideo24").value = 0;
    }

    if (result[0].EOP401ID != "") {
        $get("hideo401").value = 1;
        if ($get("401")) {
            $get("401").disabled = false;
            $get("401").checked = true;
        }
        //force white collar for alter design 14062010
        GetExtraOptionsInfo(401, 1)
    }
    else {
        $get("hideo401").value = 0;
    }

    if (result[0].EOP39ID != "") {
        $get("hideo39").value = 1;
        if ($get("39")) {
            $get("39").disabled = false;
            $get("39").checked = true;
        }
        //force white collar for alter design 14062010
        GetExtraOptionsInfo(39, 1)

        //taphid en tapid
        if (result[0].TAPHID != null && result[0].TAPHID != "") {
            $get("taphid").value = result[0].TAPHID;
        }
        else {
            $get("taphid").value = '';
        }
    }
    else {
        $get("hideo39").value = 0;
    }

    if (result[0].EOP4ID != "") {
        $get("hideo4").value = 1;
        if ($get("4")) {
            $get("4").disabled = false;
            $get("4").checked = true;
        }
        //force white collar for alter design 14062010
        GetExtraOptionsInfo(4, 1)
    }
    else {
        $get("hideo4").value = 0;
    }

    if (result[0].FABSTRMTM) {
        $get("fabhid").value = result[0].FABSTRMTM;
        //set fab images
        if ($get("raf2"))
            $get("raf2").src = "images/" + result[0].FABSTRMTM + ".jpg";
        if ($get("raf3"))
            $get("raf3").src = "images/" + result[0].FABSTRMTM + ".jpg";
        if ($get("rafSQ"))
            $get("rafSQ").src = "images/" + result[0].FABSTRMTM + ".jpg";
        
    }
    if (result[0].COLIDMTM != "") {
        $get("colhid").value = result[0].COLIDMTM;
    }
    if (result[0].CUFIDMTM != "") {
        $get("cufhid").value = result[0].CUFIDMTM;
    }
    if (result[0].PLAIDMTM != "50011" && result[0].PLAIDMTM != "50012") {
        $get("plahid").value = "placket";
    }
    else {
        $get("plahid").value = result[0].PLAIDMTM;
    }
    if (result[0].POCID != "") {
        $get("pochid").value = result[0].POCID;
    }
    if (result[0].BASIDMTM != "") {
        $get("bashid").value = result[0].BASIDMTM;
    }


    if (result[0].CON62ID != null && result[0].CON62ID != "") {
        $get("hidcon62fab").value = result[0].CON62ID.substring(2);
        $get("hidcon62").value = 1;
        var test = result[0].CON62ID.substring(2) + '_' + result[0].CON62NAMEFAB;
        GetPriceInfoExtra(62, test);
        if ($get("62")) {
            $get("62").disabled = false;
            $get("62").checked = true;
        }

    }
    else {
        $get("hidcon62").value = 0;
    }

    if (result[0].CON58ID != null && result[0].CON58ID != "") {
        $get("hidcon58fab").value = result[0].CON58ID.substring(2);
        $get("hidcon58").value = 1;
        var test = result[0].CON58ID.substring(2) + '_' + result[0].CON58NAMEFAB;
        GetPriceInfoExtra(58, result[0].CON58ID.substring(2) + '_' + result[0].CON58NAMEFAB);
        if ($get("58")) {
            $get("58").disabled = false;
            $get("58").checked = true;
        }
    }
    else {
        $get("hidcon58").value = 0;
    }

    if (result[0].CON61ID != null && result[0].CON61ID != "") {
        $get("hidcon61fab").value = result[0].CON61ID.substring(2);
        $get("hidcon61").value = 1;
        GetPriceInfoExtra(61, result[0].CON61ID.substring(2) + '_' + result[0].CON61NAMEFAB);
        if ($get("61")) {
            $get("61").disabled = false;
            $get("61").checked = true;
        }
    }
    else {
        $get("hidcon61").value = 0;
    }

    if (result[0].CON54ID != null && result[0].CON54ID != "") {
        $get("hidcon54fab").value = result[0].CON54ID.substring(2);
        $get("hidcon54").value = 1;
        GetPriceInfoExtra(54, result[0].CON54ID.substring(2) + '_' + result[0].CON54NAMEFAB);
        if ($get("54")) {
            $get("54").disabled = false;
            $get("54").checked = true;

        }
    }
    else {
        $get("hidcon54").value = 0;
    }


    //HIDDENFIELD BUTTON AND STITCH
    //buthid
    //stihid
    if (result[0].BUTID != null && result[0].BUTID != "") {
        $get("buthid").value = result[0].BUTID;
        showpla_button(result[0].BUTID);
    }
    else {
        $get("buthid").value = 0;
    }

    if (result[0].STIID != null && result[0].STIID != "") {
        $get("stihid").value = result[0].STIID;
    }
    else {
        $get("stihid").value = 0;
    }
    cfab(result[0].FABSTRMTM);

    //CONFIGURED ID'S
    if (result[0].FABSTR) {
        GetFabricInfo(result[0].FABSTR);
    }
    if (result[0].COLID) {
        GetDesignCollarInfo(result[0].COLID);  //confid
        //showcol(result[0].COLIDMTM);
    }
    if (result[0].CUFID)
        GetDesignSleeveInfo(result[0].CUFID);
    ////if (result[0].POCID)
    ////GetDesignPocketInfo(result[0].POCID)
    if (result[0].PLAID) {
        GetDesignPlacketInfo(result[0].PLAID);
    }
    if (result[0].BASID)
        GetDesignBasehemInfo(result[0].BASID);



    if (result[0].MONPRICE) {
        if (result[0].MONPRICE != "0" && result[0].MONPRICE != "") {

            //FONT BEPAALT LAATSTE LETTER
            //SetTypsel('120006'); GetMONloc2('306'); GetMONcol2('306');
            //GetMONchoice();
            //SetColsel2(i)

            $get("yesmon").checked = true;
            $get("nomon").checked = false;
            $get("initials_disabled").className = '';
            $get("refresh22").className = '';
            $get('inputtxt2').value = result[0].MONTXT + '';


            //SetTypsel(result[0].MONFONTNR);
            if (result[0].MONPRICE == "10") {
                menumonoclick('2', '999');
            }
            else {
                //menumonoclick('1', '999');
                GetMONchoice();
            }
            //GetMONtyp2('302');
            //GetMONloc2('306');
            //GetMONcol2('302');
            setTimeout("SetTypsel('" + result[0].MONFONTNR + "');", 2000); //120006
            setTimeout("SetColsel1('" + result[0].MONCOL + "');", 2000); //140006
            setTimeout("SetLocsel('" + result[0].MONPOS + "');", 2000); //130006
            setTimeout("SetPriceInfo('alg_monogram_price', " + result[0].MONPRICE + ");", 1000);

            if (result[0].MONSQCOL != null && result[0].MONSQCOL != "") {
                setTimeout("SetColsel2('" + result[0].MONSQCOL + "');", 2000); //140006
            }

            if (result[0].MONSQPOS != null && result[0].MONSQPOS != "") {
                setTimeout("SetSQsel('" + result[0].MONSQPOS + "');", 2000); //140006
            }

            setTimeout("GenerateMonogram2();", 2000);
        }
        else {
            $get("yesmon").checked = false;
            $get("nomon").checked = true;
            $get("initials_disabled").className = 'boxOverlay';
            $get("refresh22").className = 'hidden';

        }
    }
    else {
        GetMONchoice();
    }

    //shirtname
    if (result[0].GALSHIRT != "") {
        if ($get("shirtname"))
            $get("shirtname").innerHTML = result[0].GALSHIRT;
    }
    else {
        if ($get("shirtname"))
            $get("shirtname").innerHTML = "";
    }
    //shirtcreator
    if (result[0].GALCREATOR != "") {
        if ($get("shirtcreator"))
            $get("shirtcreator").innerHTML = result[0].GALCREATOR;
    }
    else {
        if ($get("shirtcreator"))
            $get("shirtcreator").innerHTML = "";
    }
    
////REAL PRICE FOR SOW
////priceIndications
    if (result[0].GALPRICE != "") {
        if ($get("priceIndications"))
            $get("priceIndications").innerHTML = result[0].GALPRICE;
    }
    else {
        if ($get("priceIndications"))
            $get("priceIndications").innerHTML = "";
    }
    
    
    //ctl00_cph1_LblConfigName
    if (result[0].GALCONF != "") {
        if ($get("ctl00_cph1_LblConfigName"))
            $get("ctl00_cph1_LblConfigName").innerHTML = result[0].GALCONF;
    }
    else {
        if ($get("ctl00_cph1_LblConfigName"))
            $get("ctl00_cph1_LblConfigName").innerHTML = "";
    }

    
    
    //setreview();
    setTimeout("menuclick(5);", 2000);
}




//LoadSelectedShirt
function SuccesCallbackLoadSelectedShirt(result, eventArgs) {
    //1//GetFabricContrastInfo(i)
    //set hiddenfields
    //FIX

    if (!getQueryVariable('FIT')) {
        $get("fithid").value = '8018015';
    }
    else {
        $get("fithid").value = '80180' + getQueryVariable('FIT');
        var fullfit = 'fit' + '80180' + getQueryVariable('FIT');
        SetSizeFitInfo(fullfit);
        
    }
    $get("withid").value = '13801';
    $get("parthid").value = '14';
    $get("langhid").value = '1';
    //  <input id="hideo15" type="hidden" />
    //  <input id="hideo24" type="hidden" />
    //  <input id="hideo401" type="hidden" />
    //  <input id="hideo39" type="hidden" />
    // <input id="hideo4" type="hidden" />
    //CUFIDMTM = "30006"

   
    if (result[0].CUFIDMTM != "30006" && result[0].CUFIDMTM != "30008" && result[0].CUFIDMTM != "30010" && result[0].CUFIDMTM != "30011" && result[0].CUFIDMTM != "30012") {
    $get("hidsleeveshort").value = 0;
    }
    else {
    $get("hidsleeveshort").value = 1;
    }
    
    if (result[0].EOP15ID != "") {
        if ($get("hideo15"))
            $get("hideo15").value = 1;
        if ($get("15")) {
            $get("15").disabled = false;
            $get("15").checked = true;
        }
    }
    else {
        $get("hideo15").value = 0;
    }
    
    if (result[0].EOP24ID != "") {
        $get("hideo24").value = 1;
        if ($get("24")) {
            $get("24").disabled = false;
            $get("24").checked = true;
        }
    }
    else {
        $get("hideo24").value = 0;
    }

    if (result[0].EOP401ID != "") {
        $get("hideo401").value = 1;
        if ($get("401")) {
            $get("401").disabled = false;
            $get("401").checked = true;
        }
    }
    else {
        $get("hideo401").value = 0;
    }

    if (result[0].EOP39ID != "") {
        $get("hideo39").value = 1;
        if ($get("39")) {
            $get("39").disabled = false;
            $get("39").checked = true;
        }

        //taphid en tapid
        if (result[0].TAPHID != null && result[0].TAPHID != "") {
            $get("taphid").value = result[0].TAPHID;
        }
        else {
            $get("taphid").value = '';
        }
    
        
    }
    else {
        $get("hideo39").value = 0;
    }

    if (result[0].EOP4ID != "") {
        $get("hideo4").value = 1;
        if ($get("4")) {
            $get("4").disabled = false;
            $get("4").checked = true;
        }
    }
    else {
        $get("hideo4").value = 0;
    }
    
       // <input id="fabhid" type="hidden" />
       // <input id="colhid" type="hidden" />
       // <input id="cufhid" type="hidden" />
       // <input id="plahid" type="hidden" />
       // <input id="pochid" type="hidden" />
       // <input id="bashid" type="hidden" />
    if (result[0].FABSTRMTM) {
        $get("fabhid").value = result[0].FABSTRMTM;
    }
    if (result[0].COLIDMTM != "") {
        $get("colhid").value = result[0].COLIDMTM;
    }
    if (result[0].CUFIDMTM != "") {
        $get("cufhid").value = result[0].CUFIDMTM;
    }
    if (result[0].PLAIDMTM != "50011" && result[0].PLAIDMTM != "50012") {
        $get("plahid").value = "placket";
    }
    else {
        $get("plahid").value = result[0].PLAIDMTM;
    }
    if (result[0].POCID != "") {
        $get("pochid").value = result[0].POCID;
    }
    if (result[0].BASIDMTM != "") {
        $get("bashid").value = result[0].BASIDMTM;
    }



    
    //<input id="hidcon62" type="hidden" /><!--inner splitted backyoke -->
    //<input id="hidcon62fab" type="hidden" /><!--inner splitted backyoke -->
    //<input id="hidcon58" type="hidden" /><!--collar inside -->
    //<input id="hidcon58fab" type="hidden" /><!--collar inside -->
    //<input id="hidcon61" type="hidden" /><!--cuff inside -->
    //<input id="hidcon61fab" type="hidden" /><!--cuff inside -->
    //<input id="hidcon54" type="hidden" /><!--placket -->
    //<input id="hidcon54fab" type="hidden" /><!--placket -->
    //<input id="hidcon17" type="hidden" /><!--inner splitted backyoke -->
    //<input id="hidcon17fab" type="hidden" /><!--inner splitted backyoke -->

    if (result[0].CON62ID != null && result[0].CON62ID != "") {
        $get("hidcon62fab").value = result[0].CON62ID.substring(2);
        $get("hidcon62").value = 1;
        var test = result[0].CON62ID.substring(2) + '_' + result[0].CON62NAMEFAB;
        GetPriceInfoExtra(62, test);
        if ($get("62")) {
            $get("62").disabled = false;
            $get("62").checked = true;
        }
        
    }
    else {
        $get("hidcon62").value = 0;
    }

    if (result[0].CON58ID != null && result[0].CON58ID != "") {
        $get("hidcon58fab").value = result[0].CON58ID.substring(2);
        $get("hidcon58").value = 1;
        var test = result[0].CON58ID.substring(2) + '_' + result[0].CON58NAMEFAB;
        GetPriceInfoExtra(58, result[0].CON58ID.substring(2) + '_' + result[0].CON58NAMEFAB);
        if ($get("58")) {
            $get("58").disabled = false;
            $get("58").checked = true;
        }
    }
    else {
        $get("hidcon58").value = 0;
    }

    if (result[0].CON61ID != null && result[0].CON61ID != "") {
        $get("hidcon61fab").value = result[0].CON61ID.substring(2);
        $get("hidcon61").value = 1;
        GetPriceInfoExtra(61, result[0].CON61ID.substring(2) + '_' + result[0].CON61NAMEFAB);
        if ($get("61")) {
            $get("61").disabled = false;
            $get("61").checked = true;
        }
    }
    else {
        $get("hidcon61").value = 0;
    }

    if (result[0].CON54ID != null && result[0].CON54ID != "") {
        $get("hidcon54fab").value = result[0].CON54ID.substring(2);
        $get("hidcon54").value = 1;
        GetPriceInfoExtra(54, result[0].CON54ID.substring(2) + '_' + result[0].CON54NAMEFAB);
        if ($get("54")) {
            $get("54").disabled = false;
            $get("54").checked = true;
            
        }
    }
    else {
        $get("hidcon54").value = 0;
    }

//    if (result[0].CON17IDFAB != "") {
//        $get("hidcon17fab").value = result[0].CON17IDFAB.substring(2);
//        $get("hidcon17").value = 1;
//    }
//    else {
//        $get("hidcon17").value = 0;
//    }


    //HIDDENFIELD BUTTON AND STITCH
    //buthid
    //stihid
    if (result[0].BUTID != null && result[0].BUTID != "") {
        $get("buthid").value = result[0].BUTID;
        showpla_button(result[0].BUTID);
    }
    else {
        $get("buthid").value = 0;
    }

    if (result[0].STIID != null && result[0].STIID != "") {
        $get("stihid").value = result[0].STIID;
    }
    else {
        $get("stihid").value = 0;
    }



    


    cfab(result[0].FABSTRMTM);
    
    //CONFIGURED ID'S
    if (result[0].FABSTR)
        GetFabricInfo(result[0].FABSTR);
    if (result[0].COLID) {
        GetDesignCollarInfo(result[0].COLID);  //confid
        //showcol(result[0].COLIDMTM);
    }
    if (result[0].CUFID)
        GetDesignSleeveInfo(result[0].CUFID);
////if (result[0].POCID)
////GetDesignPocketInfo(result[0].POCID)
    if (result[0].PLAID) {
        GetDesignPlacketInfo(result[0].PLAID);
    }
    if (result[0].BASID)
        GetDesignBasehemInfo(result[0].BASID);


    
    if (result[0].MONPRICE)
    {
        if (result[0].MONPRICE != "0" && result[0].MONPRICE != "") {
           
            //FONT BEPAALT LAATSTE LETTER
            //SetTypsel('120006'); GetMONloc2('306'); GetMONcol2('306');
            //GetMONchoice();
            //SetColsel2(i)

            $get("yesmon").checked = true;
            $get("nomon").checked = false;
            $get("initials_disabled").className = '';
            $get("refresh22").className = '';
            $get('inputtxt2').value = result[0].MONTXT + '';


            //SetTypsel(result[0].MONFONTNR);
            if (result[0].MONPRICE == "10") {
                menumonoclick('2', '999');
            }
            else {
                //menumonoclick('1', '999');
                GetMONchoice();
            }
            //GetMONtyp2('302');
            //GetMONloc2('306');
            //GetMONcol2('302');
            setTimeout("SetTypsel('" + result[0].MONFONTNR + "');", 2000); //120006
            setTimeout("SetColsel1('" + result[0].MONCOL + "');", 2000); //140006
            setTimeout("SetLocsel('" + result[0].MONPOS + "');", 2000); //130006
            setTimeout("SetPriceInfo('alg_monogram_price', " + result[0].MONPRICE + ");", 1000);

            if (result[0].MONSQCOL != null && result[0].MONSQCOL != "") {
                setTimeout("SetColsel2('" + result[0].MONSQCOL + "');", 2000); //140006
            }

            if (result[0].MONSQPOS != null && result[0].MONSQPOS != "") {
                setTimeout("SetSQsel('" + result[0].MONSQPOS + "');", 2000); //140006
            }

            setTimeout("GenerateMonogram2();", 2000);
            
          

        }
        else {
            $get("yesmon").checked = false;
            $get("nomon").checked = true;
            $get("initials_disabled").className = 'boxOverlay';
            $get("refresh22").className = 'hidden';
 
        }
    }
    else {
        GetMONchoice();
    }




    //setreview();
    setTimeout("menuclick(5);", 2000);

    //GenerateMonogram2();
    
////    if (result[0].MEASFIT != "") {
////        $get("fithid").value = result[0].MEASFIT;
////        SetSizeFitInfo('fit' + result[0].MEASFIT);
////    }
////    else {
////        $get("fithid").value = 8018015;
////        SetSizeFitInfo('fit8018015');
////    }
   
    //SetTapsel(i)
    //GetSQimg(i)


  
}


function setreview() {

   
}


function LoadInitShirt() {
    //CID
    var CID = getQueryVariable('CID');

    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.LoadInitShirt(CID, SuccesCallbackLoadInitShirt, ErrorHandler, TimeOutHandler);
}

//LoadInitShirt
function SuccesCallbackLoadInitShirt(result, eventArgs) {

    //EMPTY MONOGRAM
    document.images["refresh22"].src = 'img/leeg.png';
    if (document.images["refresh2"])
        document.images["refresh2"].src = 'img/leeg.png';

    if (result.length <= 0) {
        alert('No fabrics in this configurator');
    }
    else {
        //Fill zoom back
        var src1001 = 'ren2/men_back_p5_' + result[0].FABID + '_zoom.png';
        document['img1001'].src = src1001;
        checkImage('img1001');

        var src1002 = 'ren2/men_back_p5_top-back_' + result[0].FABID + '_zoom.png';
        document['img1002'].src = src1002;
        checkImage('img1002');

        var src1003 = 'ren2/men_back_p5_collar_' + result[0].FABID + '_zoom.png';
        document['img1003'].src = src1003;
        checkImage('img1003');

        var src1004 = 'ren2/men_back_p5_leftsleeve_' + result[0].FABID + '_zoom.png';
        document['img1004'].src = src1004;
        checkImage('img1004');

        var src1005 = 'ren2/men_back_p5_rightsleeve_' + result[0].FABID + '_zoom.png';
        document['img1005'].src = src1005;
        checkImage('img1005');

        //http://staging.bivolino.com:8080/Bivolino_3D/ren2/men_front_p14_8018020_90001_R_10101.png
        var src1 = 'ren2/men_front_p14_8018020_90001_R_' + result[0].FABID + '.png';
        document['img1'].src = src1;
        checkImage('img1');

        var src101 = 'ren2/men_front_p14_8018020_90001_R_' + result[0].FABID + '_zoom.png';
        document['img101'].src = src101;
        checkImage('img101');

        var src2 = 'ren2/men_front_p14_8018020_90001_L_' + result[0].FABID + '.png';
        document['img2'].src = src2;
        checkImage('img2');

        var src102 = 'ren2/men_front_p14_8018020_90001_L_' + result[0].FABID + '_zoom.png';
        document['img102'].src = src102;
        checkImage('img102');

        var src3 = 'ren2/men_front_p14_longsleeve_L_' + result[0].FABID + '.png';
        document['img3'].src = src3;
        checkImage('img3');

        var src103 = 'ren2/men_front_p14_longsleeve_L_' + result[0].FABID + '_zoom.png';
        document['img103'].src = src103;
        checkImage('img103');

        var src30001 = 'ren2/men_front_p3_8018020_90005_R_' + result[0].FABID + '_zoom.png';
        document['img30001'].src = src30001;
        checkImage('img30001');

        var src4 = 'ren2/men_front_p14_longsleeve_R_' + result[0].FABID + '.png';
        document['img4'].src = src4;
        checkImage('img4');

        var src104 = 'ren2/men_front_p14_longsleeve_R_' + result[0].FABID + '_zoom.png';
        document['img104'].src = src104;
        checkImage('img104');

        var src30004 = 'ren2/men_front_p3_longsleeve_R_' + result[0].FABID + '_zoom.png';
        document['img30004'].src = src30004;
        checkImage('img30004');

        var src5 = 'ren2/men_front_p14_placket_' + result[0].FABID + '.png';
        document['img5'].src = src5;
        checkImage('img5');

        var src105 = 'ren2/men_front_p14_placket_' + result[0].FABID + '_zoom.png';
        document['img105'].src = src105;
        checkImage('img105');

        //Collar load
        var src6 = 'ren2/men_front_p14_' + result[0].COLID + '_' + result[0].FABID + '.png';
        document['img6'].src = src6;
        checkImage('img6');

        var src106 = 'ren2/men_front_p14_' + result[0].COLID + '_' + result[0].FABID + '_zoom.png';
        document['img106'].src = src106;
        checkImage('img106');

        var src20006 = 'ren2/men_front_p2_' + result[0].COLID + '_' + result[0].FABID + '_zoom.png';
        document['img20006'].src = src20006;
        checkImage('img20006');

        //Cuff load
        var src7 = 'ren2/men_front_p14_' + result[0].CUFID + '_' + result[0].FABID + '.png';
        document['img7'].src = src7;
        checkImage('img7');

        var src107 = 'ren2/men_front_p14_' + result[0].CUFID + '_' + result[0].FABID + '_zoom.png';
        document['img107'].src = src107;
        checkImage('img107');

        var src30007 = 'ren2/men_front_p3_' + result[0].CUFID + '_' + result[0].FABID + '_zoom.png';
        document['img30007'].src = src30007;
        checkImage('img30007');

        //Backyoke load
        var src9 = 'ren2/men_front_p14_backyoke_' + result[0].FABID + '.png';
        document['img9'].src = src9;
        checkImage('img9');

        var src109 = 'ren2/men_front_p14_backyoke_' + result[0].FABID + '_zoom.png';
        document['img109'].src = src109;
        checkImage('img109');

        var src20009 = 'ren2/men_front_p2_backyoke_' + result[0].FABID + '_zoom.png';
        document['img20009'].src = src20009;
        checkImage('img20009');

        //load POCKET body + placket poczoom
        var src60002 = 'ren2/men_front_p6_8018020_90001_L_' + result[0].FABID + '_zoom.png';
        document['img60002'].src = src60002;
        checkImage('img60002');

        var src60005 = 'ren2/men_front_p6_50010_' + result[0].FABID + '_zoom.png';
        document['img60005'].src = src60005;
        checkImage('img60005');



        $get("fabhid").value = result[0].FABID;
        $get("cufhid").value = result[0].CUFID;
        $get("colhid").value = result[0].COLID;
        $get("plahid").value = result[0].PLAID;

        //$get("pochid").value = result[0].POCID;
        hidePockets();

        $get("bashid").value = result[0].BASID;
        $get("fithid").value = '8018015';
        //$get("langhid").value = '2';
        $get("withid").value = '13801';
        $get("parthid").value = '14';
        $get("buthid").value = '640001';
        $get("hidsleeveshort").value = '0';
        $get("tapid").value = '0';

        $get("sq13hid").value = '130038';
        $get("sq14hid").value = '140002';

        $get("hideo15").value = '0';
        $get("hideo24").value = '0';
        $get("hideo401").value = '0';
        $get("hideo39").value = '0';

        $get("hideo4").value = '0';

        $get("hideo30").value = '0';
        $get("hideo31").value = '0';

        $get("hidcon62").value = '0';
        $get("hidcon58").value = '0';
        $get("hidcon61").value = '0';
        $get("hidcon54").value = '0';
        $get("hidcon17").value = '0';

        $get("pricepla").value = 0;
        $get("pricesti").value = 0;
        $get("pricemon").value = 0;
        $get("pricehid").value = 0;
        //pricepla
        //pricesti
        //pricemon
        //pricehid


        //show placket button, staat onderaan want heeft parthid nodig
        showpla_button(result[0].BUTID);
        showpla_stitch(770010);

        GetPriceInfo();
    }
}



// SET DESIGN PLACKET INFO DETAILS INTO REVIEW
function SuccesCallbackDesignSleeveInfo(result, eventArgs) {
    if (!getQueryVariable('SELID')) {
        var d = document.getElementById('sleevePicker');
        var el = getElementsByClassName('highlight', d);
        if (el) {
            el.className = '';
        }
        if ($get("fabcuf" + result[0].FabID))
            $get("fabcuf" + result[0].FabID).className = 'highlight';

        //SET REVIEW COLLAR
        //SET REVIEW COLLAR
        if (result[0].B2C_price != 0) {
            ChangeText('rev3', result[0].FabName + '  (' + result[0].B2C_price + ' €/£ )');
        }
        else {
            ChangeText('rev3', result[0].FabName);
        }
    }

$get("cufhid").value = result[0].MTMID;
    
                  
   //Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   //Samples.AspNet.WebService.GetRuleCUF(result[0].MTMID, SuccesCallbackcufklik, ErrorHandler, TimeOutHandler);
    //BBB
    if ($get("yesmon")) {
        //if ($get("yesmon").checked && !getQueryVariable('SELID')) {
        if ($get("yesmon").checked) {
            GenerateMonogram2();
        }
    }
     
      //Change Price
     GetPriceInfo();
}





// RETURN GetDesignPocket
function SuccesCallbackDesignPocket(result, eventArgs)
{
    var d = document.getElementById('pocketPicker');
    d.innerHTML = "";

    var index = 0;
    var oTbl=document.createElement("Table");
    for(i=0;i<40;i++)
       {
            var  oTR= oTbl.insertRow(i);
               for(j=0;j<5;j++)
                {
                   var  oTD= oTR.insertCell(j); 
                   oTD.width = "90";
                   oTD.valign = "top";
                      if (result.length > 0)
                      {
                           if (result.length > index)
                           {
                                if (index < 1)
                                {
                                    oTD.innerHTML = "<div> <img onclick='GetDesignPocketInfo(" + result[index].FabID + ");showpoc(" + result[index].MTMID + ");' class='highlight' src='ren2/SOI_" + result[index].MTMID + ".jpg' alt='pocket style' width='64' height='58' class='pocket_preview' id='fabpoc" + result[index].FabID + "'  />       <a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'>" + result[index].FabInfoIcon + "</span><span class='bottom'></span></span></a>           </div><p class='pocket'>" + result[index].FabName + "</p></td>";
                                }
                                else
                                {
                                    oTD.innerHTML = "<div> <img onclick='GetDesignPocketInfo(" + result[index].FabID + ");showpoc(" + result[index].MTMID + ");' class='Nohighlight' src='ren2/SOI_" + result[index].MTMID + ".jpg' alt='pocket style' width='64' height='58' class='pocket_preview' id='fabpoc" + result[index].FabID + "'  />     <a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'>" + result[index].FabInfoIcon + "</span><span class='bottom'></span></span></a>      </div><p class='pocket'>" + result[index].FabName + "</p></td>";
                                }
                           }
                      }
                   index++;
                }
        }
        
    d.appendChild(oTbl);

    if (result.length > 0) {
    //pocket visualisation
    //Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    //Samples.AspNet.WebService.GetDesignPocketInfo(result[0].FabID, SuccesCallbackDesignPocketInfo, ErrorHandler, TimeOutHandler);
    }
}

// This function calls the Web service method and 
// passes the event callback function.  
function GetDesignPocketFirst() {
    //CID
    var CID = getQueryVariable('CID');

   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetDesignPocket(CID, SuccesCallbackDesignPocketFirst, ErrorHandler, TimeOutHandler);   
}

// This is the callback function invoked if the Web service succeeded.
// It accepts the result object as a parameter.
function SuccesCallbackDesignPocketFirst(result, eventArgs)
{
    if (result.length > 0) {
        $get("pocket").checked = true;
        $get("nopocket").checked = false;
        Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
        Samples.AspNet.WebService.GetDesignPocketInfo(result[0].FabID, SuccesCallbackDesignPocketInfo, ErrorHandler, TimeOutHandler);
    }
}

// passes the evSuccesCallbackDesignCollarent callback function.  
function GetDesignPocketInfo(i)
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignPocketInfo(i, SuccesCallbackDesignPocketInfo, ErrorHandler, TimeOutHandler);
}

function GetDesignNoPockets() {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignNoPockets(SuccesCallbackDesignNoPocket, ErrorHandler, TimeOutHandler);
}

// SET DESIGN PLACKET INFO DETAILS INTO REVIEW
function SuccesCallbackDesignPocketInfo(result, eventArgs) {

    //BBB
    $get("pocket").checked = true;
    $get("nopocket").checked = false;
    $get("pocket_disabled").className = 'leeg';
    
    var d = document.getElementById('pocketPicker');
    var el = getElementsByClassName('highlight', d);
    if (el)
    {
      el.className = '';
    }
    if ($get("fabpoc" + result[0].FabID))
        $get("fabpoc" + result[0].FabID).className = 'highlight';

    $get("pochid").value = result[0].MTMID;

    //set visuals for pocket
    showpoc(result[0].MTMID);
    
    //SET REVIEW COLLAR
    //SET REVIEW COLLAR
    if (result[0].B2C_price != 0) {
        ChangeText('rev7', result[0].FabName + '  (' + result[0].B2C_price + ' €/£)');
    }
    else {
        ChangeText('rev7', result[0].FabName);
    }

    if ($get("yesmon")) {
        //if ($get("yesmon").checked && !getQueryVariable('SELID')) {
        if ($get("yesmon").checked) {
            GenerateMonogram2();
        }
    }
    
    //Change Price
    //GetPriceInfo();
    //JSPrice();
}

function SuccesCallbackDesignNoPocket(result, eventArgs) {


}

// SET DESIGN PLACKET INFO DETAILS INTO REVIEW
function hidePockets() {
    //pocket_disabled
    document['img8'].src = "img/leeg.png";
    document['img108'].src = "img/leeg.png";
    if ($get("pocket_disabled"))
        $get("pocket_disabled").className = 'boxOverlay';
    
    if ($get("pocket"))
        $get("pocket").checked = false;
    
    if ($get("nopocket"))
        $get("nopocket").checked = true;

    GetDesignNoPockets();
    

    var d = document.getElementById('pocketPicker');
    var el = getElementsByClassName('highlight', d);
    if (el) {
        el.className = '';
    }

  //hide pocket visuals
  $get("pochid").value = 'no';


    
    //SET REVIEW COLLAR
 
  var ggg = document.getElementById('langhid').value;
  if (ggg == 1 || document.URL.indexOf('deben') != -1) {
      ChangeText('rev7', 'No Pocket');
  }
  else if (ggg == 2) {
      ChangeText('rev7', 'Zonder zak');
  }
  else if (ggg == 3) {
      ChangeText('rev7', 'Sans poche');
  }
  else if (ggg == 4) {
      ChangeText('rev7', 'Ohne Tasche');
  }
     
     //Change Price
     //GetPriceInfo();
     //JSPrice();
}

// RETURN GetDesignPlacket
function SuccesCallbackDesignPlacket(result, eventArgs)
{
    var d = document.getElementById('plackets');
    d.innerHTML = "";

    var index = 0;
    var oTbl=document.createElement("Table");
    for (i = 0; i < 40; i++) {
        if (result.length > i) {
            var oTR = oTbl.insertRow(i);
            for (j = 0; j < 5; j++) {
                var oTD = oTR.insertCell(j);
                oTD.width = "90";
                oTD.valign = "top";
                
                if (result.length > 0) {
                    if (result.length > index) {
                        if (index < 1) {
                            oTD.id = "platd" + result[index].MTMID + "";
                            oTD.innerHTML = "<div id='pladivinfo" + result[index].MTMID + "' class='info_placket'>      <a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'> " + result[index].FabInfoIcon + " </span><span class='bottom'></span></span></a>         </div> <div id='pladiv" + result[index].MTMID + "' class='placket_style'> <img onclick='GetDesignPlacketInfo(" + result[index].FabID + ");showpla(" + result[index].MTMID + ");' class='highlight' src='ren2/SOI_" + result[index].MTMID + ".jpg'  id='fabpla" + result[index].FabID + "'  /></div>" + result[index].FabName + "</br>";
                        }
                        else {
                            oTD.id = "platd" + result[index].MTMID + "";
                            oTD.innerHTML = "<div id='pladivinfo" + result[index].MTMID + "' class='info_placket'>    <a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'> " + result[index].FabInfoIcon + " </span><span class='bottom'></span></span></a>         </div><div id='pladiv" + result[index].MTMID + "' class='placket_style'> <img onclick='GetDesignPlacketInfo(" + result[index].FabID + ");showpla(" + result[index].MTMID + ");' class='Nohighlight' id='fabpla" + result[index].FabID + "' src='ren2/SOI_" + result[index].MTMID + ".jpg' /></div>" + result[index].FabName + "</br>";
                        }
                    }
                }
                index++;
            }
        }
    }
      

    d.appendChild(oTbl);

    if (result.length > 0)
    {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignPlacketInfo(result[0].FabID, SuccesCallbackDesignPlacketInfo, ErrorHandler, TimeOutHandler);
    }
}

// CONFID  
function GetDesignPlacketInfo(i)
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignPlacketInfo(i, SuccesCallbackDesignPlacketInfo, ErrorHandler, TimeOutHandler);
}

// MTMID for setting from collars  
function GetDesignPlacketInfo2(i) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignPlacketInfo2(i, SuccesCallbackDesignPlacketInfo2, ErrorHandler, TimeOutHandler);
}

//STARTING FROM CONFID
function SuccesCallbackDesignPlacketInfo(result, eventArgs) {

    if (document.getElementById('plackets')) {
        var d = document.getElementById('plackets');
        var el = getElementsByClassName('highlight', d);
        if (el) {
            el.className = '';
        }
        if ($get("fabpla" + result[0].FabID))
            $get("fabpla" + result[0].FabID).className = 'highlight';

        $get("plahid").value = result[0].MTMID;


        //SET REVIEW PLACKET
        if (result[0].B2C_price != 0) {
            ChangeText('rev5', result[0].FabName + '  (' + result[0].B2C_price + ' €/£)');
        }
        else {
            ChangeText('rev5', result[0].FabName);
        }
    }
}


 //STARTING FROM (5)+2
function SuccesCallbackDesignPlacketInfo2(result, eventArgs) {

    if (!getQueryVariable('SELID')) {
        var d = document.getElementById('plackets');
        var el = getElementsByClassName('highlight', d);
        if (el) {
            el.className = '';
        }
        if ($get("fabpla" + result[0].FabID))
            $get("fabpla" + result[0].FabID).className = 'highlight';

        $get("plahid").value = result[0].MTMID

        //SET REVIEW PLACKET
        if (result[0].B2C_price != 0) {
            ChangeText('rev5', result[0].FabName + '  (' + result[0].B2C_price + ' €/£)');
        }
        else {
            ChangeText('rev5', result[0].FabName);
        }
    }


     showpla(50002);
 }


 // SET DESIGN PLACKET INFO DETAILS INTO REVIEW
 function SetSizeFitInfo(MTMID) {
     var d = document.getElementById('allFits');
     var el = getElementsByClassName('highlight', d);
     if (el) {
         el.className = '';
     }
     if ($get(MTMID))
         $get(MTMID).className = 'highlight';

     //fill fit hidden field
     $get("fithid").value = MTMID.substring(3);

     //change configurator body indien geklikt
     var fit = document.getElementById('fithid').value;
     var bas = document.getElementById('bashid').value;
     var fab = document.getElementById('fabhid').value;

     var part = document.getElementById('parthid').value;
     if (part == 14) {
         if (fab) {

             //men_front_p14_8018015_90002_L_10101
             //men_front_p14_8018015_90002_R_10101

             var src1 = 'ren2/men_front_p14_' + fit + '_' + bas + '_L_' + fab + '.png';
             document['img1'].src = src1;
             checkImage('img1');

             var src101 = 'ren2/men_front_p14_' + fit + '_' + bas + '_L_' + fab + '_zoom.png';
             document['img101'].src = src101;
             checkImage('img101');

             var src2 = 'ren2/men_front_p14_' + fit + '_' + bas + '_R_' + fab + '.png';
             document['img2'].src = src2;
             checkImage('img2');

             var src102 = 'ren2/men_front_p14_' + fit + '_' + bas + '_R_' + fab + '_zoom.png';
             document['img102'].src = src102;
             checkImage('img102');
         }
     }
 }

// STARTUP FUNCTION
function GetDesignBasehem() {
    //CID
    var CID = getQueryVariable('CID');
    
   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetDesignBasehem(CID, SuccesCallbackDesignBasehem, ErrorHandler, TimeOutHandler);


}

// STARTUP FUNCTION
function GetCurLangID() {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetCurLangID(SuccesCallbackCurLangID, ErrorHandler, TimeOutHandler);
}

//RETURN GetDesignBasehem
function SuccesCallbackCurLangID(result, eventArgs) {
    if (result.length > 0) {
        $get("langhid").value = result[0].FabID;
        //result[i].FabID
    }

}

// STARTUP FUNCTION
function GetStiButtons() {
    //CID
    var CID = getQueryVariable('CID');

    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetStiButtons(CID, SuccesCallbackStiButtons, ErrorHandler, TimeOutHandler);
}

// RETURN GetStiButtons
function SuccesCallbackStiButtons(result, eventArgs) {
    var d = document.getElementById('knoopsgaten');
    d.innerHTML = "";


    for (i = 0; i < result.length; i++) {
        if (result.length > i) {
            var oTbl2 = document.createElement("div");
            // <div class="knoopsgat"><img id="knoopsgat_770011" onclick="showpla_stitch(770011);" src="images/770011.jpg" alt="" /><br /></div>

            oTbl2.innerHTML = "<div class='knoopsgat'><img id='knoopsgat_" + result[i].FabID + "' alt='" + result[i].FabName + "' src='images/" + result[i].FabID + ".png' onclick='showpla_stitch(" + result[i].FabID + ");'><br>" + result[i].FabName + "</div>";
            d.appendChild(oTbl2);
        }
    }

    //PLAATS BLAUWE KADER ROND EERSTE ITEM
    if (result.length > 0) {
        Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
        Samples.AspNet.WebService.GetStiButtonsInfo(77010, SuccesCallbackStiButtonsInfo, ErrorHandler, TimeOutHandler);
    }
}

// SET DESIGN BASEHEM INFO DETAILS INTO REVIEW
function SuccesCallbackStiButtonsInfo(result, eventArgs) {
    if (result.length > 0) {
        var d = document.getElementById('knoopsgaten');
        var el = getElementsByClassName('highlight', d);
        if (el) {
            el.className = '';
        }
        if ($get("knoopsgat_" + result[0].FabID))
            $get("knoopsgat_" + result[0].FabID).className = 'highlight';
    }
}

// STARTUP FUNCTION
function GetPlaButtons() {
    //CID
    var CID = getQueryVariable('CID');

    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetPlaButtons(CID, SuccesCallbackPlaButtons, ErrorHandler, TimeOutHandler);
}

// RETURN GetPlaButtons
function SuccesCallbackPlaButtons(result, eventArgs) {
    var d = document.getElementById('knopen');
    d.innerHTML = "";


    for (i = 0; i < result.length; i++) {
        if (result.length > i) {
            var oTbl2 = document.createElement("div");
            //<div class="knop"><img id="knoop_640003" onclick="showpla_button(640003);" src="images/640003.png" alt="" /></div>

            oTbl2.innerHTML = "<div class='knop'><img id='knoop_" + result[i].FabID + "' alt='" + result[i].FabName + "' src='images/" + result[i].FabID + ".png' onclick='showpla_button(" + result[i].FabID + ");'><br>" + result[i].FabName + "</div>";
            d.appendChild(oTbl2);
        }
    }

    //PLAATS BLAUWE KADER ROND EERSTE ITEM
    if (result.length > 0) {
        Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
        Samples.AspNet.WebService.GetPlaButtonsInfo(result[0].FabID, SuccesCallbackPlaButtonsInfo, ErrorHandler, TimeOutHandler);
    }
}

// SET DESIGN BASEHEM INFO DETAILS INTO REVIEW
function SuccesCallbackPlaButtonsInfo(result, eventArgs) {
    if (result.length > 0) {
        var d = document.getElementById('knopen');
        var el = getElementsByClassName('highlight', d);
        if (el) {
            el.className = '';
        }
        if ($get("knoop_" + result[0].FabID))
            $get("knoop_" + result[0].FabID).className = 'highlight';
    }
}


//RETURN GetDesignBasehem
function SuccesCallbackDesignBasehem(result, eventArgs) {
    var d = document.getElementById('basehemPicker');
    d.innerHTML = "";

    var index = 0;
    var oTbl=document.createElement("Table");
    for(i=0;i<40;i++)
       {
           if (result.length > i) {
               var oTR = oTbl.insertRow(i);
               for (j = 0; j < 4; j++) {
                   var oTD = oTR.insertCell(j);
                   oTD.width = "100";
                   if (result.length > 0) {
                       if (result.length > index) {
                           if (index < 1) {
                               oTD.innerHTML = "<div class='tail'><img onclick='GetDesignBasehemInfo(" + result[index].FabID + ");showbas(" + result[index].MTMID + ");' class='highlight' id='fabhem" + result[index].FabID + "' src='ren2/SOI_" + result[index].MTMID + ".jpg' />     <a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'> " + result[index].FabInfoIcon + " </span><span class='bottom'></span></span></a>         </div><div class='tail_text'>" + result[index].FabName + "</div>";
                           }
                           else {
                               oTD.innerHTML = "<div class='tail'><img onclick='GetDesignBasehemInfo(" + result[index].FabID + ");showbas(" + result[index].MTMID + ");' class='Nohighlight' id='fabhem" + result[index].FabID + "' src='ren2/SOI_" + result[index].MTMID + ".jpg' />    <a class='tt' href='#'><img  src='img/information.png' class='information' alt='collar' /><span class='tooltip'><span class='top'></span><span class='middle'> " + result[index].FabInfoIcon + " </span><span class='bottom'></span></span></a>      </div><div class='tail_text'>" + result[index].FabName + "</div>";
                           }
                       }
                   }
                   index++;
               }
           }
        }
        

    d.appendChild(oTbl);

    //PLAATS BLAUWE KADER ROND EERSTE ITEM
    if (result.length > 0)
    {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignBasehemInfo(result[0].FabID, SuccesCallbackDesignBasehemInfo, ErrorHandler, TimeOutHandler);
    }
}

// passes the evSuccesCallbackDesignCollarent callback function.  
function GetDesignBasehemInfo(i)
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetDesignBasehemInfo(i, SuccesCallbackDesignBasehemInfo, ErrorHandler, TimeOutHandler);
}


// SET DESIGN BASEHEM INFO DETAILS INTO REVIEW
function SuccesCallbackDesignBasehemInfo(result, eventArgs) {

    if (!getQueryVariable('SELID')) {
        var d = document.getElementById('basehemPicker');
        var el = getElementsByClassName('highlight', d);
        if (el) {
            el.className = '';
        }
        if ($get("fabhem" + result[0].FabID))
            $get("fabhem" + result[0].FabID).className = 'highlight';

        //SET REVIEW BASE HEM
        if (result[0].B2C_price != 0) {
            ChangeText('rev9', result[0].FabName + '  (' + result[0].B2C_price + ' €/£)');
        }
        else {
            ChangeText('rev9', result[0].FabName);
        }
    }

    $get("bashid").value = result[0].MTMID;

}

//RETURN GetContrastFabrics
//function SuccesCallbackContrastFabrics(result, eventArgs)
//{
//    var d = document.getElementById('contrastPicker');
//    d.innerHTML = "";

//    var index = 0;
//    var oTbl=document.createElement("Table");
//    for (i = 0; i < 40; i++) {
//        if (result.length > i) {
//            var oTR = oTbl.insertRow(i);
//            for (j = 0; j < 4; j++) {
//                var oTD = oTR.insertCell(j);
//                oTD.width = "102";
//                if (result.length > 0) {
//                    if (result.length > index) {
//                        if (index < 1) {
//                            oTD.innerHTML = "<div class='fabric_preview'><img onclick='GetFabricContrastInfo(" + result[index].FabID + ");' id='fabcon" + result[index].FabID + "' src='Images/" + result[index].FabIMG + "'  alt='" + result[index].FabName  + "' class='stofsel' rel='" + result[index].FabIMG.substring(0,5) + "' /></div>";
//                        }
//                        else {
//                            oTD.innerHTML = "<div class='fabric_preview'><img onclick='GetFabricContrastInfo(" + result[index].FabID + ");' id='fabcon" + result[index].FabID + "' src='Images/" + result[index].FabIMG + "'  alt='" + result[index].FabName + "' class='stof' rel='" + result[index].FabIMG.substring(0,5) + "' /></div>";
//                        }
//                    }
//                }

//                index++;
//            }
//        }
//    }
//        

//    d.appendChild(oTbl);

//    if (result.length > 0)
//    {
//    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
//    Samples.AspNet.WebService.GetFabricContrastInfo(result[0].FabID, SuccesCallback3, ErrorHandler, TimeOutHandler);
//    

//    }
//}

// BUILD OPTION CONTRASTING FABS
function SuccesCallbackContrastFabrics(result, eventArgs)
{
    var d = document.getElementById('contrastPicker');
    d.innerHTML = "";

    var index = 0;
    var oTbl=document.createElement("Table");
    for (i = 0; i < 40; i++) {
        if (result.length > i) {
            var oTR = oTbl.insertRow(i);
            for (j = 0; j < 4; j++) {
                var oTD = oTR.insertCell(j);
                oTD.width = "102";
                if (result.length > 0) {
                    if (result.length > index) {
                        if (index < 1) {
                            oTD.innerHTML = "<div class='fabric_preview'><img onclick='GetFabricContrastInfo(" + result[index].FabID + ")' id='fabcon" + result[index].FabID + "' src='Images/" + result[index].FabIMG + "'  alt='" + result[index].FabName + "' title='" + result[index].FabName + "' class='stofsel' rel='" + result[index].FabIMG.substring(0, 5) + "' /></div>";
                        }
                        else {
                            oTD.innerHTML = "<div class='fabric_preview'><img onclick='GetFabricContrastInfo(" + result[index].FabID + ")' id='fabcon" + result[index].FabID + "' src='Images/" + result[index].FabIMG + "'  alt='" + result[index].FabName + "' title='" + result[index].FabName + "' class='stof' rel='" + result[index].FabIMG.substring(0, 5) + "' /></div>";
                        }
                    }
                }
                index++;
            }
        }
    }
       
    d.appendChild(oTbl);

    if (result.length > 0)
    {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetFabricContrastInfo(result[0].FabID, SuccesCallback3, ErrorHandler, TimeOutHandler);
    }
}

// RETURN GetFabricContrastInfo
function SuccesCallback3(result, eventArgs)
{
    var d = document.getElementById('contrastPicker');
    var el = getElementsByClassName('stofsel', d);
    if (el)
    {
      el.className = 'stof';
    }
    $get("fabcon" + result[0].FabID).className = 'stofsel';

    $get("conhid").value = result[0].FabIMG.substring(0, 5);
}

// This function calls the Web service method and 
// passes the event callback function.  
function GetFabricContrastInfo(i)
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetFabricContrastInfo(i, SuccesCallback3, ErrorHandler, TimeOutHandler);
}


//STARTUP FUNCTION
function GetFabrics() {
    //CID
    var CID = getQueryVariable('CID');

    if (document.getElementById("selcollection")) {
        var selcollection = document.getElementById("selcollection");
        var collection = selcollection.options[selcollection.selectedIndex].value;
    }
    else {
        var collection = 0;
    }

    if (document.getElementById("selcolour")) {
        var selcolour = document.getElementById("selcolour");
        var colour = selcolour.options[selcolour.selectedIndex].value;
    }
    else {
        var colour = 0;
    }

    if (document.getElementById("seldesign")) {
        var seldesign = document.getElementById("seldesign");
        var design = seldesign.options[seldesign.selectedIndex].value;
    }
    else {
        var design = 0;
    }

    if (document.getElementById("selfinishing")) {
        var selfinishing = document.getElementById("selfinishing");
        var finish = selfinishing.options[selfinishing.selectedIndex].value;
    } 
    else {
        var finish = 0;
    }

    if (document.getElementById("selmaterial")) {
        var selmaterial = document.getElementById("selmaterial");
        var material = selmaterial.options[selmaterial.selectedIndex].value;
    }
    else {
        var material = 0;
    }

    if (document.getElementById("selstructure")) {
        var selstructure = document.getElementById("selstructure");
        var structure = selstructure.options[selstructure.selectedIndex].value;
    }
    else {
        var structure = 0;
    }
    
   
   
   
   
   
  

   Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
   Samples.AspNet.WebService.GetFabrics(CID, collection, colour,design,finish,material,structure, SuccesCallback, ErrorHandler, TimeOutHandler); 
   
 
}


//RETURN FROM GetFabrics
function SuccesCallback(result, eventArgs) {
    var d = document.getElementById('fabricPicker');
    d.innerHTML = "";

    var index = 0;
    var oTbl = document.createElement("Table");
    for (i = 0; i < 40; i++) {
        if (result.length > i) {
            var oTR = oTbl.insertRow(i);
            for (j = 0; j < 5; j++) {
                var oTD = oTR.insertCell(j);
                oTD.width = "102";
                if (result.length > 0) {
                    if (result.length > index) {
                        if (index < 1) {
                            oTD.innerHTML = "<div class='fabric_preview'><img onclick='GetFabricInfo(" + result[index].FabID + ");cfab(" + result[index].FabIMG.substring(0, 5) + ");' id='fab" + result[index].FabID + "' src='Images/" + result[index].FabIMG + "'  alt='" + result[index].FabName + "' title='" + result[index].FabName + "' class='stofsel' /></div>";
                        }
                        else {
                            oTD.innerHTML = "<div class='fabric_preview'><img onclick='GetFabricInfo(" + result[index].FabID + ");cfab(" + result[index].FabIMG.substring(0, 5) + ");' id='fab" + result[index].FabID + "' src='Images/" + result[index].FabIMG + "'  alt='" + result[index].FabName + "' title='" + result[index].FabName + "' class='stof'  /></div>";
                        }
                    }
                }
                index++;
            }
        }
    }

    d.appendChild(oTbl);

    //eerste keer fabrics gezet + hidden field gevuld voor eerste stoffentoon
    if (result.length > 0) {
        Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
        Samples.AspNet.WebService.GetFabricInfo(result[0].FabID, SuccesCallback2, ErrorHandler, TimeOutHandler);

        GetMONcolsqdefaultfab(result[0].FabIMG.substring(0, 5));
    }
}




// passes the event callback function.  
function CreateXmlDocument()
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.CreateXmlDocument();
}

function CreateXmlSaveconfpage() {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.CreateXmlSave();
}

function CreateXmlSave(pvid)
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.CreateXmlSave2(pvid);
}

function adbtn(conid, str) {
   
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.InsertPlacketButtons(conid, str);
}


function adsti(conid, str) {

    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.InsertStitchButtons(conid, str);
}

function adtap(conid, str) {

    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.InsertTape(conid, str);
}

function setvalue(divid, txt) {
    var newdiv = document.createElement("div");
    newdiv.innerHTML = txt.toLocaleString();
    var container = document.getElementById(divid);
    container.appendChild(newdiv);
}






// passes the event callback function.  
function GetFabricInfo(i)
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetFabricInfo(i, SuccesCallback2, ErrorHandler, TimeOutHandler);
}

// SET DESIGN COLLAR INFO DETAILS INTO REVIEW
function SuccesCallbackDesignCollarInfo(result, eventArgs) {
    //not for gallery
    if (!getQueryVariable('SELID')) {
        var d = document.getElementById('collarCollection');
        var el = getElementsByClassName('highlight', d);
        if (el) {
            el.className = '';
        }
        if ($get("fabcol" + result[0].FabID))
            $get("fabcol" + result[0].FabID).className = 'highlight';

        //SET REVIEW COLLAR
        if (result[0].B2C_price != 0) {
            ChangeText('rev2', result[0].FabName + '  (' + result[0].B2C_price + ' €/£)');
        }
        else {
            ChangeText('rev2', result[0].FabName);
        }
    }

//SET HIDFAB
$get("colhid").value = '' + result[0].MTMID;

if ($get("yesmon")) {
    //if ($get("yesmon").checked && !getQueryVariable('SELID')) {
    if ($get("yesmon").checked) {
        GenerateMonogram2();
    }
}
     
//CHANGE PRICE
//GetPriceInfo();
//JSPrice();


}

function setextrapricesizing1(id) {
//    if (id < 13) {
//        RemoveParam('extraprice_sizing');
//        //setTimeout("GetPriceInfo();", 3000);
//        GetPriceInfo();
//    }
//    else if (id < 17) {
//    SetParam('extraprice_sizing', '5');
//    //setTimeout("GetPriceInfo();", 3000);
//    GetPriceInfo();
//    } else if (id < 19) {
//    SetParam('extraprice_sizing', '10');
//    GetPriceInfo();
//    //setTimeout("GetPriceInfo();", 3000);
//    }
}

function setextrapricesizing2(id) {
//    if (id < 13) {
//        SetParam('extraprice_sizing', '0');
//    }
//    else if (id < 15) {
//        SetParam('extraprice_sizing', '5');
//    } else if (id < 19) {
//        SetParam('extraprice_sizing', '10');
//    }

//    GetPriceInfo();
}


// SET FABRIC INFO DETAILS
function SuccesCallback2(result, eventArgs) {

    if (result.length > 0) {
        var d = document.getElementById('fabricPicker');
        var el = getElementsByClassName('stofsel', d);
        if (el) {
            el.className = 'stof';
        }
        if ($get("fab" + result[0].FabID))
        $get("fab" + result[0].FabID).className = 'stofsel';
        //////////////////////////////////////////////////////////////////////
    if ($get("dry")) {
        $get("dry").src = "img/dry" + result[0].CaredryID + ".jpg";
        $get("wash").src = "img/wash" + result[0].CarewashID + ".jpg";
        $get("iron").src = "img/irn" + result[0].CareironID + ".jpg";

        if (result[0].WeightCM < 50) {
            $get("weight1").src = "img/gram0.jpg";
            $get("weight2").src = "img/gram0.jpg";
        }
        else if (result[0].WeightCM < 75) {
            $get("weight1").src = "img/gram1.jpg";
            $get("weight2").src = "img/gram1.jpg";
        }
        else if (result[0].WeightCM < 100) {
            $get("weight1").src = "img/gram2.jpg";
            $get("weight2").src = "img/gram2.jpg";
        }
        else if (result[0].WeightCM < 125) {
            $get("weight1").src = "img/gram3.jpg";
            $get("weight2").src = "img/gram3.jpg";
        }
        else if (result[0].WeightCM < 150) {
            $get("weight1").src = "img/gram4.jpg";
            $get("weight2").src = "img/gram4.jpg";
        }
        else {
            $get("weight1").src = "img/gram5.jpg";
            $get("weight2").src = "img/gram5.jpg";
        }

        if (result[0].WWCM1 < 25) {
            $get("WW1").src = "img/thread0.jpg";
            $get("WW2").src = "img/thread0.jpg";
        }
        else if (result[0].WWCM1 < 50) {
            $get("WW1").src = "img/thread1.jpg";
            $get("WW2").src = "img/thread1.jpg";
        }
        else if (result[0].WWCM1 < 75) {
            $get("WW1").src = "img/thread2.jpg";
            $get("WW2").src = "img/thread2.jpg";
        }
        else if (result[0].WWCM1 < 100) {
            $get("WW1").src = "img/thread3.jpg";
            $get("WW2").src = "img/thread3.jpg";
        }
        else if (result[0].WWCM1 < 125) {
            $get("WW1").src = "img/thread4.jpg";
            $get("WW2").src = "img/thread4.jpg";
        }
        else {
            $get("WW1").src = "img/thread5.jpg";
            $get("WW2").src = "img/thread5.jpg";
        }
    }

        // var s = "foo"; 
        // alert(s.indexOf("oo") != -1);

        if ($get("ColFab")) {
            if (result[0].Collection.indexOf("Clearance") != -1 || result[0].Collection.indexOf("clearance") != -1 || result[0].Collection.indexOf("Sale") != -1 || result[0].Collection.indexOf("Soldes") != -1) {
                $get("ColFab").className = 'firstLineFabricDetailsRED';
            }
            else {
                $get("ColFab").className = 'firstLineFabricDetails';
            }


            //collection name + fabric name
            ChangeText('ColFab', result[0].Collection + ' ' + result[0].FabName);
            //FABNAME + 'is a' + FINISH + ', '+ MATERIAL + 'fabric from the ' + COLLECTION. This ' + DESIGN + ' ' +  STRUCTURE + 'fabric has a ' + COLOUR

            var g = document.getElementById('langhid').value;
            var affvar = gup('aff');

            //alert(g + ' | ' + affvar + ' | ' + document.URL.toLowerCase().indexOf('deben'));

            if (g == 1 || document.URL.toLowerCase().indexOf('deben') != -1 || document.URL.toLowerCase().indexOf('hof') != -1) {

                ChangeText('FabDet', result[0].FabName + ' is a ' + result[0].Finishing + ', ' + result[0].Material + ' fabric from the ' + result[0].Collection + ' collection. This ' + result[0].Design + ' ' + result[0].Structure + ' fabric has a ' + result[0].Colour + ' colour.');
            }
            else if (g == 2)  {
              
                ChangeText('FabDet', result[0].FabName + ' is een ' + result[0].Finishing + ', ' + result[0].Material + ' stof van de ' + result[0].Collection + ' collectie. Deze ' + result[0].Design + ' ' + result[0].Structure + ' stof heeft als kleur ' + result[0].Colour + '.');
            }
            else if (g == 3 || document.URL.toLowerCase().indexOf('suis') != -1) {
              
                ChangeText('FabDet', result[0].FabName + ' est un tissu ' + result[0].Finishing + ', ' + result[0].Material + ' de la collection ' + result[0].Collection + '. Ce tissu ' + result[0].Design + ' ' + result[0].Structure + ' est de couleur ' + result[0].Colour + '.');
            }
            else if (g == 4) {
             
                ChangeText('FabDet', result[0].FabName + ' ist ein ' + result[0].Finishing + ', ' + result[0].Material + ' Stoff von die ' + result[0].Collection + ' Kollektion. Der ' + result[0].Design + ' ' + result[0].Structure + ' Stoff ist farbblich ' + result[0].Colour + '.');
            }
            else {
             
                ChangeText('FabDet', result[0].FabName + ' is a ' + result[0].Finishing + ', ' + result[0].Material + ' fabric from the ' + result[0].Collection + ' collection. This ' + result[0].Design + ' ' + result[0].Structure + ' fabric has a ' + result[0].Colour + ' colour.');
            }


            //WWCMinfo
            ChangeText('WWCMinfo', result[0].WWCM1 + ' / ' + result[0].WWCM2 + ' * ' + result[0].WWCM3 + ' / ' + result[0].WWCM4);
            //WWCMinfo
            ChangeText('WeightCMinfo', result[0].WeightCM + ' gr/m<sup>2</sup>');
            //WWCMinfo
            ChangeText('WWINCHinfo', result[0].WWINCH1 + ' / ' + result[0].WWINCH3);
            //WWCMinfo
            ChangeText('WeightINCHinfo', result[0].WeightINCH + ' inch');

            //FILL ReviewFabIMG
            ChangeText('rev1', result[0].FabName + ' <br /> ' + result[0].Collection + ' (' + result[0].B2C_price + ' €/£)<br> ' + result[0].Finishing + ' <br> ' + result[0].Material + ' <br> ' + result[0].Design + ' <br> ' + result[0].Structure + ' <br> ' + result[0].Colour);
            //4324.jpg
            if (result[0].FabIMG.length == 8) {
                $get("rev_fabimg").src = 'Images/1' + result[0].FabIMG.substring(0);
                $get("rev_fabimg2").src = 'Images/1' + result[0].FabIMG.substring(0);
            }
            else {
                $get("rev_fabimg").src = 'Images/' + result[0].FabIMG.substring(0);
                $get("rev_fabimg2").src = 'Images/' + result[0].FabIMG.substring(0);
            }
        }

        //first karakter from fabIMG check
        //alert('len[' + result[0].FabIMG.length + ']');
        //alert('img[' + result[0].FabIMG + ']');

        //4324.jpg
        if (result[0].FabIMG.length == 8) {
            //set hidfab
            $get("fabhid").value = '1' + result[0].FabIMG.substring(0, 4);
            //alert('fabhid value1: ' + $get("fabhid").value);
        }
        else {
            $get("fabhid").value = '' + result[0].FabIMG.substring(0, 5);
            //alert('fabhid value2: ' + $get("fabhid").value);
        }
    }
}

function toggleClassname(el1, el2) 
{
    //alert("toggle js");
    //don't forget runat=server
    var ClassnameHidden = 'RowHidden';
    var ClassnameShown = 'RowShown';

    var elmetric1 = document.getElementById(el1);
    var elmetric2 = document.getElementById(el2);

    if (elmetric1.style.display != 'none' ) {
	    elmetric1.style.display = 'none';
	    elmetric2.style.display = 'block';
    }
    else if (elmetric2.style.display != 'none' ) {
	    elmetric1.style.display = 'block';
	    elmetric2.style.display = 'none';
    }
    return false;
}

function ChangeText(field, val) {
    if ($get(field))
    $get(field).innerHTML = val;
}



function getElementsByClassName(classname, node)  
{    if(!node) node = document.getElementsByTagName("body")[0];
    var a;
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
        if(re.test(els[i].className))
        a = (els[i]);
    return a;
}

// This is the callback function invoked if the Web service succeeded.
// It accepts the result object as a parameter.
function SucceededCallback(result, eventArgs)
{
     $get("fabtest").src = result;
}

// This is the callback function invoked if the Web service failed.
// It accepts the error object as a parameter.
function FailedCallback(error)
{
    // Display the error.    
    var RsltElem = document.getElementById("ResultId"); 
    RsltElem.innerHTML = "Service Error: " + error.get_message();
}

function TimeOutHandler(result)
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.InsertJSERROR(result);
}
function TimeOutHandler1(result)
{
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.InsertJSERROR(result);
}

function ErrorHandler(result)
{
    
    var msg=result.get_exceptionType() + "\r\n";
    msg += result.get_message() + "\r\n";
    msg += result.get_stackTrace();

    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.InsertJSERROR(msg);
}

///////////////////////////////////////////////
///////////////////////////////////////////////
///////////////////////////////////////////////

function FillCollectionDDL(result) {
    if (document.getElementById("selcollection")) {
        var select = document.getElementById("selcollection");
        for (var i = 0; i < result.length; i++) {
            var option = new Option(result[i].Name, result[i].ID);
            select.options.add(option);
        }
    }
}

function FillColourDDL(result) {
    if (document.getElementById("selcolour")) {
        var select = document.getElementById("selcolour");
        for (var i = 0; i < result.length; i++) {
            var option = new Option(result[i].Name, result[i].ID);
            select.options.add(option);
        }
    }
}

function FillDesignDDL(result) {
    if (document.getElementById("seldesign")) {
        var select = document.getElementById("seldesign");
        for (var i = 0; i < result.length; i++) {
            var option = new Option(result[i].Name, result[i].ID);
            select.options.add(option);
        }
    }
}

function FillStructureDDL(result) {
    if (document.getElementById("selstructure")) {
        var select = document.getElementById("selstructure");
        for (var i = 0; i < result.length; i++) {
            var option = new Option(result[i].Name, result[i].ID);
            select.options.add(option);
        }
    }
}

function FillFinishingDDL(result) {
    if (document.getElementById("selfinishing")) {
        var select = document.getElementById("selfinishing");
        for (var i = 0; i < result.length; i++) {
            var option = new Option(result[i].Name, result[i].ID);
            select.options.add(option);
        }
    }
}

function FillMaterialDDL(result) {
    if (document.getElementById("selmaterial")) {
        var select = document.getElementById("selmaterial");
        for (var i = 0; i < result.length; i++) {
            var option = new Option(result[i].Name, result[i].ID);
            select.options.add(option);
        }
    }
}

// SET DESIGN PLACKET INFO DETAILS INTO REVIEW
function gatherxml() {

    if ($get("yesmon")) {
        //if JA
        if ($get("yesmon").checked) {
            //Get highlighted FONT
            var d = document.getElementById('monogramFont2');
            var el = getElementsByClassName('highlight', d);
            if (el) {
                //SetParam('alg_monogramfont', el.id.substring(4) + '');
                var alg_monogramfont = el.id.substring(4) + '';
                ob_post.AddParam('alg_monogramfont', alg_monogramfont);

                //SetParam('extra_monogramfont', el.defaultValue + '');
                var extra_monogramfont = el.defaultValue + '';
                ob_post.AddParam('extra_monogramfont', extra_monogramfont);
            }

            //Get highlighted COLOR
            var d2 = document.getElementById('allCollors1');
            var el2 = getElementsByClassName('collorssel', d2);
            if (el2) {
                //SetParam('alg_monogramcolor', el2.id.substring(5));
                var alg_monogramcolor = el2.id.substring(5) + '';
                ob_post.AddParam('alg_monogramcolor', alg_monogramcolor);
            }

            //Get highlighted PLACE
            var d3 = document.getElementById('postionMonogram');
            var el3 = getElementsByClassName('highlight', d3);
            if (el3) {
                //SetParam('alg_monogramplace', el3.id.substring(4));
                var alg_monogramplace = el3.id.substring(4) + '';
                ob_post.AddParam('alg_monogramplace', alg_monogramplace);
            }

            //Get highlighted TEXT
            var d4 = document.getElementById('inputtxt2');
            //SetParam('alg_monogram', d4.value);
            var alg_monogram = d4.value + ' ';
            ob_post.AddParam('alg_monogram', alg_monogram);
        }
    }

    //FIT
    var fit = document.getElementById('fithid').value;
    //SetParam("alg_fit", fit);
    ob_post.AddParam('alg_fit', fit);
    
    if (fit == '8018010') {
        var fixfit = "8010001";
        //SetParam("alg_twobackfitseams", fixfit);
        ob_post.AddParam('alg_twobackfitseams', fixfit);
    }

    //Get SQUIRREL COLOR for XML
    var d2 = document.getElementById('allCollors2');
    var el2 = getElementsByClassName('collorssel', d2);
    if (el2) {
        //SetParam('alg_squirrelcolor', '140' + el2.id.substring(7));
        ob_post.AddParam('alg_squirrelcolor', '140' + el2.id.substring(7));
    }

    //Get SQUIRREL PROD for XML
    var d2 = document.getElementById('allCollors2');
    var el2 = getElementsByClassName('collorssel', d2);
    if (el2) {
        //SetParam('alg_squirrelcolor_prod', el2.getAttribute('alt'));
        ob_post.AddParam('alg_squirrelcolor_prod', el2.getAttribute('alt'));

        var hidsleeveshort = document.getElementById('hidsleeveshort').value;
        if (hidsleeveshort != 1) {
            var e = document.getElementById('cufhid').value;
            if (e == 30003 || e == 30015 || e == 30013 || e == 30027 || e == 30031 || e == 30032) {
                //4031821
                //SetParam('alg_cufflinks', '403' + el2.getAttribute('rel'));
                ob_post.AddParam('alg_cufflinks', '403' + el2.getAttribute('rel'));
            }
        }
    }

    //Get SQUIRREL POSITION for XML
    var d2 = document.getElementById('postionMonogram2');
    var el2 = getElementsByClassName('highlight', d2);
    if (el2) {
        //SetParam('alg_squirrelplace', '130' + el2.id.substring(8));
        ob_post.AddParam('alg_squirrelplace', '130' + el2.id.substring(8));
    }

    //Get tape color
    var eltaphid = document.getElementById('taphid');
    if (eltaphid) {
        //SetParam('extra_taphid', eltaphid.value);
        ob_post.AddParam('extra_taphid', eltaphid.value);
    }

    //SET knopen
    var d2 = document.getElementById('knopen');
    var elknoop = getElementsByClassName('highlight', d2);
    if (elknoop) {
        //SetParam('extra_knoop', elknoop.alt);
        ob_post.AddParam('extra_knoop', elknoop.alt);
        //SetParam('alg_button_colour', elknoop.id.substring(6));
        ob_post.AddParam('alg_button_colour', elknoop.id.substring(6));
    }


    //SET stitch
    //knoopsgaten
    var d222 = document.getElementById('knoopsgaten');
    var elknoopsgat = getElementsByClassName('highlight', d222);
    if (elknoopsgat) {
        //SetParam('extra_knoopsgat', elknoopsgat.alt);
        ob_post.AddParam('extra_knoopsgat', elknoopsgat.alt);
        //SetParam('alg_button_yarncolour', elknoopsgat.id.substring(10));
        ob_post.AddParam('alg_button_yarncolour', elknoopsgat.id.substring(10));
    }


    //ob_post.post(null, "gatherxml", ResultComputeAge);
    //ob_post.post("Confpage.aspx", "gatherxml");
    //ob_post.post(null, "gatherxml");
    
     try
    {
         ob_post.post(null, "gatherxml");
    }
    catch (ex)
    {
        alert("bert: " + ex);
    }

}



// SET DESIGN PLACKET INFO DETAILS INTO REVIEW
function gatherxmlGAL() {



    //FIT
    var fit = document.getElementById('fithid').value;
    ob_post.AddParam('alg_fit', fit);

    if (fit == '8018010') {
        var fixfit = "8010001";
        ob_post.AddParam('alg_twobackfitseams', fixfit);
    }

    //Get SQUIRREL COLOR for XML
    var d2 = document.getElementById('allCollors2');
    var el2 = getElementsByClassName('collorssel', d2);
    if (el2) {
        ob_post.AddParam('alg_squirrelcolor', '140' + el2.id.substring(7));
    }

    //Get SQUIRREL PROD for XML
    var d2 = document.getElementById('allCollors2');
    var el2 = getElementsByClassName('collorssel', d2);
    if (el2) {
        ob_post.AddParam('alg_squirrelcolor_prod', el2.getAttribute('alt'));

        var hidsleeveshort = document.getElementById('hidsleeveshort').value;
        if (hidsleeveshort != 1) {
            var e = document.getElementById('cufhid').value;
            if (e == 30003 || e == 30015 || e == 30013 || e == 30027 || e == 30031 || e == 30032) {
                ob_post.AddParam('alg_cufflinks', '403' + el2.getAttribute('rel'));
            }
        }
    }

    //Get SQUIRREL POSITION for XML
    var d2 = document.getElementById('postionMonogram2');
    var el2 = getElementsByClassName('highlight', d2);
    if (el2) {
        ob_post.AddParam('alg_squirrelplace', '130' + el2.id.substring(8));
    }

    //Get tape color
    var eltaphid = document.getElementById('taphid');
    if (eltaphid) {
        ob_post.AddParam('extra_taphid', eltaphid.value);
    }

    //SET knopen
    var d2 = document.getElementById('knopen');
    var elknoop = getElementsByClassName('highlight', d2);
    if (elknoop) {
        ob_post.AddParam('extra_knoop', elknoop.alt);
        ob_post.AddParam('alg_button_colour', elknoop.id.substring(6));
    }


    //SET stitch
    //knoopsgaten
    var d222 = document.getElementById('knoopsgaten');
    var elknoopsgat = getElementsByClassName('highlight', d222);
    if (elknoopsgat) {
        ob_post.AddParam('extra_knoopsgat', elknoopsgat.alt);
        ob_post.AddParam('alg_button_yarncolour', elknoopsgat.id.substring(10));
    }


    try {
        ob_post.post(null, "gatherxml");
    }
    catch (ex) {
        alert("bert: " + ex);
    }

    sleep(2000);
    return true;

}

function ResultComputeAge(result, ex) {
    
}


function deelNaTimeOut() {
    // doe nog meer dingen 
}
    
   

// passes the event callback function.
function SetParam(i, j) {
    

    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.SetParam(i, j);

    
}

// passes the event callback function.
function RemoveParam(i) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.RemoveParam(i);
}



//*********************TIES***********************

//GET TIES BY DEFINING THE PATTERN OR COLOUR
function GetByFilter( filter, language,label,instr) {


//hide all filters

       /*   document.getElementById("Striped").style.display = 'none';
            document.getElementById("Plain").style.display = 'none';
            document.getElementById("Spotted").style.display = 'none';
            document.getElementById("Patterned").style.display = 'none';
            document.getElementById("Wedding").style.display = 'none';
            document.getElementById("Blue").style.display = 'none';
            document.getElementById("Red").style.display = 'none';
            document.getElementById("Green").style.display = 'none';
            document.getElementById("Orange").style.display = 'none';
            document.getElementById("Pink").style.display = 'none';
            document.getElementById("Black").style.display = 'none';
            document.getElementById("Grey").style.display = 'none';
            document.getElementById("Purple").style.display = 'none';
*/
    //UPDATE BREADCRUMBS
    var t = document.getElementById('title');
    var t2 = document.getElementById('imageTitle');
    var crumb2 = document.getElementById('breadCrumb2');
    var crumb3 = document.getElementById("breadCrumb3");
    var crumb4 = document.getElementById("breadCrumb4");
    var c3 = document.getElementById("breadCrumb3Container");
    var c4 = document.getElementById("breadCrumb4Container");

    if(filter == 'all') {
        c3.style.display = 'none';
        crumb2.removeAttribute('class');
        crumb2.className = "current";
     crumb2.setAttribute("class","current");


    } else {
        c3.removeAttribute('style');
        crumb3.setAttribute('onclick',"GetByFilter('" +filter +"','"+ language+"','"+label+"','"+instr+"')");
        crumb3.innerHTML = label.toUpperCase();
         crumb3.removeAttribute('class');
        crumb3.className = "current";
     crumb3.setAttribute("class","current");
        crumb2.removeAttribute('class');
        crumb2.className = "notcurrent";
     crumb2.setAttribute("class","notcurrent");
    }
    t.innerHTML = label.toUpperCase();
    t2.innerHTML = label.toUpperCase();

    c4.style.display = 'none';


   var instruction = document.getElementById("instructions");
    if(filter == 'all'){
         instruction.innerHTML =  "<b>"   + instr + "</b> " + document.getElementById("instructionsTemplate2").innerHTML;
    }else{
         instruction.innerHTML = "<b>" +instr + "</b> " + document.getElementById("instructionsTemplate2").innerHTML;
    }


    // UPDATE INSTRUCTIONS
  //  var instr = document.getElementById("instructions");
  //  instr.innerHTML = document.getElementById("instructionsTemplate").innerHTML + "<b>" +label.toLowerCase() + "</b> " + document.getElementById("instructionsTemplate2").innerHTML;
    
    // HIGHLIGHT FILTER
    var f1 = document.getElementById("filter1");
    var f2 = document.getElementById("filter2");

    if (filter == 'all' ){
        document.getElementById(f1.innerHTML).className = "notCurrentFilter";
        document.getElementById(f2.innerHTML).className = "notCurrentFilter";
        f1.innerHTML="all_ties";
        document.getElementById(f1.innerHTML).className = "currentFilter";

    }else {
        document.getElementById(f1.innerHTML).className = "notCurrentFilter";

        if (filter =='Striped' || filter =='Plain' || filter =='Spotted' || filter =='Patterned' || filter =='Wedding') {
            document.getElementById(f2.innerHTML).className = "notCurrentFilter";
            f2.innerHTML=filter;
            document.getElementById(f2.innerHTML).className = "currentFilter";
            document.getElementById(f1.innerHTML).className = "notCurrentFilter";
            f1.innerHTML="pattern02";
            document.getElementById(f1.innerHTML).className = "currentFilter";
        }

        else {
            document.getElementById(f2.innerHTML).className = "notCurrentFilter";
            f2.innerHTML= filter ;
            document.getElementById(f2.innerHTML).className = "currentFilter";
            document.getElementById(f1.innerHTML).className = "notCurrentFilter";
            f1.innerHTML="colour";
            document.getElementById(f1.innerHTML).className = "currentFilter";
        }
    }


    //SHOW TIES DIV
    document.getElementById("TieDetail").style.display = 'none';    
    document.getElementById("TiePicker").removeAttribute('style');
    document.getElementById("page_continue").style.display = 'none';
    document.getElementById("page_up").removeAttribute('style');
    document.getElementById("page_continue").removeAttribute('style');

    //CALL WEBSERVICE METHOD
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetByFilter(filter,language, onRequestGetByFilterComplete, ErrorHandler, TimeOutHandler);
}

//DISPLAY THE RETRIEVED TIES IN A TABLE
function onRequestGetByFilterComplete(result, eventArgs) {
    
    var d = document.getElementById('TiePicker');
    d.innerHTML = "";
    
    var shoppingButton = document.getElementById('ShoppingcartLabel').innerHTML;
    var detailsButton = document.getElementById('DetailsLabel').innerHTML;
    
    var index = 0;
    var innerHtml = "";
    
    
    innerHtml = innerHtml + "<DIV id=RomeoStripes>";

    for (i = 0; i < 40; i++) {
        if (result.length > i) {
         
            innerHtml = innerHtml + "<tr>";
            for (j = 0; j < 4; j++) {
            if(j !=0) {
                
                }
                if (result.length > 0) {
                    if (result.length > index) {
                    innerHtml = innerHtml + "<DIV id=RomeoStripes01>";
                           var lang = "'" + document.getElementById('language').innerHTML  + "'";
                           var buttDetails =  "   onClick=\"showDetails("  + result[index].tieId  + "," + lang+ ","+ "'" +result[index].Name +"'," + result[index].ColourId + ")\"";
                           var buttPurchase =  "   onClick=\"addTieToBasket(" + result[index].tieId + "," +  result[index].Price + ")\"";    
                           innerHtml = innerHtml +  "<p id='price'>" + document.getElementById("currency").innerHTML + " " + result[index].Price + "<span>"+ result[index].Name.toString().toUpperCase()  +"</span></p><div id='ties'><img   src=" + result[index].ImgSrcSmall + "></img></div><DIV id=button><DIV id=button01><a href=\"#\"  style=\"margin-left:10px;\""  + buttDetails + ">" +detailsButton +"</a></DIV><DIV id = button02><a href=\"#\" style=\"float:left;margin-left:10px;\"" + buttPurchase + ">" + shoppingButton+ "</a></div></div></div>";
                    }
                }
                if(j !=0) {
                     
                 }
                index++;
            }
            
             
        }
    }

    innerHtml = innerHtml + "</div>";
    
    d.innerHTML = innerHtml;  
   
}
/* OLD CODE
//DISPLAY THE RETRIEVED TIES IN A TABLE
function onRequestGetByFilterComplete(result, eventArgs) {
    
    var d = document.getElementById('TiePicker');
    d.innerHTML = "";
    
    var shoppingButton = document.getElementById('ShoppingcartLabel').innerHTML;
    var detailsButton = document.getElementById('DetailsLabel').innerHTML;
    
    var index = 0;
    var innerHtml = "";
    
    innerHtml = innerHtml + "<div style=\"\">";
    innerHtml = innerHtml + "<table id='RomeoStripes'>";

    for (i = 0; i < 40; i++) {
        if (result.length > i) {
         
            innerHtml = innerHtml + "<tr>";
            for (j = 0; j < 4; j++) {
            if(j !=0) {
                innerHtml = innerHtml + "<td width='7px'>";
                }
                if (result.length > 0) {
                    if (result.length > index) {
                           var lang = "'" + document.getElementById('language').innerHTML  + "'";
                           var buttDetails =  "   onClick=\"showDetails("  + result[index].tieId  + "," + lang+ ","+ "'" +result[index].Name +"'," + result[index].ColourId + ")\"";
                           var buttPurchase =  "   onClick=\"addTieToBasket(" + result[index].tieId + "," +  result[index].Price + ")\"";    
                           innerHtml = innerHtml +  "<td><div id='RomeoStripes01'> <p id='price'>" + document.getElementById("currency").innerHTML + " " + result[index].Price + "<span>"+ result[index].Name.toString().toUpperCase()  +"</span></p><div id='ties'><img   src=" + result[index].ImgSrcSmall + "></img></div> <table id ='button' style='margin-left:auto;margin-right:auto;text-align: center;vertical-align:middle;display : table-cell;'><tr><td><div id='button01'><a href='#'" + buttDetails + ">"+ detailsButton +"</a></div><div id='button02'><a href='#'" + buttPurchase + ">"+ shoppingButton +"</a></div> </td><td style='width:5px'/></tr></table></div></div> </td>";
                    }
                }
                if(j !=0) {
                     innerHtml = innerHtml + "</td>";
                 }
                index++;
            }
            
             innerHtml = innerHtml + "<td />";         
             innerHtml = innerHtml + "</tr>";
        }
    }

    innerHtml = innerHtml + "</table>";
    innerHtml = innerHtml + "</div>";
    d.innerHTML = innerHtml;  
   
}*/

//GET THE DETAILS OF THE SELECTED TIE
function showDetails(TieId, language, name,Colour ) {



    // SHOW DETAILS DIV
    document.getElementById("TiePicker").style.display = 'none';   
    document.getElementById("TieDetail").removeAttribute('style');

 //REMOVe FILTERHIGHLIGHTS
    var f1 = document.getElementById("filter1");
    var f2 = document.getElementById("filter2");

    document.getElementById(f1.innerHTML).className = "notCurrentFilter";
    document.getElementById(f2.innerHTML).className = "notCurrentFilter";
   
    //CALL WEBSERVICE METHOD
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.ShowDetails(TieId,language,  onRequestShowDetailsComplete, ErrorHandler, TimeOutHandler);


}

//DISPLAY DETAILS OF THE TIE
function onRequestShowDetailsComplete(result, eventArgs) {

try{
if(result[0] == null) {
alert("Item does not exist");

}

 //SET PARAMETERS FOR SHARE BUTTON

var shareDescription =  result[0].Description;
var t = document.getElementById('addTie2').innerHTML.toLowerCase();
var shareTitle = result[0].Name + " " + t + " @ bivolino.com";
    
var headID = document.getElementsByTagName("head")[0]; 

var tit = document.createElement('meta');

tit.name= "title";
tit.content =shareTitle;

var des = document.createElement('meta');
des.name= "description";
des.content =shareDescription;


var img = document.createElement('link');
img.rel= "image_src";
img.href ="http://localhost:54082/bivo/images_Cufflinks/IMG_3132.png";

headID.appendChild(tit); 
headID.appendChild(des); 
headID.appendChild(img);   

    var parameters = "?TieId=" + result[0].tieId +  "&language=" + document.getElementById('language').innerHTML;
 parameters = parameters.replace(/\s+/g,"+");

    
  document.getElementById('testdiv').innerHTML = "<div class=\"addthis_toolbox addthis_default_style\"><a href=\"http://www.addthis.com/bookmark.php?v=250&amp;pub=bivolino\" class=\"addthis_button_compact\"  addthis:url=\"http://localhost:54082/bivo/Ties.aspx"+    parameters    + "\" addthis:title=\""+ shareTitle + "\"  addthis:description=\""+ shareDescription + "\">Share</a></div><script type=\"text/javascript\" src=\"http://s7.addthis.com/js/250/addthis_widget.js#pub=bivolino\"></script>";



//alert("dit is voor ReinitializeAddThis");
ReinitializeAddThis();

//SHOW DETAILS
    var price = document.getElementById('priceLabel');
    var zoom = document.getElementById('Romeo_Stripes');
    var name = document.getElementById('name');
    var description = document.getElementById('descriptionLabel');
    var material = document.getElementById('materialLabel');
    var colour = document.getElementById('colourLabel');
    var pattern = document.getElementById('patternLabel');
    var length = document.getElementById('lengthLabel');
    var width = document.getElementById('widthLabel');
    var purchaseButton = document.getElementById('purchaseButton');
    var videoButton = document.getElementById('videoButton');
    var imgb = document.getElementById('bigImage');
  //  var imgUrl = "background:url(" + result[0].ImgSrcBig +") no-repeat center transparent";
 //   var imgStyle = "width:274px;height:265px;margin-top:2px;border:1px solid #CBCBCB;"+ imgUrl ;

    price.innerHTML=  "&nbsp;" + result[0].Price +"&nbsp;&nbsp;" ;
    name.innerHTML = result[0].Name.toString().toUpperCase()+ " "  + document.getElementById("addTie2").innerHTML.toUpperCase(); 
   // zoom.setAttribute('style',imgStyle );
   imgb.src = result[0].ImgSrcBig;
    description.innerHTML = result[0].Description;
    material.innerHTML = result[0].Material;
    colour.innerHTML = result[0].Colour;
    pattern.innerHTML = result[0].Pattern;
    lengthcm =result[0].LengthCm;
    widthcm=result[0].WidthCm;
    lengthinch =result[0].LengthInch;
    widthinch=result[0].WidthInch
    
    length.innerHTML = lengthcm + " cm / " + Math.round(lengthinch*100)/100  + " inch";
    width.innerHTML = widthcm + " cm / " + Math.round(widthinch*100)/100  + " inch";
    var purchaseButtonString = "addTieToBasket(" + result[0].tieId + "," +  result[0].Price + ")" ;
    purchaseButton.setAttribute("onclick",purchaseButtonString);

    
    document.getElementById("page_up").style.visibility = 'hidden';
    document.getElementById("page_continue").style.display = 'none';
    
    //CREATE BREADCRUMBS
    var t = document.getElementById('title');
    var t2 = document.getElementById('imageTitle');
    var crumb2 = document.getElementById('breadCrumb2');
    var crumb3 = document.getElementById("breadCrumb3");
    var crumb4 = document.getElementById("breadCrumb4");
    var c3 = document.getElementById("breadCrumb3Container");
    var c4 = document.getElementById("breadCrumb4Container");
    c4.removeAttribute('style');
    crumb4.innerHTML = result[0].Name.toString().replace(/\++/g, " ").toUpperCase();
    
     crumb4.removeAttribute('class');
        crumb4.className = "current";
     crumb4.setAttribute("class","current");
    
    crumb2.removeAttribute('class');
    crumb3.removeAttribute('class');
        crumb2.className = "notcurrent";
    crumb3.className = "notcurrent";
    t.innerHTML = result[0].Name.toString().replace(/\++/g, " ").toUpperCase();
    t2.innerHTML = result[0].Name.toString().replace(/\++/g, " ").toUpperCase();

  
    ShowSuggestion(result[0].ColourId,document.getElementById('language').innerHTML);
}
catch(exc) {

          GetByFilter('all',document.getElementById('language').innerHTML,document.getElementById('title').innerHTML,document.getElementById('defaultInstructionsTies').innerHTML);

} 
}

/* old code
//DISPLAY DETAILS OF THE TIE
function onRequestShowDetailsComplete(result, eventArgs) {

try{
if(result[0] == null) {
alert("Item does not exist");

}

 //SET PARAMETERS FOR SHARE BUTTON

var shareDescription =  result[0].Description;
var t = document.getElementById('addTie').innerHTML.toLowerCase();
var shareTitle = result[0].Name + " " + t + " @ bivolino.com";
    
var headID = document.getElementsByTagName("head")[0]; 

var tit = document.createElement('meta');

tit.name= "title";
tit.content =shareTitle;

var des = document.createElement('meta');
des.name= "description";
des.content =shareDescription;


var img = document.createElement('link');
img.rel= "image_src";
img.href ="http://localhost:54082/bivo/images_Cufflinks/IMG_3132.png";

headID.appendChild(tit); 
headID.appendChild(des); 
headID.appendChild(img);   

    var parameters = "?TieId=" + result[0].tieId +  "&language=" + document.getElementById('language').innerHTML;
 parameters = parameters.replace(/\s+/g,"+");

    
  document.getElementById('testdiv').innerHTML = "<div class=\"addthis_toolbox addthis_default_style\"><a href=\"http://www.addthis.com/bookmark.php?v=250&amp;pub=bivolino\" class=\"addthis_button_compact\"  addthis:url=\"http://localhost:54082/bivo/Ties.aspx"+    parameters    + "\" addthis:title=\""+ shareTitle + "\"  addthis:description=\""+ shareDescription + "\">Share</a></div><script type=\"text/javascript\" src=\"http://s7.addthis.com/js/250/addthis_widget.js#pub=bivolino\"></script>";



//alert("dit is voor ReinitializeAddThis");
ReinitializeAddThis();

//SHOW DETAILS
    var price = document.getElementById('priceLabel');
    var zoom = document.getElementById('Romeo_Stripes');
    var name = document.getElementById('name');
    var description = document.getElementById('descriptionLabel');
    var material = document.getElementById('materialLabel');
    var colour = document.getElementById('colourLabel');
    var pattern = document.getElementById('patternLabel');
    var length = document.getElementById('lengthLabel');
    var width = document.getElementById('widthLabel');
    var purchaseButton = document.getElementById('purchaseButton');
    var videoButton = document.getElementById('videoButton');

    var imgUrl = "background:url(" + result[0].ImgSrcBig +") no-repeat center transparent";
    var imgStyle = "width:274px;height:265px;margin-top:2px;border:1px solid #CBCBCB;"+ imgUrl ;

    price.innerHTML=  "&nbsp;" + result[0].Price +"&nbsp;&nbsp;" ;
    name.innerHTML = result[0].Name.toString().toUpperCase()+ " "  + document.getElementById("addTie").innerHTML; 
    zoom.setAttribute('style',imgStyle );
    description.innerHTML = result[0].Description;
    material.innerHTML = result[0].Material;
    colour.innerHTML = result[0].Colour;
    pattern.innerHTML = result[0].Pattern;
    lengthcm =result[0].LengthCm;
    widthcm=result[0].WidthCm;
    lengthinch =result[0].LengthInch;
    widthinch=result[0].WidthInch
    
    length.innerHTML = lengthcm + " cm / " + Math.round(lengthinch*100)/100  + " inch";
    width.innerHTML = widthcm + " cm / " + Math.round(widthinch*100)/100  + " inch";
    var purchaseButtonString = "addTieToBasket(" + result[0].tieId + "," +  result[0].Price + ")" ;
    purchaseButton.setAttribute("onclick",purchaseButtonString);

    document.getElementById("page_up").setAttribute('style',"visibility:hidden;");
    document.getElementById("page_continue").setAttribute('style',"display:none;");
    
    //CREATE BREADCRUMBS
    var t = document.getElementById('title');
    var t2 = document.getElementById('imageTitle');
    var crumb2 = document.getElementById('breadCrumb2');
    var crumb3 = document.getElementById("breadCrumb3");
    var crumb4 = document.getElementById("breadCrumb4");
    var c3 = document.getElementById("breadCrumb3Container");
    var c4 = document.getElementById("breadCrumb4Container");
    c4.removeAttribute('style');
    crumb4.innerHTML = result[0].Name.toString().replace(/\++/g, " ").toUpperCase();
    crumb4.setAttribute('class',"current");
    crumb2.removeAttribute('class');
    crumb3.removeAttribute('class');
    t.innerHTML = result[0].Name.toString().replace(/\++/g, " ").toUpperCase();
    t2.innerHTML = result[0].Name.toString().replace(/\++/g, " ").toUpperCase();

  
    ShowSuggestion(result[0].ColourId,document.getElementById('language').innerHTML);
}
catch(exc) {

  GetByFilter('all',document.getElementById('language').innerHTML,document.getElementById('title').innerHTML,document.getElementById('addTie').innerHTML);

} 
}
*/


//GET THE SHIRT THAT GOES WHITH THE TIE
function ShowSuggestion( Colour, language) {

    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.ShowSuggestion(Colour,language,  onRequestShowSuggestionComplete, ErrorHandler, TimeOutHandler);
}

//DISPLAY THE SHIRT THAT GOES WHITH THE TIE OR CUFFLINKS
function onRequestShowSuggestionComplete(result, eventArgs) {
 
 if(result.length ==0) {
 
 document.getElementById('view').style.display = 'none';
 }else {
  document.getElementById('view').removeAttribute('style');
var index = 0;
 var innerHtml = "";
    //innerHtml = innerHtml + "<table style=\"margin-left:auto;margin-right:auto;text-align: center;\"><tr height='9'width='700' />";

    for (i = 0; i < 40; i++) {
        if (result.length > i) {
          //  innerHtml = innerHtml + "<tr>";
            for (j = 0; j < 5; j++) {
           //     innerHtml = innerHtml + "<td'>";
                if (result.length > 0) {
                    if (result.length > index) {  
                        var name = result[index].ShirtName1.substring(0, 12) ;
                        var sid =  result[index].SELID;
                        var gid= result[index].ID;
                        var shirtImg = "<img id='mouseover" + result[index].ID  + "' src='imgGal/galshirt" + sid.substring(0,7) +".jpg' alt='shirts gallery' class='shirtPrev' width='100%' />";  
                      //  innerHtml = innerHtml +  "<td style=\"width:140px; margin-left:0;\"><h4>" + result[index].ShirtName1 + "</h4><br/> "+ shirtImg +"<br/><br/>" + "<table style=\"margin-left:auto;margin-right:auto;text-align: center;\"><tr><td><div id='button_view'><a href='#' onclick=\"GetShirtUrlParameters('" +gid+"','"+  document.getElementById("language").innerHTML +"');\">" + document.getElementById("ViewShirtLabel").innerHTML + "</a></td></tr></table></div>";

                        innerHtml =innerHtml+ "<div id ='shirt_0" + (index+1) + "'><h4>"+ name +"</h4><div id='shirt01'>"+shirtImg+"</div><div id ='button_view'><a href='#' onclick=\"GetShirtUrlParameters('" +gid+"','"+  document.getElementById("language").innerHTML +"');\">" + document.getElementById("ViewShirtLabel").innerHTML + "</a></div></div>";

                    }
                }
            //     innerHtml = innerHtml + "</td>";
                index++;
            }
         //    innerHtml = innerHtml + "</tr>";
        }
    }

  //  innerHtml = innerHtml + "<tr height='6' /></table>";
    document.getElementById("shirts").innerHTML = innerHtml;
}
}

//GET THE CID SELID AND FIT FOR THE SHIRT DEFINED BY SHIRTID
function GetShirtUrlParameters( gid,lang) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetShirtUrlParameters(gid,lang,onRequestGetShirtUrlParametersComplete, ErrorHandler, TimeOutHandler);
}


//GO TO THE GALCONFPAGE
function onRequestGetShirtUrlParametersComplete(result, eventArgs) {
window.location = "Galconfpage.aspx?CID="+ result[1] + "&SELID="+ result[0] + "&FIT="+ result[2] ;

}


//ADD THE SELECTED TIE TO THE SHOPPINGBASKET
function addTieToBasket( tieId,price) {

    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.addTieToBasket(tieId,price,  onRequestAddToBasketComplete, ErrorHandler, TimeOutHandler);
}

//REDIRECT TO THE SHOPPINGBASKET
function onRequestAddToBasketComplete(result, eventArgs) {

window.location = "SC_ShoppingCart.aspx";

}



//***********************CUFFLINKS*****************************


//GET THE CUFFLINKS BY DEFINING THE STYLE OR COLOUR
function GetCufflinksByFilter( filter, language,label,instr) {

    //UPDATE BREADCRUMBS
    var t = document.getElementById('title');
    var t2 = document.getElementById('imageTitle');
    var crumb2 = document.getElementById('breadCrumb2');
    var crumb3 = document.getElementById("breadCrumb3");
    var crumb4 = document.getElementById("breadCrumb4");
    var c3 = document.getElementById("breadCrumb3Container");
    var c4 = document.getElementById("breadCrumb4Container");

    if(filter == 'all') {
        c3.style.display = 'none';
           crumb2.removeAttribute('class');
        crumb2.className = "current";
     crumb2.setAttribute("class","current");

    } else {
        c3.removeAttribute('style');
        crumb3.setAttribute('onclick',"GetCufflinksByFilter('" +filter +"','"+ language+"','"+label+"')");
        crumb3.innerHTML = label.toUpperCase();
         crumb3.removeAttribute('class');
        crumb3.className = "current";
     crumb3.setAttribute("class","current");
         crumb2.removeAttribute('class');
        crumb2.className = "notcurrent";
     crumb2.setAttribute("class","notcurrent");
    }
    t.innerHTML = label.toUpperCase();
    t2.innerHTML = label.toUpperCase();
    c4.style.display = 'none';

    // UPDATE INSTRUCTIONS
    var instruction = document.getElementById("instructions");
    if(filter == 'all'){
         instruction.innerHTML =  "<b>"   + instr + "</b> " + document.getElementById("instructionsTemplate2").innerHTML;
    }else{
         instruction.innerHTML = "<b>" +instr + "</b> " + document.getElementById("instructionsTemplate2").innerHTML;
    }

    // HIGHLIGHT FILTER
    var f1 = document.getElementById("filter1");
    var f2 = document.getElementById("filter2");
    if (filter == 'all' ){
        document.getElementById(f1.innerHTML).setAttribute('class','notCurrentFilter');
        document.getElementById(f2.innerHTML).setAttribute('class','notCurrentFilter');
        f1.innerHTML="all_cufflinks";
        document.getElementById(f1.innerHTML).setAttribute('class','currentFilter');
    }else {
        document.getElementById(f1.innerHTML).setAttribute('class','notCurrentFilter');

        if (filter =='Enamel' || filter =='Optic'|| filter =='Gem'|| filter =='Gold'|| filter =='Pearl'|| filter =='Silk'|| filter =='Silver'|| filter =='Solid'|| filter =='Woven') {
            document.getElementById(f2.innerHTML).setAttribute('class','notCurrentFilter');
            f2.innerHTML=filter;
            document.getElementById(f2.innerHTML).setAttribute('class','currentFilter');
            document.getElementById(f1.innerHTML).setAttribute('class','notCurrentFilter');
            f1.innerHTML="pattern02";
            document.getElementById(f1.innerHTML).setAttribute('class','currentFilter');
        }
        else  {
            document.getElementById(f2.innerHTML).setAttribute('class','notCurrentFilter');
            f2.innerHTML=filter;
            document.getElementById(f2.innerHTML).setAttribute('class','currentFilter');
            document.getElementById(f1.innerHTML).setAttribute('class','notCurrentFilter');
            f1.innerHTML="colour";
            document.getElementById(f1.innerHTML).setAttribute('class','currentFilter');
        }
    }

    //SHOW CUFfLINKS DIV
    document.getElementById("CufflinksDetail").style.display = 'none';   
    document.getElementById("CufflinksPicker").removeAttribute('style');
    document.getElementById("page_continue").style.display = 'none';
    document.getElementById("page_up").removeAttribute('style');
    document.getElementById("page_continue").removeAttribute('style');

    //CALL WEBSERVICE METHOD
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetCufflinksByFilter(filter,language, onRequestGetCufflinksByFilterComplete, ErrorHandler, TimeOutHandler);
}

//DISPLAY CUFFLINKS IN A TABLE
function onRequestGetCufflinksByFilterComplete(result, eventArgs) {
  
   
    var d = document.getElementById('CufflinksPicker');
    d.innerHTML = "";
    
    var shoppingButton = document.getElementById('ShoppingcartLabel').innerHTML;
    var detailsButton = document.getElementById('DetailsLabel').innerHTML;
    
    var index = 0;
    var innerHtml = "";
    
    
    
  innerHtml = innerHtml + "<DIV id=RomeoStripes>";

    for (i = 0; i < 40; i++) {
        if (result.length > i) {
         
          
            for (j = 0; j < 4; j++) {
            if(j !=0) {
               
                }
                if (result.length > 0) {
                    if (result.length > index) {
                    innerHtml = innerHtml + "<DIV id=RomeoStripes01>";
                           var lang = "'" + document.getElementById('language').innerHTML  + "'";
                           var buttDetails =  "   onClick=\"showCufflinksDetails("  + result[index].CufflinksId  + "," + lang+ ","+ "'" +result[index].Name +"'," + result[index].ColourId + ")\"";
                           var buttPurchase =  "   onClick=\"addCufflinksToBasket(" + result[index].CufflinksId + "," +  result[index].Price + ")\"";    
                           innerHtml = innerHtml +  "<p id='price'>" + document.getElementById("currency").innerHTML + " " + result[index].Price + "<span>"+ result[index].Name.toString().toUpperCase()  +"</span></p><div id='cufflinks'><img   src=" + result[index].ImgSrcSmall + "></img></div> <DIV id=button><div id='button01'><a href='#' style=\"margin-left:10px;\""  + buttDetails + ">"+ detailsButton +"</a></div><div id='button02'><a href='#' style=\"float:left;margin-left:10px;\"" + buttPurchase + ">"+ shoppingButton +"</a></div></div></div>";
                    }
                }
                if(j !=0) {
                    
                 }
                index++;
            }
            
            
        }
    }

   innerHtml = innerHtml + "</div>";
  
    d.innerHTML = innerHtml;
   
}

//GET THE DETAILS OF THE SELECTED CUFFLINKS
function showCufflinksDetails(CufflinksId, language ) {

    // SHOW DETAILS DIV
    document.getElementById("CufflinksPicker").style.display = 'none';
    document.getElementById("CufflinksDetail").removeAttribute('style');

   


    //REMOVE FILTERHIGHLIGHTS
    var f1 = document.getElementById("filter1");
    var f2 = document.getElementById("filter2");
    document.getElementById(f1.innerHTML).setAttribute('class','notCurrentFilter');
    document.getElementById(f2.innerHTML).setAttribute('class','notCurrentFilter');
    

 //CALL WEBSERVICE METHOD
    
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.ShowCufflinksDetails(CufflinksId,language,  onRequestShowCufflinksDetailsComplete, ErrorHandler, TimeOutHandler);


}

//DISPLAY DETAILS OF THE SELECTED CUFFLINKS
function onRequestShowCufflinksDetailsComplete(result, eventArgs)  {

try{
if(result[0] == null) {
alert("Item does not exist");

}

 //SET PARAMETERS FOR SHARE BUTTON
 
var shareDescription =  result[0].Description;
var cuff = document.getElementById('addCufflinks').innerHTML.toLowerCase();
var shareTitle = result[0].Name + " " + cuff + " @ bivolino.com";
    
var headID = document.getElementsByTagName("head")[0]; 

var tit = document.createElement('meta');

tit.name= "title";
tit.content =shareTitle;

var des = document.createElement('meta');
des.name= "description";
des.content =shareDescription;


var img = document.createElement('link');
img.rel= "image_src";
img.href ="http://localhost:54082/bivo/images_Cufflinks/IMG_3132.png";

headID.appendChild(tit); 
headID.appendChild(des); 
headID.appendChild(img);   




    var parameters = "?CufflinksId=" + result[0].CufflinksId +  "&language=" + document.getElementById('language').innerHTML;
 parameters = parameters.replace(/\s+/g,"+");

    //probeer language ander naam te geven, misschien is dees bezet
  document.getElementById('testdiv').innerHTML = "<div class=\"addthis_toolbox addthis_default_style\"><a id=\"btn1\"></a></div><script type=\"text/javascript\" src=\"http://s7.addthis.com/js/250/addthis_widget.js#pub=bivolino\"></script>";
 // document.getElementById('testdiv').innerHTML = "<div class=\"addthis_toolbox addthis_default_style\"><a <a href=\"http://api.addthis.com/oexchange/0.8/forward/facebook/offer?swfurl=http://www.example.com/test.swf&url=http://localhost:54082/bivo/cufflinks.aspx"+    parameters    + "&title=My Custom Title&description=My Custom description that will go here&height=1&width=1&screenshot=http://localhost:54082/bivo/images_Cufflinks/IMG_3132.png?q=tbn:1Xot2cGj_zPGMM\" target=\"_blank\">Facebook</a></div><script type=\"text/javascript\" src=\"http://s7.addthis.com/js/250/addthis_widget.js#pub=bivolino\"></script>";



//alert("dit is voor ReinitializeAddThis");

var addthis_ui_config ={    services_compact: 'facebook, myspace, igoogle, netvibes, squidoo, more'}

var addthis_share_config = {    url: "http://localhost:54082/bivo/cufflinks.aspx"+    parameters    ,    title: shareTitle,    description: shareDescription,    swfurl: "http://www.example.com/test.swf",    width: "1",    height: "1",    screenshot: "http://localhost:54082/bivo/images/640005.png"}
addthis.button("#btn1", addthis_ui_config, addthis_share_config);
ReinitializeAddThis();


/*
   var parameters = "?CufflinksId=" + result[0].CufflinksId +  "&language=" + document.getElementById('language').innerHTML;
 parameters = parameters.replace(/\s+/g,"+");

    //probeer language ander naam te geven, misschien is dees bezet
  document.getElementById('testdiv').innerHTML = "<div class=\"addthis_toolbox addthis_default_style\"><a href=\"http://www.addthis.com/bookmark.php?v=250&amp;pub=bivolino\" class=\"addthis_button_compact\"  addthis:url=\"http://localhost:54082/bivo/cufflinks.aspx"+    parameters    + "\" addthis:title=\""+ shareTitle + "\"  addthis:description=\""+ shareDescription + "\">Share</a></div><script type=\"text/javascript\" src=\"http://s7.addthis.com/js/250/addthis_widget.js#pub=bivolino\"></script>";
 // document.getElementById('testdiv').innerHTML = "<div class=\"addthis_toolbox addthis_default_style\"><a <a href=\"http://api.addthis.com/oexchange/0.8/forward/facebook/offer?swfurl=http://www.example.com/test.swf&url=http://localhost:54082/bivo/cufflinks.aspx"+    parameters    + "&title=My Custom Title&description=My Custom description that will go here&height=1&width=1&screenshot=http://localhost:54082/bivo/images_Cufflinks/IMG_3132.png?q=tbn:1Xot2cGj_zPGMM\" target=\"_blank\">Facebook</a></div><script type=\"text/javascript\" src=\"http://s7.addthis.com/js/250/addthis_widget.js#pub=bivolino\"></script>";


ReinitializeAddThis();
*/

//SHOW DETAILS

    var price = document.getElementById('priceLabel');
    var zoom = document.getElementById('Romeo_Stripes');
    var name = document.getElementById('name');
    var description = document.getElementById('descriptionLabel');
    var colour = document.getElementById('colourLabel');
    var style = document.getElementById('styleLabel');
    var purchaseButton = document.getElementById('purchaseButton');
    var videoButton = document.getElementById('videoButton');
    var imgb = document.getElementById('bigImage');



 //   var imgUrl = "background:url(" + result[0].ImgSrcBig +") no-repeat center transparent";
   // var imgStyle = "width:274px;height:265px;margin-top:2px;border:1px solid #CBCBCB;"+ imgUrl 

    price.innerHTML=  "&nbsp;" + result[0].Price +"&nbsp;&nbsp;" ;
    name.innerHTML = result[0].Name.toString().toUpperCase()+ " "  + document.getElementById("addCufflinks").innerHTML.toUpperCase(); 
    //zoom.setAttribute('style',imgStyle );
    imgb.src = result[0].ImgSrcBig;
    description.innerHTML = result[0].Description;
    colour.innerHTML = result[0].Colour;
    style.innerHTML = result[0].Style;
    var purchaseButtonString = "addCufflinksToBasket(" + result[0].CufflinksId + "," +  result[0].Price + ")" ;
    purchaseButton.setAttribute("onclick",purchaseButtonString);

    document.getElementById("page_up").style.visibility = 'hidden';
    document.getElementById("page_continue").style.display = 'none';
    
    
    //CREATE BREADCRUMBS

    var t = document.getElementById('title');
    var t2 = document.getElementById('imageTitle');
    var crumb2 = document.getElementById('breadCrumb2');
    var crumb3 = document.getElementById("breadCrumb3");
    var crumb4 = document.getElementById("breadCrumb4");
    var c3 = document.getElementById("breadCrumb3Container");
    var c4 = document.getElementById("breadCrumb4Container");

    c4.removeAttribute('style');
    crumb4.innerHTML = result[0].Name.toString().replace(/\++/g, " ").toUpperCase();
     crumb4.removeAttribute('class');
        crumb4.className = "current";
     crumb4.setAttribute("class","current");
     crumb2.removeAttribute('class');
    crumb3.removeAttribute('class');
        crumb2.className = "notcurrent";
    crumb3.className = "notcurrent";
    t.innerHTML = result[0].Name.toString().replace(/\++/g, " ").toUpperCase();
    t2.innerHTML = result[0].Name.toString().replace(/\++/g, " ").toUpperCase();
    
     ShowCufflinksSuggestion(result[0].ColourId,document.getElementById('language').innerHTML);
   }
catch(exc) {

  GetCufflinksByFilter('all',document.getElementById('language').innerHTML,document.getElementById('addCufflinks').innerHTML,document.getElementById('instructionsAll').innerHTML);

} 
}

//GET THE SUGGESTED SHIRTS THAT GO WITH THE CUFFLINKS
function ShowCufflinksSuggestion( Colour, language) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.ShowSuggestion(Colour,language,  onRequestShowSuggestionComplete, ErrorHandler, TimeOutHandler);
}

//DISPLAY THE SUGGESTED SHIRTS THAT GO WITH THE CUFFLINKS
function onRequestShowCufflinksSuggestionComplete(result, eventArgs) {
 
var index = 0;
 var innerHtml = "";
    innerHtml = innerHtml + "<table style=\"margin-left:auto;margin-right:auto;text-align: center;\"><tr height='9' />";

    for (i = 0; i < 40; i++) {
        if (result.length > i) {
            innerHtml = innerHtml + "<tr>";
            for (j = 0; j < 5; j++) {
                innerHtml = innerHtml + "<td'>";
                if (result.length > 0) {
                    if (result.length > index) {         
                        var sid =  result[index].SELID;
                        var shirtImg = "<img id='mouseover" + result[index].ID  + "' src='imgGal/galshirt" + sid.substring(0,7) +".jpg' alt='shirts gallery' class='shirtPrev' width='75%' />";         
                        innerHtml = innerHtml +  "<td width='140'><h4>" + result[index].ShirtName1 + "</h4><br/> "+ shirtImg +"<br/><br/>" + "<table style=\"margin-left:auto;margin-right:auto;text-align: center;\"><tr><td><div id='button_view'><a href='Galpage.aspx?RECSHIRTID=" +   result[index].ID  + "'>" + document.getElementById("ViewShirtLabel").innerHTML + "</a></td></tr></table></div>";
                    }
                }
                 innerHtml = innerHtml + "</td>";
                index++;
            }
             innerHtml = innerHtml + "</tr>";
        }
    }
    innerHtml = innerHtml + "<tr height='6' /></table>";
    document.getElementById("recShirts").innerHTML = innerHtml;
}

//ADD THE CUFFLINKS TO THE SHOPPINGBASKET
function addCufflinksToBasket( cufflinksId,price) {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.addCufflinksToBasket(cufflinksId,price,  onRequestAddCufflinksToBasketComplete, ErrorHandler, TimeOutHandler);
}

//REDIRECT TO THE SHOPPINGBASKET
function onRequestAddCufflinksToBasketComplete(result, eventArgs) {

window.location = "SC_ShoppingCart.aspx";

}

//CHECK WHICH FILTERS TO DISPLAY, IF THERE IS A FILTER CATEGORY WHICH IS EMPTY (E.G. THERE ARE NO GREEN TIES) THEN THIS FILTER SHOULDN'T BE DISPALYED
function GetListOfTieFilterElements() {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetListOfTieFilterElements(onRequestGetListOfTieFilterElementsComplete, ErrorHandler, TimeOutHandler);

}
function onRequestGetListOfTieFilterElementsComplete(result, eventArgs) {
    for (i = 0; i < result.length; i++) {
         
        if (result[i].match("Striped")){
            document.getElementById("Striped").removeAttribute("style");
        }else if (result[i].match("Plain")) {
            document.getElementById("Plain").removeAttribute("style");
        }else if (result[i].match("Spotted")) {
            document.getElementById("Spotted").removeAttribute("style");
        }else if (result[i].match("Patterned")) {
            document.getElementById("Patterned").removeAttribute("style");
        }else if (result[i].match("Wedding")) {
            document.getElementById("Wedding").removeAttribute("style");
        }else if (result[i].match("Blue")) {
            document.getElementById("Blue").removeAttribute("style");
        }else if (result[i].match("Red")) {
            document.getElementById("Red").removeAttribute("style");
        }else if (result[i].match("Green")) {
            document.getElementById("Green").removeAttribute("style");
        }else if (result[i].match("Orange")) {
            document.getElementById("Orange").removeAttribute("style");
        }else if (result[i].match("Pink")) {
            document.getElementById("Pink").removeAttribute("style");
        }else if (result[i].match("Black")) {
            document.getElementById("Black").removeAttribute("style");
        }else if (result[i].match("Grey")) {
            document.getElementById("Grey").removeAttribute("style");
        }else if (result[i].match("Purple")) {
            document.getElementById("Purple").removeAttribute("style");
        }

    }
}


//CHECK WHICH FILTERS TO DISPLAY, IF THERE IS A FILTER CATEGORY WHICH IS EMPTY (E.G. THERE ARE NO GREEN TIES) THEN THIS FILTER SHOULDN'T BE DISPALYED
function GetListOfCufflinksFilterElements() {
    Samples.AspNet.WebService.set_path("ConfiguratorWebService.asmx");
    Samples.AspNet.WebService.GetListOfCufflinksFilterElements(onRequestGetListOfCufflinksFilterElementsComplete, ErrorHandler, TimeOutHandler);

}
function onRequestGetListOfCufflinksFilterElementsComplete(result, eventArgs) {
    for (i = 0; i < result.length; i++) {
         
        
      if (result[i].match("Enamel")){
            document.getElementById("Enamel").removeAttribute("style");
        }else if (result[i].match("Optic")) {
            document.getElementById("Optic").removeAttribute("style");
        }else if (result[i].match("Spotted")) {
            document.getElementById("Spotted").removeAttribute("style");
        }else if (result[i].match("Gem")) {
            document.getElementById("Gem").removeAttribute("style");
        }else if (result[i].match("Wedding")) {
            document.getElementById("Wedding").removeAttribute("style");
        }else if (result[i].match("GoldS")) {
            document.getElementById("Gold").removeAttribute("style");
        }else if (result[i].match("Pearl")) {
            document.getElementById("Pearl").removeAttribute("style");
        }else if (result[i].match("Silk")) {
            document.getElementById("Silk").removeAttribute("style");
        }else if (result[i].match("Orange")) {
            document.getElementById("Orange").removeAttribute("style");
        }else if (result[i].match("SilverS")) {
            document.getElementById("Silver").removeAttribute("style");
        }else if (result[i].match("Solid")) {
            document.getElementById("Solid").removeAttribute("style");
        }else if (result[i].match("Woven")) {
            document.getElementById("Woven").removeAttribute("style");
        }else if (result[i].match("Black")) {
            document.getElementById("Black").removeAttribute("style");
        }else if (result[i].match("Blue")) {
            document.getElementById("Blue").removeAttribute("style");
        }else if (result[i].match("Black")) {
            document.getElementById("Black").removeAttribute("style");
        }else if (result[i].match("Black")) {
            document.getElementById("Black").removeAttribute("style");
        }else if (result[i].match("GoldS")) {
            document.getElementById("GoldM").removeAttribute("style");
        }else if (result[i].match("Green")) {
            document.getElementById("Green").removeAttribute("style");
        }else if (result[i].match("Grey")) {
            document.getElementById("Grey").removeAttribute("style");
        }else if (result[i].match("Multi")) {
            document.getElementById("Multi").removeAttribute("style");
        }else if (result[i].match("Black")) {
            document.getElementById("Black").removeAttribute("style");
        }else if (result[i].match("Navy")) {
            document.getElementById("Navy").removeAttribute("style");
            document.getElementById("Blue").removeAttribute("style");
        }else if (result[i].match("Orange")) {
            document.getElementById("Orange").removeAttribute("style");
        }else if (result[i].match("Pink")) {
            document.getElementById("Pink").removeAttribute("style");
        }else if (result[i].match("Purple")) {
            document.getElementById("Purple").removeAttribute("style");
        }else if (result[i].match("Red")) {
            document.getElementById("Red").removeAttribute("style");
        }else if (result[i].match("Purple")) {
            document.getElementById("Purple").removeAttribute("style");
        }else if (result[i].match("Royal")) {
            document.getElementById("Royal").removeAttribute("style");
            document.getElementById("Blue").removeAttribute("style");
        }else if (result[i].match("SilverC")) {
            document.getElementById("SilverC").removeAttribute("style");
        }else if (result[i].match("Sky")) {
            document.getElementById("Sky").removeAttribute("style");
            document.getElementById("Blue").removeAttribute("style");
        }else if (result[i].match("White")) {
            document.getElementById("White").removeAttribute("style");
        }else if (result[i].match("Yellow")) {
            document.getElementById("Yellow").removeAttribute("style");
        }

    }
}



function insertParam2(key,value) 
{ 
    key = escape(key); value = escape(value); 
 
    var s = document.location.search; 
    var kvp = key+"="+value; 
 
    var r = new RegExp("(&|\\?)"+key+"=[^\&]*"); 
 
    s = s.replace(r,"$1"+kvp); 
 
    if(!RegExp.$1) {s += (s.length>0 ? '&' : '?') + kvp;}; 
 
    //again, do what you will here 
    document.location.search = s; 
} 



function insertParam(key, value) 
{ 
    key = escape(key); value = escape(value); 
 
    var kvp = document.location.search.substr(1).split('&'); 
 
    var i=kvp.length; var x; while(i--)  
    { 
        x = kvp[i].split('='); 
 
        if (x[0]==key) 
        { 
                x[1] = value; 
                kvp[i] = x.join('='); 
                break; 
        } 
    } 
 
    if(i<0) {kvp[kvp.length] = [key,value].join('=');} 
 
    //this will reload the page, it's likely better to store this until finished 
    document.location.search = kvp.join('&');  
} 


function gup( name ){  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");  var regexS = "[\\?&]"+name+"=([^&#]*)";  var regex = new RegExp( regexS );  var results = regex.exec( window.location.href );  if( results == null )    return "";  else    return results[1];}


function getQueryParams( val ) { 
        //Use the window.location.search if we don't have a val. 
        var query = val || window.location.search; 
        query = query.split('?')[1] 
        var pairs = query.split('&'); 
        var retval = {}; 
        var check = []; 
        for( var i = 0; i < pairs.length; i++ ) { 
                check = pairs[i].split('='); 
                retval[decodeURIComponent(check[0])] = decodeURIComponent(check[1]); 
        } 
 
        return retval; 
} 
    function ReinitializeAddThis(){
      if (window.addthis){
         window.addthis.ost = 0;
         try {
         window.addthis.ready();
         } catch (exc){
         
         }
      }
   }
 

////////////////////////////////////////////////////////////////////  
//////////////////////////////////////////////////////////////////// 
//////////////////////////////////////////////////////////////////// 


if (typeof(Sys) !== "undefined") Sys.Application.notifyScriptLoaded();
