// JavaScript Document


var styles = new Array('grafity','cafedeparis');
var cars = new Array('gallardospider','ferrari430','astonmartin');
var curstyle = 0;
var curcar = 0;


function getStarted(){
	//Recalulating the Carbon Window
	window.addEvent('resize',function(){resizeCarbon()});
	doHovers();
	
	//Setting the Buttons
	var scroll = new Fx.Scroll('styleWraper', {
		 wait: false,
		 duration: 500,
		 offset: {'x': 0, 'y': 0},
		 transition: Fx.Transitions.Quad.easeInOut
	});
	
	var scroll2 = new Fx.Scroll('carWraper', {
		 wait: false,
		 duration: 500,
		 offset: {'x': 0, 'y': 0},
		 transition: Fx.Transitions.Quad.easeInOut
	});
	
	var scrollCenter = new Fx.Scroll('mainContentTextbox', {
		 wait: false,
		 duration: 500,
		 offset: {'x': 0, 'y': 0},
		 transition: Fx.Transitions.Quad.easeInOut
	});
	
	
	$('goStyleLeft').addEvent('click', function(event) {
		 event = new Event(event).stop();
		 scroll.toElement(getPrevStyleElement());
	}); 
	
	$('goStyleRight').addEvent('click', function(event) {
		 event = new Event(event).stop();
		 scroll.toElement(getNextStyleElement());
	}); 
	
	/*
	$('goCarLeft').addEvent('click', function(event) {
		 event = new Event(event).stop();
		 
		 var prevcar = getPrevCarElement();
		 scroll2.toElement(prevcar);
		 
		 if($('text_'+prevcar)){
			 scrollCenter.toElement('text_'+prevcar);
		 }
	}); 
	
	$('goCarRight').addEvent('click', function(event) {
		 event = new Event(event).stop();
		 
		 var nextcar = getNextCarElement();
		 
		 scroll2.toElement(nextcar);
		 
		 if($('text_'+nextcar)){
			 scrollCenter.toElement('text_'+nextcar);
		 }
	}); 
	*/
	var randNr = Math.round(Math.random());
	scroll.toElement(getStyleElement(randNr));
	
	//var randNr = Math.round(Math.random());
	//scroll2.toElement(getCarElement(0));
	
}


function blackScreen(status){

	if($('blackScreen')){
		if(status == 'on'){
			$('blackScreen').setStyle('height',getScrollHeight());
			$('blackScreen').setStyle('width',getScrollWidth());
			$('blackScreen').setStyle('display','block');
		}
		else{
			$('blackScreen').destroy();
		}
	}
}

function doHovers(){
	
	
	$('goStyleRight').addEvent('mouseenter', function(event) {
		 $('goStyleRight').setAttribute('src','/images/maingraphics/carbon_stylearrow_right_hover.png');
	}); 	
	$('goStyleRight').addEvent('mouseleave', function(event) {
		 $('goStyleRight').setAttribute('src','/images/maingraphics/carbon_stylearrow_right.png');
	}); 
	
	$('goStyleLeft').addEvent('mouseenter', function(event) {
		 $('goStyleLeft').setAttribute('src','/images/maingraphics/carbon_stylearrow_left_hover.png');
	}); 	
	$('goStyleLeft').addEvent('mouseleave', function(event) {
		 $('goStyleLeft').setAttribute('src','/images/maingraphics/carbon_stylearrow_left.png');
	}); 
	
	/*
	
	
	$('goCarRight').addEvent('mouseenter', function(event) {
		 $('goCarRight').setAttribute('src','/images/maingraphics/carbon_stylearrow_right_hover.png');
	}); 	
	$('goCarRight').addEvent('mouseleave', function(event) {
		 $('goCarRight').setAttribute('src','/images/maingraphics/carbon_stylearrow_right.png');
	}); 
	
	$('goCarLeft').addEvent('mouseenter', function(event) {
		 $('goCarLeft').setAttribute('src','/images/maingraphics/carbon_stylearrow_left_hover.png');
	}); 	
	$('goCarLeft').addEvent('mouseleave', function(event) {
		 $('goCarLeft').setAttribute('src','/images/maingraphics/carbon_stylearrow_left.png');
	}); 
	*/
}

function resizeCarbon(){
	var winSize = getScrollHeight();
	$("carbonWraper").setStyle('height',winSize-2);
	
	
	var winNonScrollSize = getHeight();
	var restSize = winNonScrollSize - $("mainContent").getStyle('height').replace(/px/g,"");	
	
	//Calculating the Center
	if(restSize > 15){		
		var topsize = Math.round(restSize/2);	
	    if(topsize > 30){
	        topsize = topsize - 15;
	    }	
	    else{
	        topsize = 15;
	    }
		$("innerCarbonWraper").setStyle('top',topsize);
	}
	else{
		var topsize = 15;	
		$("innerCarbonWraper").setStyle('top',0);
	}
	
	var centerwidth = getScrollWidth();
	centerwidth = centerwidth - 460;
	
	$("centerWraper").setStyle('top',topsize);
	$("centerWraper").setStyle('width',centerwidth);
	
}

function getStyleElement(id){
	
	curstyle = id
	
	var img = $(styles[curstyle]).getChildren()[0];
	
	$('textStyle').set('text',img.getProperty('alt'));
	
	var lastStyle = styles.length-1;

	if(curstyle == 0){		
		$("goStyleLeft").setStyle("display","none");
		$("goStyleRight").setStyle("display","block");
	}
	else if(curstyle == lastStyle){		
		$("goStyleLeft").setStyle("display","block");
		$("goStyleRight").setStyle("display","none");
	}
	else{		
		$("goStyleLeft").setStyle("display","block");
		$("goStyleRight").setStyle("display","block");
	}
	
	return styles[curstyle];
}

function getPrevStyleElement(){
	
	var lastStyle = styles.length-1;
		
	curstyle = curstyle - 1;	

	if(curstyle == 0){
		curstyle = 0;
		$("goStyleLeft").setStyle("display","none");
		$("goStyleRight").setStyle("display","block");
	}
	else{
		$("goStyleLeft").setStyle("display","block");
		$("goStyleRight").setStyle("display","block");
	}
	
	
	var img = $(styles[curstyle]).getChildren()[0];
	$('textStyle').set('text',img.getProperty('alt'));
	
	return styles[curstyle];
}

function getNextStyleElement(){
	
	var lastStyle = styles.length-1
		
	curstyle = curstyle + 1;	

	if(curstyle == lastStyle){
		curstyle = lastStyle;	
		$("goStyleRight").setStyle("display","none");
		$("goStyleLeft").setStyle("display","block");
	}
	else{
		$("goStyleRight").setStyle("display","block");
		$("goStyleLeft").setStyle("display","block");
	}
	
	var img = $(styles[curstyle]).getChildren()[0];
	$('textStyle').set('text',img.getProperty('alt'));
	
	return styles[curstyle];
}

function getCarElement(id){
	
	curcar = id
	
	var img = $(cars[curcar]).getChildren()[0];
	
	$('textCar').set('text',img.getProperty('alt'));
	
	var lastCar = cars.length-1;

	if(curcar == 0){		
		$("goCarLeft").setStyle("display","none");
		$("goCarRight").setStyle("display","block");
	}
	else if(curcar == lastCar){		
		$("goCarLeft").setStyle("display","block");
		$("goCarRight").setStyle("display","none");
	}
	
	return cars[curcar];
}

function getPrevCarElement(){
	
	var lastCar = cars.length-1;
		
	curcar = curcar - 1;	

	if(curcar == 0){
		curcar = 0;
		$("goCarLeft").setStyle("display","none");
		$("goCarRight").setStyle("display","block");
	}
	else{
		$("goCarLeft").setStyle("display","block");		
		$("goCarRight").setStyle("display","block");
	}
	
	
	var img = $(cars[curcar]).getChildren()[0];
	$('textCar').setText(img.getProperty('alt'));
	
	return cars[curcar];
}

function getNextCarElement(){
	
	var lastCar = cars.length-1
		
	curcar = curcar + 1;		

	if(curcar == lastCar){
		curcar = lastCar;	
		$("goCarRight").setStyle("display","none");
		$("goCarLeft").setStyle("display","block");
	}
	else{
		$("goCarRight").setStyle("display","block");
		$("goCarLeft").setStyle("display","block");	
	}
	
	
	var img = $(cars[curcar]).getChildren()[0];
	$('textCar').setText(img.getProperty('alt'));
	
	return cars[curcar];
}

function createFaq(){
	var faqs = $$(".contentTextBoxFaq");
	
	var scrollCenter2 = new Fx.Scroll('mainContentTextbox', {
		 wait: false,
		 duration: 500,
		 offset: {'x': 0, 'y': 0},
		 transition: Fx.Transitions.Quad.easeInOut
	});
	
	
	faqs.each(function(faq,x){
		var element = faq.getChildren()[0];
		var text = element.get('text');		
		var thislink = new Element('a',{'href':'javascript:void(0)','class':'faqlink'});
		
		thislink.set('text',text);				
		thislink.addEvent('click', function() {		 
		 	scrollCenter2.toElement(faq.id);
		}); 
		
		thislink.injectInside("faqQuestions");
	});
	
	var topLinks = $$(".topLink");
	
	topLinks.each(function(top,x){
		top.addEvent('click', function() {		 
		 	scrollCenter2.toElement("faqQuestions");
		}); 			   
	});
}