window.addEvent('domready', function(){
HistoryManager.initialize();

var curentTab = 'Montageanleitung/start.html';


var curentIndex = 0;

var pagi = new PaginationClass(curentTab);

var tabs = $$('.tab-menu a');
tabs.each(function(e, index){

e.set('id', index);
e.addEvent('click', function(e, index) {
 e.stop();
 pagi.to(this.href);
 curentIndex =this.get('id');
 var cur = Cookie.write("cur", this.href);
});
	
}); 

$$('.prev').addEvent('click', function(e) {
	pagi.to(tabs[curentIndex-1].href);
	curentIndex=curentIndex-1;
	var cur = Cookie.write("cur", tabs[curentIndex-1].href);
}
);
$$('.next').addEvent('click', function(e) {
	pagi.to(tabs[curentIndex-1+2].href);
	curentIndex=curentIndex-1+2;
	var cur = Cookie.write("cur", tabs[curentIndex-1+2].href);

});

	HistoryManager.start();

});


var PaginationClass = new Class({
	
	initialize: function(curentTab) {
	var cur = Cookie.read("cur");
	  if(!cur) {} else {curentTab = cur; }
		this.historyKey = 'ajax_';
		this.history = HistoryManager.register(
			this.historyKey,
			[curentTab],
			function(values) {
				this.to(values[0]);
			}.bind(this),
			function(values) {
				return [this.historyKey, values[0]].join('');
			}.bind(this),
			this.historyKey + '(.+)'
		);
	},

	to: function(page) {
	//page.getParent().addClass('tab-selected');
	var myCookie = Cookie.write("curpage", page);
//alert(curentIndex);
		if (page === undefined || page === null /*|| dCond*/) return;

		page = page.replace(/^http:\/\/[^\/]+/, '');
		this.page = page;
		
		var req = new Request.HTML({url:page,update:'container'}).get(page);
		
		this.history.setValue(0, this.page);
	}
});