window.onload = function() {
	tabManager();
	photoToggle();
	pageToggle();
};

var scrollLoaded = false;

function photoToggle() {
	var photoToggle = document.getElementById('photoToggle');
	var closePopup = document.getElementById('closePopup');
	var photoStatus = false;
	
	if(photoToggle) {
		photoToggle.onclick = function()
		{
			if(photoStatus == false)
			{
				new Effect.Appear('photoPopup', {duration: 0.4});
				photoStatus = true;
			}
			else
			{
				new Effect.Fade('photoPopup', {duration: 0.3});
				photoStatus = false;
			}
		}
		if(closePopup) {
			closePopup.onclick = function() {
				new Effect.Fade('photoPopup', {duration: 0.3});
				photoStatus = false;
			}
		}
	}
}

function pageToggle() {
	var caracteristiques = document.getElementById('caracteristiques');
	var types = document.getElementById('types');
	var specifications = document.getElementById('specifications');
	var options = document.getElementById('options');
	var notes = document.getElementById('notes');
	
	var currentPage = caracteristiques;
	
	var caracToggle = document.getElementById('caracToggle');
	var typesToggle = document.getElementById('typesToggle');
	var specToggle = document.getElementById('specToggle');
	var optionToggle = document.getElementById('optionToggle');
	var notesToggle = document.getElementById('notesToggle');
	
	var scrollDiv = document.getElementById('content_left');

	
	if(caracToggle) {
		caracToggle.onclick = function() {
			if(currentPage == caracteristiques) {
				return false;
			}
			else {
				new Effect.Fade(currentPage, {duration: 0.2});
				currentPage = caracteristiques;
				new Effect.Appear(caracteristiques, {duration: 0.3, queue: 'end', afterFinish: function() { if(scrollDiv.scrollUpdate) scrollDiv.scrollUpdate(); } });

			}
		}
	}
	
	if(typesToggle) {
		typesToggle.onclick = function() {
			if(currentPage == types) {
				return false;
			}
			else {
				new Effect.Fade(currentPage, {duration: 0.2});
				currentPage = types;
				new Effect.Appear(types, {duration: 0.3, queue: 'end', afterFinish: function() { if(scrollDiv.scrollUpdate) scrollDiv.scrollUpdate(); } });

			}
		}
	}
	
	if(specToggle) {
		specToggle.onclick = function() {
			if(currentPage == specifications) {
				return false;
			}
			else {
				new Effect.Fade(currentPage, {duration: 0.2});
				currentPage = specifications;
				new Effect.Appear(specifications, {duration: 0.3, queue: 'end', afterFinish: function() { if(scrollDiv.scrollUpdate) scrollDiv.scrollUpdate(); } });
			}
		}
	}
	
	if(optionToggle) {
		optionToggle.onclick = function() {
			if(currentPage == options) {
				return false;
			}
			else {
				new Effect.Fade(currentPage, {duration: 0.2});
				currentPage = options;
				new Effect.Appear(options, {duration: 0.3, queue: 'end', afterFinish: function() { if(scrollDiv.scrollUpdate) scrollDiv.scrollUpdate(); } });
			}
		}
	}
	
	if(notesToggle) {
		notesToggle.onclick = function() {
			if(currentPage == notes) {
				return false;
			}
			else {
				new Effect.Fade(currentPage, {duration: 0.2});
				currentPage = notes;
				new Effect.Appear(notes, {duration: 0.3, queue: 'end', afterFinish: function() { if(scrollDiv.scrollUpdate) scrollDiv.scrollUpdate(); } });
			}
		}
	}
}

function tabManager() {

	var tab = document.getElementById('ing_tab_'+lang);
	var tab2 = document.getElementById('ing_tab2_'+lang);
	var ingPos = false;
	var ingPos2 = false;
	tab.onmouseover = function() {
		if(ingPos == false)
		{
			tab.style.backgroundPosition = "0 -511px";
		}
		else
		{
			tab.style.backgroundPosition = "0 -681px";
		}
	}
	
	tab2.onmouseover = function() {
		if(ingPos2 == false)
		{
			//alert('here');
			tab2.style.backgroundPosition = "0 -1px";
			//alert(tab2.style.backgroundImage);
		}
		else
		{
			tab2.style.backgroundPosition = "0 -851px";
		}
	}
	
	tab.onmouseout = function() {
		if(ingPos == false)
		{
			tab.style.backgroundPosition = "0 -1191px";
		}
		else
		{
			tab.style.backgroundPosition = "0 -171px";
		}
	}
	
	tab2.onmouseout = function() {
		if(ingPos2 == false)
		{
			tab2.style.backgroundPosition = "0 -1021px";
		}
		else
		{
			tab2.style.backgroundPosition = "0 -341px";
		}
	}
	
	tab.onclick = function() {
		if(ingPos == false)
		{
			new Effect.BlindRight('ing_content');
			ingPos = true;
		}
		else
		{
			new Effect.BlindLeft('ing_content');
			ingPos = false;
		}
	}
	tab2.onclick = function() {
		if(ingPos2 == false)
		{
			new Effect.BlindRight('ing_content2', {afterFinish: function() {
				if(scrollLoaded == false) {
					//CSBfleXcroll('ing_content2');
					scrollLoaded = true;
				}
			}});
			ingPos2 = true;
		}
		else
		{
			new Effect.BlindLeft('ing_content2');
			ingPos2 = false;
		}
	}
}