// JavaScript Document
var layer1Num = 0;
var layer2Num = 0;
var layer3Num = 0;

function showHide2() {
	if (layer2Num == 1) {
		document.getElementById('login_contain').className = '';
		document.getElementById('login_tab').className = '';

		
		layer2Num = 0;
	}
	else {
		document.getElementById('login_contain').className = 'ON';
		document.getElementById('login_tab').className = 'ON';
		layer2Num = 1;
	}
}


var timeout        = 500;
var closetimer        = 0;
var MenuItem        = 0;
var e = 0;

function ChangeButton(id) {
      
      if(e) e.className = '';
          e = document.getElementById(id);
          e.className = 'ON';
       
}

// open hidden layer
function showHide3(id)
{        
        // cancel close timer
        cancelclosetime();
        // close old layer
        if(MenuItem) MenuItem.className = '';
        // get new layer and show it
        MenuItem = document.getElementById(id);
        MenuItem.className = 'ON';
        
}

// close shown layer
function MenuClose()
{        
        if(MenuItem) MenuItem.className = '';
        if(e) e.className = '';
        
}

// go close timer
function closetime()
{
        closetimer = window.setTimeout(MenuClose, timeout);
}

// cancel close timer
function cancelclosetime()
{
        if(closetimer)
        {
                window.clearTimeout(closetimer);
                closetimer = null;
        }
}


function photoVideo(activeLayer)
{
if( activeLayer == "PHOTOS" )
	{
				document.getElementById( 'PHOTO_TAB' ).className = 'active';
				document.getElementById( 'PHOTOS' ).className = '';
				document.getElementById( 'VIDEO_TAB' ).className = '';
				document.getElementById( 'VIDEO' ).className = 'OFF';

	}

else if( activeLayer == "VIDEO" )	
	{
				document.getElementById( 'PHOTO_TAB' ).className = '';
				document.getElementById( 'PHOTOS' ).className = 'OFF';
				document.getElementById( 'VIDEO_TAB' ).className = 'active';
				document.getElementById( 'VIDEO' ).className = '';
				
	}
}


//  MOOOOOOSRCOLL 
/*

(c) by Enrique Erne 2009

This script is completely free and open source. MIT Style 

Example JS:
window.addEvent('domready', function() {
	var yourProductSlider = new ProductSlider();
});
*/
//Scroll Bar Script
var ScrollBar = new Class({
	Extends: Slider,
	options: {
		slideable: {}
	},
	initialize: function(slideable, slider, knob, options){
		this.parent(slider, knob, options);
		this.scroll = new Fx.Scroll(slideable, options.slideable);
		this.addEvent('complete', function(event){
			if (event.target != knob) this.move();
		});
	},
	set: function(step){
		this.parent(step);
		if (this.options.mode === 'vertical') this.scroll.cancel().start(0, step ? step : this.step);
		else this.scroll.cancel().start(step ? step : this.step);
	},
	move: function(step){
		if (this.options.mode === 'vertical') this.scroll.cancel().start(0, step ? step : this.step);
		else this.scroll.cancel().start(step ? step : this.step);
	},
	draggedKnob: function(){
		this.parent();
		if (this.options.mode === 'vertical') this.scroll.cancel().set(0, this.step);
		else this.scroll.cancel().set(this.step);
	}
});

//Initialize Scrollbox on everypage
window.addEvent('domready', function() {
	document.getElementById('country_contain').className = 'ON';								
	var vList = new ScrollBar($('scroll_box'), $('scroll_bar'), $('scroll_handle'), {
		mode: 'vertical',
		steps: 3500 - 200,
		offset: 0});
		vList.set(0);
		document.getElementById('country_contain').className = '';
		
		
		// Plus Minus Toggle on Vehicle Page
		var accordion2 = new Accordion('.plus_minus_button', '.plus_minus_container', {
				opacity: false, display: false, duration: 400, alwaysHide: true,
				
				onActive: function(toggler, element){
					toggler.addClass('minus');
					toggler.getParent().getParent().setStyle("height", "auto");
				},
								
				onBackground: function(toggler, element){
					toggler.removeClass('minus');
				}
			}, $('Plus_Minus'));
		
});





function selectBrand(vehicleSelect) 
{ 

// ON selection of category this function will work 
removeAllOptions( vehicleSelect.model); 

addOption(vehicleSelect.model, "", "Model..." ); 
brand = vehicleSelect.brand[ vehicleSelect.brand.selectedIndex ].value; 

if( brand == 'Opel') 
        {
		addOption(vehicleSelect.model, "AllOpel", "All"); 
        addOption(vehicleSelect.model, "Astra", "Astra"); 
        addOption(vehicleSelect.model, "Ampara", "Ampara"); 
        addOption(vehicleSelect.model, "Insignia", "Insignia"); 
        addOption(vehicleSelect.model, "GT", "GT"); 
        addOption(vehicleSelect.model, "OPC", "OPC"); 
        addOption(vehicleSelect.model, "Antara", "Antara"); 
        addOption(vehicleSelect.model, "Vectra", "Vectra"); 

        } 
else if( brand == 'Cadillac') 
        { 
		addOption(vehicleSelect.model, "AllCadillac", "All"); 
        addOption(vehicleSelect.model, "CTS", "CTS"); 
        addOption(vehicleSelect.model, "STS", "STS"); 
        addOption(vehicleSelect.model, "SRX", "SRX"); 
        addOption(vehicleSelect.model, "Escalade", "Escalade"); 

        } 
else if( brand == 'Corvette') 
        { 
		addOption(vehicleSelect.model, "AllCorvette", "All"); 
       	addOption(vehicleSelect.model, "CorvetteCoupe", "Corvette Coupe"); 
        addOption(vehicleSelect.model, "CorvetteConvertible", "Corvette Convertible"); 
        } 
else if( brand == 'Chevrolet') 
        { 
		addOption(vehicleSelect.model, "AllChevrolet", "All"); 
        addOption(vehicleSelect.model, "Malibu", "Malibu"); 

        } 
else if( brand == 'Saab') 
        { 
		addOption(vehicleSelect.model, "AllSaab", "All"); 
        addOption(vehicleSelect.model, "93", "9-3"); 
        addOption(vehicleSelect.model, "95", "9-5"); 
        addOption(vehicleSelect.model, "97", "9-7"); 		
		} 		
} 

function removeAllOptions(selectbox) 
{ 
var i; 
for(i=selectbox.options.length-1;i>=0;i--) 
        { 
        //selectbox.options.remove(i); 
        selectbox.remove(i); 
        } 
} 


function addOption(selectbox, value, text) 
{ 
var optn = document.createElement("OPTION"); 
optn.text = text; 
optn.value = value; 
selectbox.options.add(optn); 
} 

function popup(url) 
{
 var width  = 475;
 var height = 470;
 var left   = (screen.width  - width)/2;
 var top    = (screen.height - height)/2;
 var params = 'width='+width+', height='+height;
 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=yes';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';
 newwin=window.open(url,'Send', params);
 if (window.focus) {newwin.focus()}
 return false;
}


function commons(url) 
{
 var width  = 475;
 var height = 560;
 var left   = (screen.width  - width)/2;
 var top    = (screen.height - height)/2;
 var params = 'width='+width+', height='+height;
 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=yes';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';
 newwin=window.open(url,'Send', params);
 if (window.focus) {newwin.focus()}
 return false;
}

function price(url) 
{
 var width  = 475;
 var height = 450;
 var left   = (screen.width  - width)/2;
 var top    = (screen.height - height)/2;
 var params = 'width='+width+', height='+height;
 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=yes';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';
 newwin=window.open(url,'Send', params);
 if (window.focus) {newwin.focus()}
 return false;
}

//Iframe print script

function ClickHereToPrint(){
    try{ 
        var oIframe = document.getElementById('ifrmPrint');
        var oContent = document.getElementById('divToPrint').innerHTML;
        var oDoc = (oIframe.contentWindow || oIframe.contentDocument);
        if (oDoc.document) oDoc = oDoc.document;
		oDoc.write("<html><head><title>Vehicle Details</title>");
		oDoc.write("</head><body onload='this.focus(); this.print();'>");
		oDoc.write(oContent + "</body></html>");	    
		oDoc.close(); 	    
    }
    catch(e){
	    self.print();
    }
}