// Thunderpole pack script - Copyright THUNDERPOLE - 2009
	
	
	var catPath = "http://www.thunderpole.co.uk/angie_fairbanks/cb-packs/";
    var catPics = new Array;

    catPics[0] = new Array("mount_Body_Mount.gif",157,237);
    catPics[1] = new Array("mount_Gutter_Mount.gif",157,237);
    catPics[2] = new Array("mount_SS_Gutter_Mount.gif",157,237);
    catPics[3] = new Array("mount_Boot_Mount.gif",157,237);
    catPics[4] = new Array("mount_Side_Mount.gif",157,237);
	catPics[5] = new Array("mount_Flat_Bar_Mount.gif",157,237);
	catPics[6] = new Array("mount_4_Bolt_Bar_Mount.gif",157,237);
	catPics[7] = new Array("mount_Hatch_Mount.gif",157,237);
	catPics[8] = new Array("mount_Magnetic_Mount.gif",157,237);
	catPics[9] = new Array("trucker_80_Black.gif",60,230);
	catPics[10] = new Array("trucker_80_Blue.gif",60,230);
	catPics[11] = new Array("trucker_80_Chrome.gif",60,230);
	catPics[12] = new Array("trucker_80_Red.gif",60,230);
	catPics[13] = new Array("trucker_80_Green.gif",60,230);
	catPics[14] = new Array("trucker_80_White.gif",60,230);
	catPics[15] = new Array("trucker_80_Orange.gif",60,230);
	catPics[16] = new Array("trucker_80_Pink.gif",60,230);
	catPics[17] = new Array("trucker_80_Yellow.gif",60,230);
	catPics[18] = new Array("Orbitor.gif",160,53);
	catPics[19] = new Array("Mini_Orbitor.gif",160,53);

    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/cb-packs/trucker_80" + "_" + 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, mount, mountArray) {
    var i;

    var dlMount = document.getElementById('Mount');
    if (dlMount) {
        var menu = dlMount.options;
        for (i = 0; i < menu.length; i++)
            if (menu[i].value == mount)
            menu.selectedIndex = i;
    }
    var element;
    for (i = 0; i < mountArray.length; i++) {
        element = document.getElementById(mountArray[i]);
        element.className = 'mountName';
        element.style.border = 'solid 2px #ffffff';
    }
    element = document.getElementById(mount);
    if (element) {
        element.style.border = 'Solid 2px #e0e1e3';
        element.className = 'mountNameSelect';
    }
    /**/
    mount = mount.replace(/ /g, '_');
    mount = mount.replace(/\//g, '_');
    mount = mount.replace(/è/g, 'e');
    mount = mount.replace(/é/g, 'e');
    var iurl = "http://www.thunderpole.co.uk/angie_fairbanks/cb-packs/mount" + "_" + mount + ".gif";
    ImageTransition(style, iurl);

}

      
    function swatchChange2(style, mount)
    {
      var mountArray = new Array();
      
 mountArray[0] = 'Gutter Mount';
 mountArray[1] = 'Boot Mount';
 mountArray[2] = 'Hatch Mount';
 mountArray[3] = 'Flat Bar Mount';
 mountArray[4] = '4 Bolt Bar Mount';
 mountArray[5] = 'Body Mount';
 mountArray[6] = 'Side Mount';
 mountArray[7] = 'SS Gutter Mount';
 mountArray[8] = 'Magnetic Mount';


      changeImage2(style, mount, mountArray);
    }
	
	
function change(){
var x=document.getElementById("price");
var n=document.forms[0].itemname4 .selectedIndex;
var opt=document.forms[0].itemname4 .options[n].value;
switch (opt){
case "Gutter Mount":
x.innerHTML="&pound;79.99";
break;
case "Boot Mount":
x.innerHTML="&pound;79.99";
break;
case "Hatch Mount":
x.innerHTML="&pound;79.99";
break;
case "Flat Bar Mount":
x.innerHTML="&pound;79.99";
break;
case "4 Bolt Bar Mount":
x.innerHTML="&pound;79.99";
break;
case "Body Mount":
x.innerHTML="&pound;79.99";
break;
case "Side Mount":
x.innerHTML="&pound;84.99";
break;
case "SS Gutter Mount":
x.innerHTML="&pound;84.99";
break;
case "Magnetic Mount":
x.innerHTML="&pound;84.99";
break;
}
}

function showimage()
{
if (!document.images)
return
document.images.antpic.src="http://www.thunderpole.co.uk/angie_fairbanks/cb-packs/" + document.order.itemname2.options[document.order.itemname2.selectedIndex].value + ".gif"
}