// (c) Copyright 2007 - 2010 Roy Henderson(henderson.roy@gmail.com)

        // Global Vars
        var booAProductHasBeenAddedToComparator = false;
        
        // iPad/iPhone/iPod detection
        var strComparatorClientName = navigator.userAgent;
        var booComparatorFoundiPadiPhoneiPod = false;
        if (strComparatorClientName.indexOf('iPhone')!=-1) {booComparatorFoundiPadiPhoneiPod=true}
        if (strComparatorClientName.indexOf('iPad')!=-1) {booComparatorFoundiPadiPhoneiPod=true}
        if (strComparatorClientName.indexOf('iPod')!=-1) {booComparatorFoundiPadiPhoneiPod=true}
        
        // * * * Cookie Handler * * *
        function CookieHandler() 
            {
	        this.setCookie = function (name, value, seconds) {
         
		        if (typeof(seconds) != 'undefined') {
			        var date = new Date();
			        date.setTime(date.getTime() + (seconds*1000));
			        var expires = "; expires=" + date.toGMTString();
		        }
		        else {
			        var expires = "";
		        }
         
		        document.cookie = name+"="+value+expires+"; path=/";
	        }   // End of setCookie
         
	        this.getCookie = function (name) {
         
		        name = name + "=";
		        var carray = document.cookie.split(';');
         
		        for(var i=0;i < carray.length;i++) {
			        var c = carray[i];
			        while (c.charAt(0)==' ') c = c.substring(1,c.length);
			        if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
		        }
		        return null;
	        }   // End of getCookie
         
	        this.deleteCookie = function (name) {
		        this.setCookie(name, "", -1);
	        }   // End of deleteCookie
	        
	        
	        // Slot Management
	        this.slotSet = function (strSlotNumber,strObjName,strProductCode,strProductCode360) {
	            this.setCookie('SlotObjName' + strSlotNumber,strObjName,10000);
	            this.setCookie('SlotProductCode' + strSlotNumber,strProductCode,10000);
	            this.setCookie('SlotProductCode360' + strSlotNumber,strProductCode360,10000);
	            this.setCookie('SlotInitialRotate' + strSlotNumber,'yes',10000);
	        }   // End of slotSet
	        
	        this.slotGetObjName = function (strSlotNumber) {
	            return this.getCookie('SlotObjName' + strSlotNumber);
	        }   // End of slotGetObjName
	        
	        this.slotGetInitialRotate = function (strSlotNumber) {
	            return this.getCookie('SlotInitialRotate' + strSlotNumber);
	        }   // End of slotGetInitialRotate
	        
	        this.slotSetInitialRotate = function (strSlotNumber,strNewSetting) {
	            this.setCookie('SlotInitialRotate' + strSlotNumber,strNewSetting,10000);
	        }   // End of slotSetInitialRotate
	        
	        this.slotGetProductCode = function (strSlotNumber) {
	            return this.getCookie('SlotProductCode' + strSlotNumber);
	        }   // End of slotGetProductCode
	        
	        this.slotGetProductCode360 = function (strSlotNumber) {
	            return this.getCookie('SlotProductCode360' + strSlotNumber);
	        }   // End of slotGetProductCode360
	        
	        this.slotGetSlot = function (strProductCode) {
	            if (this.slotGetProductCode('1') == strProductCode) {return '1'}
	            if (this.slotGetProductCode('2') == strProductCode) {return '2'}
	            if (this.slotGetProductCode('3') == strProductCode) {return '3'}
	            if (this.slotGetProductCode('4') == strProductCode) {return '4'}
	            if (this.slotGetProductCode('5') == strProductCode) {return '5'}
	            if (this.slotGetProductCode('6') == strProductCode) {return '6'}
	            return '0';
	        }   // End of slotGetSlot
	        
	        this.slotGetFirstAvailable = function () {
	            if ('[' + this.slotGetProductCode('1') + ']' == '[null]') {return '1'}
	            if ('[' + this.slotGetProductCode('2') + ']' == '[null]') {return '2'}
	            if ('[' + this.slotGetProductCode('3') + ']' == '[null]') {return '3'}
	            if ('[' + this.slotGetProductCode('4') + ']' == '[null]') {return '4'}
	            if ('[' + this.slotGetProductCode('5') + ']' == '[null]') {return '5'}
	            if ('[' + this.slotGetProductCode('6') + ']' == '[null]') {return '6'}
	            return '0';
	        }   // End of slotGetFirstAvailable
	        
	        this.slotMoveSlotsOneLeft = function () {	
	            var strIni = '';
	            
	            strIni = this.slotGetInitialRotate('2');
	            this.slotSet('1',this.slotGetObjName('2'),this.slotGetProductCode('2'),this.slotGetProductCode360('2'));
	            this.slotSetInitialRotate('1',strIni);
	            
	            strIni = this.slotGetInitialRotate('3');
	            this.slotSet('2',this.slotGetObjName('3'),this.slotGetProductCode('3'),this.slotGetProductCode360('3'));
	            this.slotSetInitialRotate('2',strIni);
	            
	            strIni = this.slotGetInitialRotate('4');
	            this.slotSet('3',this.slotGetObjName('4'),this.slotGetProductCode('4'),this.slotGetProductCode360('4'));
	            this.slotSetInitialRotate('3',strIni);
	            
	            strIni = this.slotGetInitialRotate('5');
	            this.slotSet('4',this.slotGetObjName('5'),this.slotGetProductCode('5'),this.slotGetProductCode360('5'));
	            this.slotSetInitialRotate('4',strIni);
	            
	            strIni = this.slotGetInitialRotate('6');
	            this.slotSet('5',this.slotGetObjName('6'),this.slotGetProductCode('6'),this.slotGetProductCode360('6'));
	            this.slotSetInitialRotate('5',strIni);
	            
	            strIni = this.slotGetInitialRotate('2');
	            this.slotSet('6',null,null,null);
	        }
	        
	        this.slotAddProduct = function (strObjName,strProductCode,strProductCode360) {
	            if (this.slotGetSlot(strProductCode) != '0') {return false};    // Already in a slot
	            var strSlot = this.slotGetFirstAvailable();
	            if (strSlot == '0') {this.slotMoveSlotsOneLeft();strSlot='6'};
	            this.slotSet(strSlot,strObjName,strProductCode,strProductCode360);
	            return true;
	        }   // End of slotAddProduct
	        
	        this.slotRemoveProduct = function (strProductCode) {
	            var strSlot = this.slotGetSlot(strProductCode);
	            if (strSlot == '0') {return false}
	            this.slotSet(strSlot,null,null,null);
	            return true;
	        }   // slotRemoveProduct
	        
	        
	        
        }   // End of CookieHandler
        
        
        // * * *  360 Rotation  * * *
        function image360Handler()
            {
            // * * * General functions * * *
            this.browserDetect = function () {
                var browsername = navigator.appName;
                if (browsername.search(/netscape/i) == 0)
                   {
                    return 'NS';
                   }
                else if (browsername.search(/microsoft/i) == 0)
                   {
                   return 'IE';
                   }
                else
                   {
                   return 'other';
                   }            
            }   // End of browserDetect
            
            this.ojbName = function () { 
                if (typeof obj != "object" || obj === null) return false;
                else return /(\w+)\(/.exec(obj.constructor.toString())[1];
            }
            
            // * * * 360 Bar Functions * * *
            var strBrowser = this.browserDetect();
            imgSlctGif1 = new Image;
            imgSlctGif1.src = 'purelyimages/verticallow360-1.gif';
            imgSlctGif2 = new Image;
            imgSlctGif2.src = 'purelyimages/verticallow360-2.gif';
            imgRotationClick = new Image;
            imgRotationClick.src = 'purelyimages/comparator360loading.gif';
            imgRotationClickX = new Image;
            imgRotationClickX.src = 'purelyimages/comparatorrotationlow360.gif';
            
        
            this.barItemState = function (intItem, intSelected) {
                var strImageName = str360ObjName + 'imgslct' + intItem;
                
                if (intSelected == 1) {
                    try {
                        document[strImageName].src = imgSlctGif1.src;
                    }
                    catch(err) {
                      // Do Nothing
                    }                    
                }
                else {
                    try {
                        document[strImageName].src = imgSlctGif2.src;
                    }
                    catch(err) {
                      // Do Nothing
                    }
                }   // End If
            }   // End of barUpdateItem
            
            this.barClearAll = function () {
                var i = 0;
                for (i=1;i<=20;i++) {
                    this.barItemState(i,0);
                }
            }   // End of barClearAll
            
            this.barSelectItem = function (intItem) {
                this.barClearAll();
                this.barItemState(intItem, 1);
            
            }   // End of barSelectItem
            
            this.barSelectItems = function (intNumberOfItems) {
                this.barClearAll();
                if (intNumberOfItems >= 1) {
                    var i = 0;
                    for (i=1;i<=intNumberOfItems;i++) {
                        this.barItemState(i,1);
                    }
                
                }
            
            }   // End of barSelectItems
            
            // * * * 360 Central Image Functions * * *
            var strProductCodeImg1 = '';
            var strProductCodeImg360 = '';
            var str360ObjName = '';
            var str360ObjHandlerName = '';
            var intRotateStep = 0;
            var intComparator360Active = 1;
            var intRotationMode = 1;
            var intAutoResetTimer = 0;
            var intLoadingTimeout = 0;
            var intPauseTimer = 0;
            var intSkipInitialRotate = 0;
            
            var imgDisplay0 = new Image;    // default image
            var imgDisplay1 = new Image;
            var imgDisplay2 = new Image;
            var imgDisplay3 = new Image;
            var imgDisplay4 = new Image;
            var imgDisplay5 = new Image;
            var imgDisplay6 = new Image;
            var imgDisplay7 = new Image;
            var imgDisplay8 = new Image;
            var imgDisplay9 = new Image;
            var imgDisplay10 = new Image;
            var imgDisplay11 = new Image;
            var imgDisplay12 = new Image;
            var imgDisplay13 = new Image;
            var imgDisplay14 = new Image;
            var imgDisplay15 = new Image;
            var imgDisplay16 = new Image;
            var imgDisplay17 = new Image;
            var imgDisplay18 = new Image;
            var imgDisplay19 = new Image;
            var imgDisplay20 = new Image;


            this.deleteClick = function() {
                intRotationMode = 0;
            }   // End of deleteClick            
            
            this.productcodeImg1Set = function (strProductCode) {
                strProductCodeImg1 = strProductCode;
                
            }   // End of productcodeSet
            
            this.productcodeImg1Get = function () {
                return strProductCodeImg1;

            }   // End of productcodeGet

            this.productcodeImg360Set = function (strProductCode360) {
                strProductCodeImg360 = strProductCode360;
                intRotationMode = 1;    // Load images mode
                
            }   // End of productcodeSet
            
            this.productcodeImg360Get = function () {
                return strProductCodeImg360;

            }   // End of productcodeGet
                        
            this.imageLoad = function (intImageNumber, strAddress) {
                var strImageName = 'imgDisplay' + intImageNumber + '.src = strAddress';
                eval(strImageName);
                
            }   // End of imageLoadImage
            
            this.imageDownload20 = function (strProductCode,strProductCode360) {
                this.imageLoad(0,'../shop/PublicImages/productimages/lowres/Image' + strProductCode + '-1.jpg');     // default
                this.imageLoad(1,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-1.jpg');   
                this.imageLoad(2,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-3.jpg');   
                this.imageLoad(3,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-5.jpg');   
                this.imageLoad(4,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-7.jpg');   
                this.imageLoad(5,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-9.jpg');   
                this.imageLoad(6,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-11.jpg');   
                this.imageLoad(7,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-13.jpg');   
                this.imageLoad(8,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-15.jpg');   
                this.imageLoad(9,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-17.jpg');   
                this.imageLoad(10,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-19.jpg');   
                this.imageLoad(11,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-21.jpg');   
                this.imageLoad(12,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-23.jpg');   
                this.imageLoad(13,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-25.jpg');   
                this.imageLoad(14,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-27.jpg');   
                this.imageLoad(15,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-29.jpg');   
                this.imageLoad(16,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-31.jpg');   
                this.imageLoad(17,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-33.jpg');   
                this.imageLoad(18,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-35.jpg');   
                this.imageLoad(19,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-37.jpg');   
                this.imageLoad(20,'../shop/PublicImages/productimages360/' + strProductCode360 + '/ImageLow-39.jpg');               
            
            }
            
            this.imageIsLoaded = function (imgName) {
                var strEval = imgName + '.complete';
                if (!eval(strEval)){
                    return false;
                }
                if (strBrowser != 'IE') {
                    var strEval = 'typeof ' + imgName + '.naturalWidth !=' + ' "undefined"' + ' && ' + imgName + '.naturalWidth';
                    if (eval(strEval) == 0) {
                       return false;
                    }
                }
                return true;            
            
            }   // End of imageIsLoaded
            
            this.imageLoadCount = function () {
                var i = 0;
                var intCounter = 0;
                for (i=1;i<=20;i++) {
                    var imgName = 'imgDisplay' + i;
                    if (this.imageIsLoaded(imgName) == true) {intCounter++};
                }
                return intCounter;
                
            }   // End of imageLoadCount
            
            this.imageDisplay = function (intImageNumber) {
                var strImageName = 'imgDisplay' + intImageNumber + '.src';
                document[str360ObjName + 'imgDisplay'].src = eval(strImageName);
                
            }   // End of imageDisplay
            
            
            // * * * 360 Rotation * * *
            
            this.pauseOn = function () {
                intPauseTimer = 1;
            }   // End of pauseOn
 
            this.pauseOff = function () {
                intPauseTimer = 0;
            }   // End of pauseOff
            
            this.intSkipInitialRotateYes = function () {
                intSkipInitialRotate = 1;
            }   // End of intSkipInitialRotateYes 

            this.intSkipInitialRotateNo = function () {
                intSkipInitialRotate = 0;
            }   // End of intSkipInitialRotateNo
            
            this.autoResetTimerClear = function () {
                intAutoResetTimer = 50;
            
            }   // End of autoResetTimerClear

            this.autoResetTimerTick = function () {
                if (intAutoResetTimer == 0) {
                    return true;
                }
                
                intAutoResetTimer--;
                if (intAutoResetTimer == 0) {
                    // Completed
                    this.imageDisplay(0);
                    intRotateStep = 9;
                    this.barClearAll();
                }
            
            }   // End of autoResetTimerTick
            
            this.loadingTimeoutClear = function () {
                intLoadingTimeout = 0;
            }   // End of loadingTimeoutClear
            
            this.loadingTimeoutTick = function () {
                intLoadingTimeout++;
                if (intLoadingTimeout >= 250) {
                    // Timedout
                    alert('Timedout');
                    intRotationMode = 0;    // Deleted
                }
            
            }   // End of loadingTimeoutTick
                        
            this.rotateNextStep = function () {
                // Move to next step
                intRotateStep++;
                if (intRotateStep >= 21) {
                    intRotateStep = 1;
                }
                // Change image
                this.imageDisplay(intRotateStep);
                
            }   // rotateNextStep
            
            this.rotateGetRotationMode = function () {
                return intRotationMode;
            }   //rotateGetRotationMode
            
            this.rotateOnOffSwitch = function () {
                if (intRotationMode == 4) {
                    // Change to On
                    intRotationMode = 5;
                    return true;
                }

                if (intRotationMode == 5) {
                    // Change to Off
                    this.autoResetTimerClear();
                    intRotationMode = 4;
                    return false;
                }
                
            }   // End of rotateOnOffSwitch
            
            this.rotateRollover = function (intImageNumber) {
                if (intRotationMode == 4) {
                    if (intImageNumber >= 1) {
                        this.imageDisplay(intImageNumber);
                        this.barSelectItem(intImageNumber);    
                        this.autoResetTimerClear();
                    } 
                }
            }   // End of imageDisplayRollover

            this.rotateClick = function (intImageNumber) {
                if (intRotationMode == 3) {
                    intRotationMode = 4;
                    this.imageDisplay(intImageNumber);
                    this.barSelectItem(intImageNumber);    
                    this.autoResetTimerClear();
                    return true;
                }
                
                if (intRotationMode == 5) {
                    intRotationMode = 4;
                    this.imageDisplay(intImageNumber);
                    this.barSelectItem(intImageNumber);    
                    this.autoResetTimerClear();
                    return true;
                }
                
                return false;          
            }   // End of rotateClick

            this.rotateTimerProcedure = function () {
                // Pause
                if (intPauseTimer == 1) {return true}
                
                // Modes        0 = Deleted
                //              1 = Startup Loading - place images into imgDisplay vars
                //              2 = Show Loading bar
                //              3 = Initial Rotation - From image 11 to image 10 via 20
                //              4 = Normal running - Waiting for auto reset
                //              5 = Auto rotate
                
                if (intComparator360Active == 1) {
                    switch (intRotationMode) {
                    case 0: // Do nothing
                        break;
                    case 1: // Startup
                        if (this.productcodeImg360Get()=='0') {intRotationMode = 6; break;}
                        this.imageDownload20(this.productcodeImg1Get(),this.productcodeImg360Get());
                        this.loadingTimeoutClear();
                        intRotationMode = 2;
                        this.pauseOff();
                        break;
                        
                    case 2: // Loading bar
                        this.loadingTimeoutTick();
                        var imgCount = this.imageLoadCount();
                        
                        if (imgCount == 20) {
                            // Completed
                            this.barClearAll();
                            intRotationMode = 3;
                            intRotateStep = 10;
                            document[str360ObjName + 'img360pauseplay'].src = imgRotationClickX.src;
                        }
                        else {
                            // Update bar
                            this.barSelectItems(imgCount);
                        }
                        break;
                        
                    case 3:
                        // Skip Inital rotate
                        if (intSkipInitialRotate == 1) {
                            // Skip
                            intRotationMode = 4;
                            intAutoResetTimer = 1;
                            intSkipInitialRotate = 0;
                        }
                        else {
                            // Initial rotation  - From image 11 to image 10 via 20
                            this.rotateNextStep();
                            this.barSelectItem(intRotateStep); 
                            if (intRotateStep == 10) {
                                // Completed
                                intRotationMode = 4;
                                intAutoResetTimer = 50;
                                intSkipInitialRotate = 0;
                            }
                        }
                        break;
                    case 4:
                        // Normal running
                        this.autoResetTimerTick();
                        break;
                        
                    case 5:
                        // Auto rotate
                        this.rotateNextStep();
                        this.barSelectItem(intRotateStep); 
                        break;
                    case 6:
                        // No 360 to rotate
                         

                    default :// Delete 360
                        break;

                    }   // End of switch
                
                
                }   // End of if Comparator Active
                
                // Re run Timeout
                if (intRotationMode == 0) {
                    return false;   // delete mode don't continue running code
                }
                else {
                    return true;    // Continue code
                }
               
            }   // End of rotateTimerProcedure
            
            this.rotateTimerHandler = function () {
                if (this.rotateTimerProcedure() == true) {
                    // Continue running code
                    setTimeout(str360ObjHandlerName,100);       // Must be set to a code object
                }
            
            }   // End of rotateTimerHandler

            this.rotateTimerHandlerStartup = function (strObjName,strObjHandlerName,strProductCode,strProductCode360) {
                str360ObjName = strObjName;
                str360ObjHandlerName = strObjHandlerName;
                this.productcodeImg1Set(strProductCode);
                this.productcodeImg360Set(strProductCode360);
                this.rotateTimerHandler();     // Launch timer
            
            }   // End of rotateTimerHandlerStartup
            
        }   // End of ComparatorHander
        
        
        // * * * XML Transfer * * * 
        function xmlHandler()
            {
            var xmlhttp;
            // * * * Load XML documents from server * * *
            this.loadXMLdoc = function (url, strProcedure) {
                xmlhttp = null;
                
                if (window.XMLHttpRequest) {
                    xmlhttp=new XMLHttpRequest();
                }
                else if (window.ActiveXObject) {
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                if (xmlhttp!=null) {
                        eval('xmlhttp.onreadystatechange=' + strProcedure + ';');
                        xmlhttp.open("GET",url,true);
                        xmlhttp.send(null);
                }
                else {
                        alert("Your browser does not support XMLHTTP.");
                }
                                
            }   // End of loadXML
            
            this.stateChangeloadXMLDoc = function () {
                if (xmlhttp.readyState == 4) {
                    // 4 = loaded
                    if (xmlhttp.status == 200) {
                        // 200 = OK
                        // ...our code here...
                        alert(xmlhttp.status);
                        alert(xmlhttp.statusText);
                        alert("[" + xmlhttp.responseText + "]");
                    }
                    else {
                        //alert("Problem retrieving XML data");
                    }
                }
            }   // End of stateChangeloadXMLDoc
            
            this.stateChangeloadXMLintoSlot = function () {
                if (xmlhttp.readyState == 4) {
                    // 4 = loaded
                    if (xmlhttp.status == 200) {
                        // 200 OK
                        var strHTML = xmlhttp.responseText;
                        var strEval = strHTML.substring(0, strHTML.indexOf(':'));
                        var strHTMLSpan = strHTML.substring(strHTML.indexOf(':') + 1, strHTML.length);
                        //document.getElementById('Comparator360Slot1').innerHTML = strHTMLSpan;
                        
                        try {
                            eval(strEval);
                            if (booAProductHasBeenAddedToComparator==true) {PublicFunctionComparatorAutoOpenUpdateInitiate()};    // Force open / autoclose
                        }
                        catch(err) {
                            // Do Nothing
                        }   
                        //document.getElementById('Comparator360Slot1').innerHTML = xmlhttp.responseText;
                        //objSlot1.rotateTimerHandlerStartup('objSlot1','objSlot1.rotateTimerHandler()','6066');
                    }
                    else {
                        //alert("Problem retrieving XML data");
                    }
                }
            }   // End of stateChangeloadXMLintoSlot
            
            

            
                    
        }   // End of xmlHandler       
        
     
        // * * *  Public Functions to initialise the comparator * * *
        function LoadProductIntoSlot(strSlot, strProductCode, strRunInitialRotate, strProductCode360) {
            if (strRunInitialRotate == 'no') {
                eval('objSlot' + strSlot + '.intSkipInitialRotateYes()');
                }
            else {
                var objCookie = new CookieHandler();
                objCookie.slotSetInitialRotate(strSlot,'no');
                objCookie = null;
            }
            document.getElementById('Comparator360Slot' + strSlot).innerHTML = '<img src="purelyimages/comparatorloading.gif" />';
            var strRandom = '&postrandomizer=' +  Math.random();
            var strEval = 'objXMLdocSlot' + strSlot + '.loadXMLdoc("http://www.purelywigs.co.uk/shop/Comparator360xmlReceiver.aspx?fn=1&productcodeimg1=' + strProductCode + '&productcodeimg360=' + strProductCode360 + '&objname=objSlot' + strSlot + '&spanname=Comparator360Slot' + strSlot + strRandom + '","objXMLdocSlot' + strSlot + '.stateChangeloadXMLintoSlot' + '");';
            eval(strEval);
        }
        
        function PublicFunctionInitiateComparatorFromCookie() {
            var objCookie = new CookieHandler();

            if ('[' + objCookie.slotGetProductCode('1') + ']' != '[null]') {LoadProductIntoSlot('1',objCookie.slotGetProductCode('1'),objCookie.slotGetInitialRotate('1'),objCookie.slotGetProductCode360('1'))}
            if ('[' + objCookie.slotGetProductCode('2') + ']' != '[null]') {LoadProductIntoSlot('2',objCookie.slotGetProductCode('2'),objCookie.slotGetInitialRotate('2'),objCookie.slotGetProductCode360('2'))}
            if ('[' + objCookie.slotGetProductCode('3') + ']' != '[null]') {LoadProductIntoSlot('3',objCookie.slotGetProductCode('3'),objCookie.slotGetInitialRotate('3'),objCookie.slotGetProductCode360('3'))}
            if ('[' + objCookie.slotGetProductCode('4') + ']' != '[null]') {LoadProductIntoSlot('4',objCookie.slotGetProductCode('4'),objCookie.slotGetInitialRotate('4'),objCookie.slotGetProductCode360('4'))}
            if ('[' + objCookie.slotGetProductCode('5') + ']' != '[null]') {LoadProductIntoSlot('5',objCookie.slotGetProductCode('5'),objCookie.slotGetInitialRotate('5'),objCookie.slotGetProductCode360('5'))}
            if ('[' + objCookie.slotGetProductCode('6') + ']' != '[null]') {LoadProductIntoSlot('6',objCookie.slotGetProductCode('6'),objCookie.slotGetInitialRotate('6'),objCookie.slotGetProductCode360('6'))}
        
        }   // End of PublicFunctionInitiateComparatorFromCookie
        
        function PublicFunctionDeleteFromSlot(strProductCode) {
            var objCookie = new CookieHandler();
            var strProductSlot = objCookie.slotGetSlot(strProductCode);
            if (strProductSlot != '0') {
                eval('objSlot' + strProductSlot + '.deleteClick()');
                objCookie.slotRemoveProduct(strProductCode);
                document.getElementById('Comparator360Slot' + strProductSlot).innerHTML = '';
            }
        }   // End of PublicFunctionDeleteFromSlot
        
        function PublicFunctionAddProductToSlot(strProductCode,strProductCode360) {
            var objCookie = new CookieHandler();
            var strNextSlot = objCookie.slotGetFirstAvailable();
            var strFullReload = 'no';
            if (strNextSlot == '0') {strNextSlot = '6'; strFullReload = 'yes';}
            if (objCookie.slotAddProduct('objSlot' + strNextSlot,strProductCode,strProductCode360) == true) {
                if (strFullReload == 'yes') {
                    objSlot1.deleteClick();
                    objSlot2.deleteClick();
                    objSlot3.deleteClick();
                    objSlot4.deleteClick();
                    objSlot5.deleteClick();
                    objSlot6.deleteClick();
                    PublicFunctionInitiateComparatorFromCookie();                    
                }
                else {
                    var strProductSlot = objCookie.slotGetSlot(strProductCode);
                    if (strProductSlot != '0') {
                        eval('objSlot' + strProductSlot + '.deleteClick()');
                        LoadProductIntoSlot(strProductSlot,strProductCode,'yes',strProductCode360);
                    }
                }   // End of FullReload
                
                //PublicFunctionComparatorAutoOpenUpdateInitiate();    // Force open / autoclose  * * * RUN IN XML RECEIVER * * *
                booAProductHasBeenAddedToComparator=true;   // Force open / autoclose in XML receiver
                document.getElementById('fixme').style.visibility = 'visible';   //hidden / visible
                document.getElementById('DIVComparator').style.visibility = 'visible';   //hidden / visible 
                document.getElementById('DIVComparatorWideMode').style.visibility = strComparatorWideMode;   //hidden / visible
                RedDotComparatorStartFlight();  // Force Red Dot to fly
            }
        }   // End of PublicFunctionAddProductToSlot
        
        // * * * Manage DIV footer section * * *
        var intDivPercentageTarget = 0;
        var intDivPercentageSizeOfSteps = 10;
        var intDivPerventageYaxis = 0;
        
        var booComparatorTitleClickState = false;

        var booComparatorStopPopUpMode = false;
        
        var strComparatorWideMode = 'collapse';
        var lngComparatorPlacedAtEndOfPageY = 0;
        
        var imgComparatorDown = new Image;
        var imgComparatorDownClose = new Image;
        var imgComparatorUp = new Image;
        var imgComparatorUpHidden = new Image;
        
        imgComparatorDown.src = 'http://www.purelywigs.co.uk/shop/purelyimages/comparatordown.gif';
        imgComparatorDownClose.src = 'http://www.purelywigs.co.uk/shop/purelyimages/comparatordownclose.gif';
        imgComparatorUp.src = 'http://www.purelywigs.co.uk/shop/purelyimages/comparatorup.gif';
        imgComparatorUpHidden.src = 'http://www.purelywigs.co.uk/shop/purelyimages/1x1white.gif';
        
        var intComparatorAutoOpenMode = 0;
        
        function DivYaxis(intOffsetValuePercent) {
            // Fully displayed at a height -45px
            // Fully Hidden at a height of -310px
            var intHeight = -(intOffsetValuePercent * 2.65) - 45;
            document.getElementById('DIVComparator').style.marginTop = intHeight + 'px';
        }   //DivYaxis

        function DivTimerHandler() {
            if (booComparatorStopPopUpMode==true) {return true;}// Function disabled
            if (intDivPerventageYaxis==intDivPercentageTarget) {return true;}
            if (intDivPerventageYaxis>intDivPercentageTarget) {intDivPerventageYaxis-=intDivPercentageSizeOfSteps;DivYaxis(intDivPerventageYaxis);}
            if (intDivPerventageYaxis<intDivPercentageTarget) {intDivPerventageYaxis+=intDivPercentageSizeOfSteps;DivYaxis(intDivPerventageYaxis);}

            // Continue running code
            setTimeout('DivTimerHandler()',25);
            return false;
        }   //DivTimerHandler
        
        function PublicFunctionInitiateDivMotion(resetcounters) {
            if (resetcounters==true) {
                intDivPercentageTarget=0;
                intDivPerventageYaxis=0;
            }
            // Start timer
            setTimeout('DivTimerHandler()',25);
        }   //PublicFunctionDivStartup
        
        function PublicFunctionDivYaxis(intOffsetValuePercent) {
            if (intDivPercentageTarget==100) {
                ComparatorTitleCloseImage(1);
                ComparatorTitleCloseImage(4);
            }
            else {
                ComparatorTitleCloseImage(2);
                ComparatorTitleCloseImage(3);
            }

            intDivPercentageTarget=intOffsetValuePercent;
            PublicFunctionInitiateDivMotion(false)
        }   //PublicFunctionDivYaxis
        
        function PublicFunctionComparatorTitleClicked() {
            if (booComparatorTitleClickState==true) {
                PublicFunctionDivYaxis(0);
                booComparatorTitleClickState=false;
                intComparatorAutoOpenMode=1;    // Force autoclose to end
                }
            else {
                PublicFunctionDivYaxis(100);
                booComparatorTitleClickState=true;
            }
        }   //PublicFunctionComparatorTitleClicked
        
        function PublicFunctionComparatorTitleRollover() {
            if (intDivPerventageYaxis==0 && booComparatorTitleClickState==false) {
                PublicFunctionComparatorTitleClicked();
            }
        }   //PublicFunctionComparatorTitleRollover
        
        function ComparatorTitleCloseImage(intImageNumber) {
            switch(intImageNumber) {
            case 1:
                document.imgComparatorCloseBTN.src = imgComparatorDownClose.src;
                break;
            case 2:
                document.imgComparatorCloseBTN.src = imgComparatorDown.src;
                break;
            case 3:
                document.imgComparatorUpBTN.src = imgComparatorUpHidden.src;
                break;
            case 4:
                document.imgComparatorUpBTN.src = imgComparatorUp.src;
                break;
            default:
                document.imgComparatorCloseBTN.src = imgComparatorDownClose.src;
            }   //switch
            return true;
        }   //ComparatorTitleCloseImage
        
        function PublicFunctionComparatorShowInWideMode(booWide) {
            var strComparatorWide='';
            if (booWide==true) {
                strComparatorWideMode='visible';
                strComparatorWide='80%';
            }
            else {
                strComparatorWideMode='collapse';
                strComparatorWide='100%';
            }
            document.getElementById('DIVComparatorWideMode').style.visibility = strComparatorWideMode;   //hidden / visible / collapse
            document.getElementById('DIVComparatorWideMode').style.width = strComparatorWide;
        }   // PublicFunctionComparatorShowInWideMode

        function PublicFunctionComparatorFindXoffset(TargetObjectName) {
            var intX=0;
            var objTarget=document.getElementById(TargetObjectName);
            
            while (objTarget.offsetParent!=null) {
                intX+=objTarget.offsetLeft;
                objTarget=objTarget.offsetParent;
            }
            return intX;
        }   //PublicFunctionComparatorFindXoffset

        function PublicFunctionComparatorFindYoffset(TargetObjectName) {
            var intY=0;
            var objTarget=document.getElementById(TargetObjectName);
            
            while (objTarget.offsetParent!=null) {
                intY+=objTarget.offsetTop;
                objTarget=objTarget.offsetParent;
            }
            return intY;
        }   //PublicFunctionComparatorFindYoffset
        
        function PublicFunctionComparatorFindDocumentHeight() {
            return Math.max(
                Math.max(document.body.scrollHeight, document.documentElement.scrollHeight),
                Math.max(document.body.offsetHeight, document.documentElement.offsetHeight),
                Math.max(document.body.clientHeight, document.documentElement.clientHeight)
            )
        } //PublicFunctionComparatorFindDocumentHeight
        
        function PublicFunctionComparatorPlaceAtEndOfDocument(booMakeSpaceAtEnd) {
            // iPod/iPad/iPhone
            // Place comparator at end of footer
            var lngOffsetFromEndOfPage=320;    // Allow for <br />'s
            var lngEndOfDocument = PublicFunctionComparatorFindDocumentHeight();
            
            // Make Space at end of Document
            if (booMakeSpaceAtEnd==true) {
                try
                    {
                        document.getElementById('ComparatorLocateHereAtEndOfDocument').innerHTML = '<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />';
                        document.imgComparatorUpBTN.src = imgComparatorUpHidden.src;
                        booComparatorStopPopUpMode=true;    // Disable Popup Function
                    }
                catch(err)
                    {
                    // Error continue
                    }
            }
            
            lngComparatorPlacedAtEndOfPageY = lngEndOfDocument  

            if (document.all) {
                document.getElementById('fixme').style.top = lngEndOfDocument - lngOffsetFromEndOfPage;
                document.getElementById('fixme').style.left = 0;
            }
            else {
                document.getElementById('fixme').style.top = (lngEndOfDocument - lngOffsetFromEndOfPage) + 'px';
                document.getElementById('fixme').style.left = 0 + 'px';
            }
            
            // Re-Run to see if the Document has grown after load.
            // Run from - PublicFunctionComparatorPlaceAtEndOfDocumentTimeout() 
                                    
        }   //PublicFunctionComparatorPlaceAtEndOfDocument
        
        function PublicFunctionComparatorPlaceAtEndOfDocumentTimeout() {
            var lngEndOfDocument = PublicFunctionComparatorFindDocumentHeight();
            
            if (lngComparatorPlacedAtEndOfPageY != lngEndOfDocument) {
                    PublicFunctionComparatorPlaceAtEndOfDocument(false);
            }
            
            // Re-run every 2.5 seconds
            setTimeout('PublicFunctionComparatorPlaceAtEndOfDocumentTimeout()',2500) 
        }   //PublicFunctionComparatorPlaceAtEndOfDocumentTimeout
                
        function PublicFunctionComparatorTitleCloseClicked() {
            if (intDivPercentageTarget==0) {
                document.getElementById('fixme').style.visibility = 'hidden';   //hidden / visible
                document.getElementById('DIVComparator').style.visibility = 'hidden';   //hidden / visible
                document.getElementById('DIVComparatorWideMode').style.visibility = 'collapse';   // retain existing state, but collapse.  will return in wxisting mode
            }
            else {
                PublicFunctionComparatorTitleClicked();
            }
        }   //PublicFunctionComparatorTitleCloseClicked

        function PublicFunctionComparatorTitleUpClicked() {
            PublicFunctionComparatorTitleClicked();
        }   //PublicFunctionComparatorTitleCloseClicked
        
        function ComparatorAutoOpenUpdate() {
            var booComparatorAutoOpenTrueFalse = false;
        
            switch(intComparatorAutoOpenMode) {
            case 0:
                // Open Mode
                // Do Nothing
                break;
            case 1:
                // Normal Running Mode
                // Do Nothing
                break;
            case 2:
                // Just Added New Product Mode
                // Apply to all six slots - Open Comparator, Once full rotation completed and image1 displayed close
                //intRotationMode
                try {
                    // Normal running mode
                    // Keep Open
                    if (intDivPerventageYaxis==0 && booComparatorTitleClickState==false) {
                        PublicFunctionComparatorTitleClicked();
                    }
                    // Comparator fully opened
                    if (intDivPerventageYaxis!=100) {setTimeout('ComparatorAutoOpenUpdate()',1000);return false;}
                    // Comparator Open
                    if (objSlot1.rotateGetRotationMode()==3 || objSlot1.rotateGetRotationMode()==2) {booComparatorAutoOpenTrueFalse=true;}
                    if (objSlot2.rotateGetRotationMode()==3 || objSlot2.rotateGetRotationMode()==2) {booComparatorAutoOpenTrueFalse=true;}
                    if (objSlot3.rotateGetRotationMode()==3 || objSlot3.rotateGetRotationMode()==2) {booComparatorAutoOpenTrueFalse=true;}
                    if (objSlot4.rotateGetRotationMode()==3 || objSlot4.rotateGetRotationMode()==2) {booComparatorAutoOpenTrueFalse=true;}
                    if (objSlot5.rotateGetRotationMode()==3 || objSlot5.rotateGetRotationMode()==2) {booComparatorAutoOpenTrueFalse=true;}
                    if (objSlot6.rotateGetRotationMode()==3 || objSlot6.rotateGetRotationMode()==2) {booComparatorAutoOpenTrueFalse=true;}
                    
                    if (booComparatorAutoOpenTrueFalse==true) {
                        setTimeout('ComparatorAutoOpenUpdate()',1000);                    
                    }
                    else {
                        // Close
                        PublicFunctionComparatorTitleClicked();
                        intComparatorAutoOpenMode=1;
                    }
                }
                catch(err) {
                  // Do Nothing
                }
                break;
            default:
            
            }   //switch
            
            
                    
        }   //ComparatorAutoOpen
        
        function PublicFunctionComparatorAutoOpenUpdateInitiate() {
            // Is it already open
            if (booComparatorTitleClickState==true) {return false;}
            
            if (intComparatorAutoOpenMode!=2) {
                intComparatorAutoOpenMode=2;
                ComparatorAutoOpenUpdate();
            }
            
            return true;
        }   //ComparatorAutoOpenUpdateInitalise

        // * * * Manage DIV Arcing Red Dot * * *
        var intPositionX = 0;
        var intPositionY = 0;
        var intCurrentStep = 0;
        var intCurrentx = 0;
        var intCurrenty = 0;
        var intCompletedx = 0;
        var intCompletedy = 0;
        var dblVelocityy = 0;
        var intFlightElipsxSteps = 1;
        var booInFlight = false;
        
        document.onmousemove = function(MouseEvent) {
            if (typeof MouseEvent == 'undefined') { 
                theEvent = window.event; 
            } 
            else {
                theEvent = MouseEvent;
            }	
            intPositionX = theEvent.clientX;
            intPositionY = theEvent.clientY;
        }   //document.onmousemove
        
        function RedDotSetXYinDoc(intxAxisDoc,intyAxisDoc) {
            if (document.all) {
                document.getElementById('DIVreddot').style.top = intyAxisDoc;
                document.getElementById('DIVreddot').style.left = intxAxisDoc;
            }
            else {
                document.getElementById('DIVreddot').style.top = intyAxisDoc + 'px';
                document.getElementById('DIVreddot').style.left = intxAxisDoc + 'px';
            }
        }   //RedDotSetXY
    
        function RedDotGetPageScrollOffsety() {
            if (document.all) {
                return document.documentElement.scrollTop;
            }
            else {
                return window.pageYOffset;
            }            
        }   //RedDotGetPageScrollOffset
        
        function RedDotGetPageScrollOffsetx() {
            if (document.all) {
                return document.documentElement.scrollLeft;
            }
            else {
                return window.pageXOffset;
            }                    
        }   //RedDotGetPageScrollOffsetx
        
        function RedDotXYinWindow(intxAxisWindow,intyAxisWindow) {
            var xOffset = RedDotGetPageScrollOffsetx();
            var yOffset = RedDotGetPageScrollOffsety();
            RedDotSetXYinDoc(intxAxisWindow + xOffset,intyAxisWindow + yOffset);
        }   //RedDotXYinWindow
        
        function RedDotComparatorDIVx() {
            return document.documentElement.clientWidth;
        }   //RedDotComparatorDIVx
        
        function RedDotComparatorDIVy() {
            return document.documentElement.clientHeight;
        }   //RedDotComparatorDIVy
        
        function RedDotComparatorSlotx(intSlot) {
            var x = RedDotComparatorDIVx() / 2;
            var slotx = ((intSlot * 153) - 77) + (x - 480);
            return slotx;        
        }   //RedDotComparatorSlotx
        
        function RedDotComparatorSloty(intSlot) {
            return RedDotComparatorDIVy() - 45;        
        }   //RedDotComparatorSloty        
        
        function RedDotComparatorMousexinWindow() {
            return intPositionX;
        }   //RedDotComparatorMousex

        function RedDotComparatorMouseyinWindow() {
            return intPositionY;
        }   //RedDotComparatorMousex        

        function RedDotComparatorStartFlight() {
            var slotCookie = new CookieHandler();
            var strSlot = '0';
            try {
                strSlot = slotCookie.slotGetFirstAvailable();
            }
            catch(err) {
              // Do Nothing
            }   
	        if (strSlot == '0') {strSlot='6'};
            var intSlot = parseInt(strSlot);
            var startx = RedDotComparatorMousexinWindow();
            var starty = RedDotComparatorMouseyinWindow();
            var endx = RedDotComparatorSlotx(intSlot);
            var endy = RedDotComparatorSloty(intSlot);
            slotCookie = null;
            
            // Has the Comparator been placed at the bottom of the page
            if (lngComparatorPlacedAtEndOfPageY>0) {
                //alert('Added to Product Comparasons');
                self.scrollTo(0, PublicFunctionComparatorFindDocumentHeight());
                return true;
            }
            
            // start values
            intCurrentStep = 0;
            intCurrentx = startx;
            intCurrenty = starty;
            intFlightElipsxSteps = (endx - startx) / (55);
            intCompletedy = endy + 25;
            dblVelocityy = -10;
            
            RedDotComparatorVisibleDot();
            if (booInFlight!=true) { 
                RedDotCompatorFlightHandler();
            }
                        
        }   //RedDotComparatorStartFlight

        function RedDotComparatorPathx(intDegrees,ingMultiplyer) {
            var dblResult = Math.sin(intDegrees/57.295) * ingMultiplyer;
            return dblResult;
        }   //RedDotComparatorPathx
        
        function RedDotComparatorPathy(intDegrees,ingMultiplyer) {
            var dblResult = Math.cos(intDegrees/57.295) * ingMultiplyer;
            return dblResult;
        }   //RedDotComparatorPathy
        
        function RedDotCompatorFlightHandler() {
            RedDotXYinWindow(intCurrentx,intCurrenty);
            
            intCurrenty+=dblVelocityy;
            dblVelocityy+=1;
            intCurrentx+=intFlightElipsxSteps;
            
            
            intCurrentStep++;
            if (intCurrentStep>=100 || intCurrenty>=intCompletedy) {
                booInFlight=false;
                RedDotComparatorHideDot();
                return true;
            }
            else {
                booInFlight=true;
                setTimeout('RedDotCompatorFlightHandler()',25);
                return false;            
            }
        }   //RedDotCompatorFlightHandler
        
        function RedDotComparatorHideDot() {
            document.getElementById('DIVreddot').style.visibility = 'hidden';   //hidden / visible
        }   //ReDotComparatorHideDot
        
        function RedDotComparatorVisibleDot() {
            document.getElementById('DIVreddot').style.visibility = 'visible';   //hidden / visible
        }   //ReDotComparatorVisibleDot