// Thunderpole Orbitor script - Copyright THUNDERPOLE - 2009
	
	
	var catPath = "http://www.thunderpole.co.uk/angie_fairbanks/antennas/cb-mobile/mini-orbitor/";
    var catPics = new Array;


	catPics[0] = new Array("mini_orb_base_Black.gif",60,350);
	catPics[1] = new Array("mini_orb_base_Blue.gif",60,350);
	catPics[2] = new Array("mini_orb_base_Chrome.gif",60,350);
	catPics[3] = new Array("mini_orb_base_Red.gif",60,350);
	catPics[4] = new Array("mini_orb_base_Green.gif",60,350);
	catPics[5] = new Array("mini_orb_base_White.gif",60,350);
	catPics[6] = new Array("mini_orb_base_Orange.gif",60,350);
	catPics[7] = new Array("mini_orb_base_Pink.gif",60,350);
	catPics[8] = new Array("mini_orb_base_Yellow.gif",60,350);
	catPics[9] = new Array("mini_orb_centre_Black-CL.gif",60,350);
	catPics[10] = new Array("mini_orb_centre_Chrome-CL.gif",60,350);
	
	

    var myPics = preloadImages(catPath,catPics);

    function preloadImages(path,pics) {

        var images = new Array;

        for (var picNum=0; picNum<pics.length; picNum++)
            {
            images[picNum] = new Image(pics[picNum][1],pics[picNum][2]);
            images[picNum].src = (path + pics[picNum][0]);
            }

        return (images);
    }
 

function SetOpacity(object, oValue) {
    object.style.filter = 'alpha(opacity=' + oValue + ')';
    object.style.MozOpacity = oValue / 100;
    object.style.opacity = oValue / 100;
}

function BlendOpacity(id, msDuration, msStart, t0, t1) {
    var element = document.getElementById(id);
    var opacity = element.style.opacity * 100;
    var msNow = (new Date()).getTime();
    opacity = t0 + (t1 - t0) * (msNow - msStart) / msDuration;
    if (opacity < 0)
        SetOpacity(element, 0)
    else if (opacity > 100)
        SetOpacity(element, 100)
    else {
        SetOpacity(element, opacity);
        element.timer = window.setTimeout("BlendOpacity('" + id + "'," + msDuration + "," + msStart + "," + t0 + "," + t1 + ")", 1);
    }
}

function ImageTransition(styleID, newImage) {
    var foregroundID = 'im_' + styleID
    if (document.all) {
        var thumb = document.getElementById(foregroundID);
        thumb.style.filter = "blendTrans(duration=0.2)";
        thumb.filters.blendTrans.apply();
        thumb.filters.blendTrans.play();
        thumb.src = newImage
    }
    else {
        var backgroundID = 'dv_' + styleID;
        var foreground = document.getElementById(foregroundID);
        if (backgroundID) {
            var background = document.getElementById(backgroundID);
            if (background) {
                background.style.backgroundImage = 'url(' + foreground.src + ')';
                background.style.backgroundRepeat = 'no-repeat';
            }
        }
        SetOpacity(foreground, 0);
        foreground.src = newImage;
        if (foreground.timer) window.clearTimeout(foreground.timer);
        var startMS = (new Date()).getTime();
        foreground.timer = window.setTimeout("BlendOpacity('" + foregroundID + "',200," + startMS + ",0,100)", 10);
    }
}




function changeImage(style, color, colorArray) {
    var i;

    var dlColor = document.getElementById('Color');
    if (dlColor) {
        var menu = dlColor.options;
        for (i = 0; i < menu.length; i++)
            if (menu[i].value == color)
            menu.selectedIndex = i;
    }
	    var element;
    for (i = 0; i < colorArray.length; i++) {
        element = document.getElementById(colorArray[i]);
        element.className = 'colorName';
        element.style.backgroundColor = '#F6F5F4';
    }
    element = document.getElementById(color);
    if (element) {
        element.style.backgroundColor = '#e0e1e3';
        element.className = 'colorNameSelect';
    }
	
    /**/
    color = color.replace(/ /g, '');
    color = color.replace(/\//g, '_');
    color = color.replace(/è/g, 'e');
    color = color.replace(/é/g, 'e');
    var iurl = "http://www.thunderpole.co.uk/angie_fairbanks/antennas/cb-mobile/mini-orbitor/mini_orb_base_" + color + ".gif";
    ImageTransition(style, iurl);

}

    
    
    function swatchChange(style, color)
    {
      var colorArray = new Array();
      
 colorArray[0] = 'Black';
 colorArray[1] = 'Chrome';
 colorArray[2] = 'Blue';
 colorArray[3] = 'Orange';
 colorArray[4] = 'Red';
 colorArray[5] = 'Pink';
 colorArray[6] = 'Green';
 colorArray[7] = 'Yellow';
 colorArray[8] = 'White';
      changeImage(style, color, colorArray);
    }
	
function changeImage2(style, color2, color2Array) {
    var i;

    var dlColor2 = document.getElementById('Color2');
    if (dlColor2) {
        var menu = dlColor2.options;
        for (i = 0; i < menu.length; i++)
            if (menu[i].value == color2)
            menu.selectedIndex = i;
    }
    var element;
    for (i = 0; i < color2Array.length; i++) {
        element = document.getElementById(color2Array[i]);
        element.className = 'colorName2';
        element.style.backgroundColor = '#F6F5F4';
    }
    element = document.getElementById(color2);
    if (element) {
        element.style.backgroundColor = '#e0e1e3';
        element.className = 'colorName2Select';
    }
    /**/
    color2 = color2.replace(/ /g, '');
    color2 = color2.replace(/\//g, '_');
    color2 = color2.replace(/è/g, 'e');
    color2 = color2.replace(/é/g, 'e');
    var iurl = "http://www.thunderpole.co.uk/angie_fairbanks/antennas/cb-mobile/mini-orbitor/mini_orb_centre_" + color2 + ".gif";
    ImageTransition(style, iurl);

}

    
    
    function swatchChange2(style, color2)
    {
      var color2Array = new Array();
      
 color2Array[0] = 'Black-CL';
 color2Array[1] = 'Chrome-CL';

      changeImage2(style, color2, color2Array);
    }