//
// viewport-config.js
// Copyright (c) Connect Group Ltd. All rights reserved.
//
// $Id: viewport-config.js 527 2010-02-05 19:10:44Z paul $
//

var viewports = [{
	/* Standard trim level selection panel */
	size: 3,
	childSelector: 'dl',
	create: function() {
		var items = $(this.childSelector, this.parent.selector);
		if (typeof DD_belatedPNG != 'undefined') {
			// Remove any applied PNG fix before creating the viewport. This enables the PNG fixes to be reapplied 
			// correctly when the viewport has been created and the items moved into position.
			$('shape', items).remove();
		}

		var viewport = $('<div></div>');
		items.appendTo(viewport);
		$(this.parent.selector).prepend(viewport);
		return viewport;
	},
	parent: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-model-select-block:not(div#bp-model-select-block.bp-model-select-block-defender) div.car-holder-block'
	},
	slider: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-model-select-block:not(div#bp-model-select-block.bp-model-select-block-defender) div.scroll-holder-block'
	}

}, {
	/* Defender trim level selection panel */
	size: 3,
	childSelector: 'dl',
	create: function() {
		var items = $(this.childSelector, this.parent.selector);
		var viewport = $('<div></div>');
		items.appendTo(viewport);
		$(this.parent.selector).prepend(viewport);
		return viewport;
	},
	parent: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-model-select-block.bp-model-select-block-defender div.car-holder-block'
	},
	slider: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-model-select-block.bp-model-select-block-defender div.scroll-holder-block'
	}

}, {
	/* Engine selection panel (stage two) */
	size: 6,
	childSelector: 'li',
	create: function() {
		var viewport = $('ul', this.parent.selector);
		return viewport;
	},
	tuning: -20,
	parent: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-engine-select-block.bp-select-stage-two div.engine-block-holder',
		cssClass: 'bp-select-stage-two-script-on'
	},
	slider: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-engine-select-block.bp-select-stage-two div.engine-block-holder'
	}

}, {
	/* Engine selection panel (stage three) */
	size: 6,
	childSelector: 'li',
	create: function() {
		var viewport = $('ul', this.parent.selector);
		return viewport;
	},
	tuning: -20,
	parent: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-engine-select-block.bp-select-stage-three div.engine-block-holder',
		cssClass: 'bp-select-stage-three-script-on'
	},
	slider: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-engine-select-block.bp-select-stage-three div.engine-block-holder'
	}

}, {
	/* Wheelbase selection panel */
	size: 3,
	childSelector: 'li',
	create: function() {
		var viewport = $('ul', this.parent.selector);
		return viewport;
	},
	tuning: 9,
	parent: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-wheelbase-select-block.wheelbase-select-block-step-three',
		cssClass: 'wheelbase-select-block-step-three-script-on'
	},
	slider: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-wheelbase-select-block.wheelbase-select-block-step-three'
	}

}, {
	/* Wheelbase selection panel */
	size: 3,
	childSelector: 'li',
	create: function() {
		var viewport = $('ul', this.parent.selector);
		return viewport;
	},
	tuning: 9,
	parent: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-wheelbase-select-block.wheelbase-select-block-step-four',
		cssClass: 'wheelbase-select-block-step-four-script-on'
	},
	slider: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-wheelbase-select-block.wheelbase-select-block-step-four'
	}

}, {
	/* Wheelbase selection panel */
	size: 3,
	childSelector: 'li',
	create: function() {
		var viewport = $('ul', this.parent.selector);
		return viewport;
	},
	tuning: 9,
	parent: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-wheelbase-select-block.wheelbase-select-block-step-five',
		cssClass: 'wheelbase-select-block-step-five-script-on'
	},
	slider: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-wheelbase-select-block.wheelbase-select-block-step-five'
	}

}, {
	/* Defender model selection panel */
	size: 2,
	childSelector: 'li',
	create: function() {
		var viewport = $('ul', this.parent.selector);
		return viewport;
	},
	tuning: 13,
	parent: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-defendermodel-select-block.defendermodel-select-block-step-four',
		cssClass: 'defendermodel-select-block-step-four-script-on'
	},
	slider: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-defendermodel-select-block.defendermodel-select-block-step-four'
	}

}, {
	/* Defender model selection panel */
	size: 2,
	childSelector: 'li',
	create: function() {
		var viewport = $('ul', this.parent.selector);
		return viewport;
	},
	tuning: 13,
	parent: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-defendermodel-select-block.defendermodel-select-block-step-five',
		cssClass: 'defendermodel-select-block-step-five-script-on'
	},
	slider: {
		selector: 'div#wrapper div#content div#primary-content div#primary-content-body div#bp-defendermodel-select-block.defendermodel-select-block-step-five'
	}
}];