View difference between Paste ID: VXiGcqGK and KfjWB1np

 // ### GLOBALS ###
 var customers = new Array();
 var positions = new Array();
 var selectedFirm;
 var selectedProfile;
 var selectedGlass;
 
-var Profiles = {
+var Profiles = {};
-    KMG: 'KMG',
+
-    VEKA: 'VEKA',
+
-    Salamander: 'Salamander',
+
-    Trocal: 'Trocal',
+
-    Komerlink: 'Komerlink'
+
 };
 
 var MechanismsEnum = {
     Siegenia: 'Siegenia',
     Endow: 'Endow',
     Winkhaus: 'Winkhaus'
 };
 
 // Design the configurations, for displaying
 function createPosition(src, alt, id) {
     var img = document.createElement('img');
     img.src = src;
     img.id = id;
 
     img.setAttribute('width', '150');
     img.setAttribute('height', '80');
 
     if (alt != null) img.alt = alt;
 
     img.onclick = function () {
         onImageClick(this);
     };
 
     return img;
 }
 
 // Returns if some array contains some object
 function contains(array, obj) {
     var i = a.length;
     while (i--) {
         if (a[i] === obj) {
             return true;
         }
     }
     return false;
 }
 
 function InitializePositions() {
 
     // Some positions
     positions.push(new createPosition('images/fix.jpg', 'fix', 'fix'));
     positions.push(new createPosition('images/fix_otv_fix.jpg', 'fix_otv_fix', 'fix_otv_fix'));
     positions.push(new createPosition('images/fix_otv_otv_fix.jpg', 'fix_otv_otv_fix', 'fix_otv_otv_fix'));
 
     positions.push(new createPosition('images/otv.jpg', 'otv', 'otv'));
     positions.push(new createPosition('images/otv_fix.jpg', 'otv_fix', 'otv_fix'));
     positions.push(new createPosition('images/otv_fix_otv.jpg', 'otv_fix_otv', 'otv_fix_otv'));
 
     positions.push(new createPosition('images/otv_fix_vrata.jpg', 'otv_fix_vrata', 'otv_fix_vrata'));
     positions.push(new createPosition('images/proz_fix_vrata.jpg', 'proz_fix_vrata', 'proz_fix_vrata'));
     positions.push(new createPosition('images/vrata.jpg', 'vrata', 'vrata'));
 
     // Displaying
     for (var i = 0; i < positions.length; i++) {
         var disp = document.getElementById('positionSelection');
         disp.appendChild(positions[i]);
     }
 
 }
 
 function onImageClick(image) {
     var imgToDisplay = createPosition(image.src, image.alt, image.id);
 
     var location = document.getElementById('picturePresent');
     location.innerHTML = '';
     location.appendChild(imgToDisplay);
 
     // Show or hide the door's fields
     if (imgToDisplay.id == 'otv_fix_vrata' || imgToDisplay.id == 'proz_fix_vrata') {
         showElement('doorWidth', true);
         showElement('doorHeight', true);
     }
-function Profile(name, casePrice, wingPrice, delimeterPrice, delimeterPricePerCount, workCost) {
+
         showElement('doorWidth', false);
         showElement('doorHeight', false);
     }
 
     // show/hide wingWidth field
-    this.workCost = workCost;
+    if (imgToDisplay.id == 'fix' || imgToDisplay.id == 'otv' || imgToDisplay.id == 'vrata' || imgToDisplay.id == 'proz_fix_vrata') {
         showElement('wingWidth', false);
     }
     else {
         showElement('wingWidth', true);
     }
 }
 
 function Profile(name, casePrice, wingPrice, delimeterPrice, delimeterPricePerCount, casePriceColor, wingPriceColor, delPriceColor, wingDoorPrice, wingDoorColorPrice) {
     this.name = name;
     this.workCost = 0;
     this.delimeterPricePerCount = delimeterPricePerCount;
 
     // White
     this.casePrice = casePrice;
     this.wingPrice = wingPrice;
     this.delimeterPrice = delimeterPrice;
     this.wingDoorPrice = wingDoorPrice;
 
     // Color
     this.casePriceColor = casePriceColor;
     this.wingPriceColor = wingPriceColor;
     this.delPriceColor = delPriceColor;
     this.wingDoorColorPrice = wingDoorColorPrice;
 
-function Window(w, h, profileType, delimeters, glassType) {
+
 
 function Glass(name, price, squareCoeficient) {
     this.name = name;
-        glass = new Glass(),
+
 
     // 1 usualy
     this.squareCoeficient = squareCoeficient;
 
     this.GetPrice = function (sqrtMeters) {
-    glass = glassType;
+
         var result = sqrtMeters;
 
         if (this.squareCoeficient != 1) {
             result *= squareCoeficient;
             result = sqrtMeters - result;
             return result * this.pricePerSQRTMeter;
         }
         else {
             return sqrtMeters * this.pricePerSQRTMeter;
         }
-    function Wing(w, h) {
+
-        var wid = w,
+
-            hei = h;
+
-        var len = function () { return wid * 2 + hei * 2 };
+function Window(w, h, profileType, delimeters, mechanismTipe) {
 
-        this.Price = function () { return len() * profile.wingPrice };
+
     var profile = new Profile(),
         wings = new Array(),
         width = w,
         height = h;
 
     profile = profileType;
 
-    this.GetWindowArea = function (){
+
     function delimetersLen() {
         var result = 0;
         for (var i = 0; i < delimeters.length; i++) {
-    this.AddWing = function (w, h) {
+
-        wings.push(new Wing(w, h));
+
         return result;
     }
 
     function Wing(w, h, hasDouble) {
         var _width = w,
             _height = h,
             _hasDouble = hasDouble,
             len = function () { return _width * 2 + _height * 2; },
             _mechanism = new Mechanism();
 
         //_mechanism = mechanismTipe;
         getMechPrice = function () {
             var result = _mechanism.normalPrice;
 
             if (_width > _mechanism.upperL_Len) {
                 result += _mechanism.upperL_Price;
                 if (_hasDouble == true) {
                     result += _mechanism.double_UpperL_Price;
                 }
             }
 
             if (_height > _mechanism.upperH_Len) {
                 result += _mechanism.upperH_Price;
                 if (_hasDouble == true) {
                     result += _mechanism.double_upperH_Price;
                 }
-
+
 
             // REMOVE ofter FIX
-function Mechanism(name, pricePerNormalWing, pricePer) {
+            if (isNaN(result)) {
                 result = 0;
             }
 
             return result;
         };
 
         this.Price = function () {
             return len() * profile.wingPrice + getMechPrice();
         };
     }
 
     function Area() {
         return width * height;
     }
 
     // Public functions
     this.GetWindowArea = function () {
         return Area();
     }
 
     this.AddWing = function (w, h, hasDouble) {
         wings.push(new Wing(w, h, hasDouble));
         // TODO: Add mechanism
     }
 
     this.GetPrice = function () {
         var totalPrice = 0;
         totalPrice += (2 * width + 2 * height) * profile.casePrice; // Case price
 
         if (delimetersLen() > 0) {
             totalPrice += delimetersLen() * profile.delimeterPrice + delimeters.length * profile.delimeterPricePerCount;   // Delimeters price +
         }
 
         totalPrice += Area() * profile.workCost;    // Work Cost price
 
         for (var i = 0; i < wings.length; i++) {
             totalPrice += wings[i].Price();   // Wings prises
         }
 
         return totalPrice;
     }
 
 }
 
 function Customer(name) {
     this.name = name;
     this.profilesSupport = new Array();
     this.glassesSupport = new Array();
     this.mechanismSupport = new Array();
-
+
 
 function Mechanism(name, forProfileType, normalPrice, upperH_Len, upperH_Price, upperL_Len, upperL_Price, securityPrice, doubleNormalPrice, double_upperH_Price, double_UpperL_Price) {
     this.name = name;
     this.normalPrice = normalPrice;
     this.upperH_Price = upperH_Price;
     this.upperL_Price = upperL_Price;
     this.securityPrice = securityPrice;
     this.doubleNormalPrice = doubleNormalPrice;
     this.double_upperH_Price = double_upperH_Price;
     this.double_UpperL_Price = double_UpperL_Price;
     this.upperH_Len = upperH_Len;
     this.upperL_Len = upperL_Len;
     this.forProfileType = forProfileType;
 }
 
 function Manifacture() {
 
 }
 
 function ManageUserEntry() {
     // TODO: check boundaries ...
     var overallWidth = parseInt(document.getElementById('overallWidth').value) / 100;
     var overallHeight = parseInt(document.getElementById('overallHeight').value) / 100;
 
     var doorWidth = parseInt(document.getElementById('doorWidth').value) / 100;
     var doorHeight = parseInt(document.getElementById('doorHeight').value) / 100;
 
     var wingWidth = parseInt(document.getElementById('wingWidth').value) / 100;
     if (!isNaN(wingWidth)) {
         if (wingWidth == 0 || wingWidth > 100) {
             wingWidth = 0.75;
         }
     }
     else {
         wingWidth = 0.75;
     }
 
     var dblMechanism = document.getElementById("doubleMech").checked;
 
     (positionManager = function () {
         // Check selected pictire's ID
         // confugire and create a window for that picture
         // get the price
 
         var configuration = document.getElementById('picturePresent').firstChild;
         var posId = configuration.id;
-                del = [0, 0]
+
         var del;
         var currentWindow;
         var currentFirm;
         var currentGlass;
         var currentFirmCurrentProfileIndex;
         var currentFirmCurrentGlassIndex;
 
         var resultToDisplay = 0;
 
         // getSelectet firm
         var temp = document.getElementById('firmList');
         selectedFirm = temp.options[temp.selectedIndex].text;   // change the global variable
 
         // getting gthe selected profile
         temp = document.getElementById('profilesList');
         selectedProfile = temp.options[temp.selectedIndex].text;   // change the global variable
 
         // getting the selected glass
-
+
         selectedGlass = temp.options[temp.selectedIndex].text;   // change the global variable
 
         // find it profile the list
         for (var i = 0; i < customers.length; i++) {
             if (customers[i].name == selectedFirm) {
                 for (var j = 0; j < customers[i].profilesSupport.length; j++) {
                     // find the selcted profile in customer's list ot profiles
                     if (customers[i].profilesSupport[j].name == selectedProfile) {
                         currentFirm = customers[i];
                         currentFirmCurrentProfileIndex = j;
                         continue;
                     }
                 }
 
-            case 'proz_fix_vrata': { break; }
+
-            case 'vrata': { break; }
+
                     if (customers[i].glassesSupport[k].name.name == selectedGlass) {
                         currentFirmCurrentGlassIndex = k;
                     }
                 }
                 continue;
             }
         }
 
         switch (posId) {
             case 'fix': {
                 del = [0, 0] // no delimeters for the fix ;)
                 currentWindow = new Window(overallWidth, overallHeight, currentFirm.profilesSupport[currentFirmCurrentProfileIndex], del);
                 break;
             }
             case 'fix_otv_fix': {
                 del = [overallHeight, overallHeight];   // two delimeters by window height
                 currentWindow = new Window(overallWidth, overallHeight, currentFirm.profilesSupport[currentFirmCurrentProfileIndex], del);
                 currentWindow.AddWing(wingWidth, overallHeight);
                 break;
             }
             case 'fix_otv_otv_fix': {
-        //document.getElementById(elementId).style.display = block;
+
                 currentWindow = new Window(overallWidth, overallHeight, currentFirm.profilesSupport[currentFirmCurrentProfileIndex], del);
                 currentWindow.AddWing(wingWidth, overallHeight);
                 currentWindow.AddWing(wingWidth, overallHeight);
                 break;
             }
             case 'otv': {
                 del = [0, 0]
                 currentWindow = new Window(overallWidth, overallHeight, currentFirm.profilesSupport[currentFirmCurrentProfileIndex], del);
                 currentWindow.AddWing(overallWidth, overallHeight);
                 break;
             }
             case 'otv_fix': {
                 del = [overallHeight];
                 currentWindow = new Window(overallWidth, overallHeight, currentFirm.profilesSupport[currentFirmCurrentProfileIndex], del);
                 currentWindow.AddWing(wingWidth, overallHeight);
                 break;
             }
             case 'otv_fix_otv': {
                 del = [overallHeight, overallHeight];   // two delimeters by window height
                 currentWindow = new Window(overallWidth, overallHeight, currentFirm.profilesSupport[currentFirmCurrentProfileIndex], del);
                 currentWindow.AddWing(wingWidth, overallHeight);
                 currentWindow.AddWing(wingWidth, overallHeight);
                 break;
             }
             case 'otv_fix_vrata': {
                 // the door part
                 del = [doorWidth];
                 currentWindow = new Window(doorWidth, doorHeight, currentFirm.profilesSupport[currentFirmCurrentProfileIndex], del);
                 currentWindow.AddWing(doorWidth, doorHeight);
                 resultToDisplay += currentFirm.glassesSupport[currentFirmCurrentGlassIndex].GetPrice(currentWindow.GetWindowArea());
                 resultToDisplay += currentWindow.GetPrice();
 
                 // the window part
                 del = [overallHeight];
                 currentWindow = new Window(overallWidth, overallHeight, currentFirm.profilesSupport[currentFirmCurrentProfileIndex], del);
                 currentWindow.AddWing(wingWidth, overallHeight);
 
                 break;
             }
             case 'proz_fix_vrata': {
                 // the door part
                 del = [doorWidth];
                 currentWindow = new Window(doorWidth, doorHeight, currentFirm.profilesSupport[currentFirmCurrentProfileIndex], del);
                 currentWindow.AddWing(doorWidth, doorHeight);
                 resultToDisplay += currentFirm.glassesSupport[currentFirmCurrentGlassIndex].GetPrice(currentWindow.GetWindowArea());
                 resultToDisplay += currentWindow.GetPrice();
 
                 // the window part
                 del = [0, 0];
                 currentWindow = new Window(overallWidth, overallHeight, currentFirm.profilesSupport[currentFirmCurrentProfileIndex], del);
                 break;
             }
             case 'vrata': {
                 del = [overallWidth]
                 currentWindow = new Window(overallWidth, overallHeight, currentFirm.profilesSupport[currentFirmCurrentProfileIndex], del);
                 currentWindow.AddWing(overallWidth, overallHeight);
                 break;
             }
 
             default: break;
         }
 
         // Procceed and Return the COST result
         resultToDisplay += currentFirm.glassesSupport[currentFirmCurrentGlassIndex].GetPrice(currentWindow.GetWindowArea());
         resultToDisplay += currentWindow.GetPrice();
         resultToDisplay = resultToDisplay.toFixed(2);
 
         alert(resultToDisplay);
     })();
 }
 
 function showElement(elementId, show) {
     var element = document.getElementById(elementId);
 
     if (show == false) {
         document.getElementById(elementId).style.visibility = 'hidden';
     }
     else {
         document.getElementById(elementId).style.visibility = 'visible';
     }
 }
 
 function LoadLists() {
     // First time initialazation and displayng of whole data
     // After select an option the other dropdowns has filtering
 
     // Every firm
     (loadFirms = function () {
         var selectLocation = document.getElementById('firmList');
 
         for (var i = 0; i < customers.length; i++) {
             selectLocation.options[selectLocation.options.length] = new Option(customers[i].name)
         }
     })();
 
     // Every Profile
     (loadProfiles = function () {
         var selectLocation = document.getElementById('profilesList');
 
         for (var i in Profiles) {
             selectLocation.options[selectLocation.options.length] = new Option(i);
         }
     })();
 
     // Every glass
     (loadGlasses = function () {
         var selectLocation = document.getElementById('glassesList');
 
         for (var i in Glasess) {
             var t = Glasess[i];
             selectLocation.options[selectLocation.options.length] = new Option(t.name);
         }
     })();
 
     (loadMechanisms = function () {
         // removes every option before insert all to avoid dublicate
         document.getElementById('mechanismList').options.length = 1;
 
         var selectLocation = document.getElementById('mechanismList');
 
         for (var i in MechanismsEnum) {
             selectLocation.options[selectLocation.options.length] = new Option(i);
         }
     })();
 
     // The profileColors is inline written
     // TODO: Check the option items Contains() an option, and if not to add it, if yes -> no
 }
 
 function Filter(filterBy) {
     // Remove Every option
     function removeAllOptions(id) {
         document.getElementById(id).options.length = 1;
     }
 
     // Reload everytink
     function Clear() {
         removeAllOptions('firmList');
         removeAllOptions('profilesList');
         removeAllOptions('glassesList');
         LoadLists();
     }
 
     switch (filterBy) {
         case 'profile': {
             if (document.getElementById("profilesList").selectedIndex > 0) {
 
                 // Removers every firm
                 var _firmList = document.getElementById('firmList');
                 var _selectedFirm = _firmList.options[_firmList.selectedIndex].text;
                 removeAllOptions('firmList');
 
                 // Set only firm's that have that profile
                 var profilelist = document.getElementById('profilesList');
                 var profileName = profilelist.options[profilelist.selectedIndex].text;
 
-(loadFirmData = function () {
+
-    // TODO: Filter the customer.push() tru argument City, for city fitering
+
-    // eg.: InnerDataManager(burgas); -> push() every firm in 'Burgas'
+
                             var selectLocation = document.getElementById('firmList');
                             selectLocation.options[selectLocation.options.length] = new Option(customers[i].name)
                         }
                     }
                 }
                 // restore the prevouse selected after refreshing
                 _firmList.value = _selectedFirm;
                 break;
             }
-    var Claudi = new Customer('Клауди 2011 ЕООД');
+
-    Claudi.profilesSupport.push(new Profile(Profiles.KMG, 5.8, 5.8, 5.8, 5, 5));
+
-    Claudi.profilesSupport.push(new Profile(Profiles.VEKA, 5.8, 5.8, 5.8, 5, 5));
+
-    Claudi.profilesSupport.push(new Profile(Profiles.Salamander, 5.8, 5.8, 5.8, 5, 5));
+
-    Claudi.glassesSupport.push(new Glass(Glasess.regular, 24, 0.18));
+
-    Claudi.glassesSupport.push(new Glass(Glasess.Ka, 29, 0.18));
+
-    customers.push(Claudi);
+
             if (document.getElementById("firmList").selectedIndex > 0) {
 
-    var RollPlast = new Customer('Ролпласт');
+
                 var _profileList = document.getElementById('profilesList');
                 var _selectedProfile = _profileList.options[_profileList.selectedIndex].text;
 
                 var _glassList = document.getElementById('glassesList');
                 var _selectedGlass = _glassList.options[_glassList.selectedIndex].text;
 
                 removeAllOptions('profilesList');
                 removeAllOptions('glassesList');
 
                 // Set only profiles that support that firm
-})();
+
                 var firmName = firmList.options[firmList.selectedIndex].text;
                 var firmSearchIndex = 0;
                 for (var i = 0; i < customers.length; i++) {
                     if (customers[i].name == firmName) {
                         firmSearchIndex = i;
                         continue;
                     }
                 }
                 // update the profile list
                 debugger;
                 for (var j = 0; j < customers[firmSearchIndex].profilesSupport.length; j++) {
                     var selectLocation = document.getElementById('profilesList');
                     selectLocation.options[selectLocation.options.length] = new Option(customers[firmSearchIndex].profilesSupport[j].name);
                 }
 
                 // update the glass list
                 for (var k = 0; k < customers[firmSearchIndex].glassesSupport.length; k++) {
                     var selectLocation = document.getElementById('glassesList');
                     selectLocation.options[selectLocation.options.length] = new Option(customers[firmSearchIndex].glassesSupport[k].name.name);
                 }
 
                 // restore the prevouse selected after refreshing
                 _profileList.value = _selectedProfile;
                 break;
             }
             else {
                 Clear();
                 break;
             }
         }
 
         case 'glass': {
             // TODO:
             break;
         }
 
         case 'clear': {
             // Clear the whole form
             Clear();
             break;
         }
 
         case 'mech': {
             // Filter the firms that has current mech and profile that has supported
 
             if (document.getElementById("mechanismList").selectedIndex > 0) {
                 // 1. Get all firms that support that mech
                 // Removers every firm
                 var _firmList = document.getElementById('firmList');
                 var _selectedFirm = _firmList.options[_firmList.selectedIndex].text;
                 var loadedFirms = new Array();
                 removeAllOptions('firmList');
 
                 // Set only firm's that have that mechanism
                 var mechanismList = document.getElementById('mechanismList');
                 var _mechanismName = mechanismList.options[mechanismList.selectedIndex].text;
 
                 for (var i = 0; i < customers.length; i++) {
                     for (var j = 0; j < customers[i].mechanismSupport.length; j++) {
                         if (customers[i].mechanismSupport[j].name == _mechanismName) {
                             var selectLocation = document.getElementById('firmList');
                             // TODO:
                             //if (contains(loadedFirms,customers[i]) == false) {
                                 loadedFirms.push(customers[i]);
                                 selectLocation.options[selectLocation.options.length] = new Option(customers[i].name)
                             //}
                         }
                     }
                 }
 
                 // 2. Get all the profiles of that firm that support that mech
                 var _profileList = document.getElementById('profilesList');
                 removeAllOptions('profilesList');
                 debugger;
                 for (var i = 0; i < loadedFirms.length; i++) {
                     for (var j = 0; j < loadedFirms[i].profilesSupport.length; j++) {
                         for (var k = 0; k < loadedFirms[i].mechanismSupport.length; k++) {
                             if (loadedFirms[i].mechanismSupport[k].name == _mechanismName) {
                                 var tmp = loadedFirms[i].mechanismSupport[k];
                                 if (loadedFirms[i].profilesSupport[j].name == tmp.forProfileType) {
                                     // TODO:
                                     _profileList.options[_profileList.options.length] = new Option(loadedFirms[i].profilesSupport[j].name);
                                 }
                             }
                         }
                     }
                 }
             }
             else {
                 // DO NOTHING
             }
 
             break;
         }
 
         default:
             break;
     }
 }
 
 // ### MAIN ###
 
 // StartUp function
 function Initialize() {
     // Load saved positions for windows, and they'r images
     InitializePositions();
     // First time initialazation and displayng of whole data
     LoadLists();
 }
 
 // Load firms and specifications
 function loadFirmData(firmName) {
     // # Push Profile:
     // # new Profile(name, casePrice, wingPrice, delimeterPrice, delimeterPricePerCount, workCost);
     // # Description:
     // name: ...
     // casePrice: ...
     // ...
     // Customer #1
     var inputFirm = new Customer(firmName);
     /*
     inputFirm.profilesSupport.push(new Profile(Profiles.KMG, 5.8, 5.8, 5.8, 5, 5));
     inputFirm.profilesSupport.push(new Profile(Profiles.VEKA, 5.8, 5.8, 5.8, 5, 5));
     inputFirm.profilesSupport.push(new Profile(Profiles.Salamander, 5.8, 5.8, 5.8, 5, 5));
     inputFirm.glassesSupport.push(new Glass(Glasess.regular, 24, 0.18));
     inputFirm.glassesSupport.push(new Glass(Glasess.Ka, 29, 0.18));
     inputFirm.mechanismSupport.push(new Mechanism(MechanismsEnum.Endow, Profiles.KMG));
     inputFirm.mechanismSupport.push(new Mechanism(MechanismsEnum.Siegenia, Profiles.KMG));
     inputFirm.mechanismSupport.push(new Mechanism(MechanismsEnum.Siegenia, Profiles.VEKA));
     */
     customers.push(inputFirm);
 
     // Customer #2
     /*
     var RollPlast = new Customer(firmName);
     RollPlast.profilesSupport.push(new Profile(Profiles.Trocal, 5.8, 5.8, 5.8));
     RollPlast.profilesSupport.push(new Profile(Profiles.VEKA, 5.8, 5.8, 5.8));
     RollPlast.glassesSupport.push(new Glass(Glasess.regular, 24, 1));
     RollPlast.mechanismSupport.push(new Mechanism(MechanismsEnum.Winkhaus, Profiles.Trocal));
     customers.push(RollPlast);
 	*/
 
     // Customer #3
     //
     //
     //
 
 }
 
 function Wizard(step) {
     // Recursive
     // 6-7 steps or more
     var stepMessages = new Array();
     // Push some messages
     // Massage 1 - step1
     // Massage 2 - step2
     //....
 
     var stepCounter = stepMessages.length;
 }
 
 function getCustomerIndexByName(customerName){
 	for (var i=0; i < customers.length; i++) {
 	  if (customers[i].name == customerName) {
 	  	return i;
 	  	continue;
 	  };
 	};
 }