//create ajax request class
var Replace = Class.create();  
Replace.prototype = {
	//init 
	initialize: function(tabName, containerId) {   
		this.tabName = tabName;      
		this.containerId = containerId;
		//create div for content
		var tempId = my_div = 'tabContainer' + this.tabName; 
		this.my_div = $(tempId);
		
		//close all pre opened divs
		DivElements = $(this.containerId).getElementsByClassName('containerTabs');  
		var test = true;
		for (i=0;i<DivElements.length;i++) {
			var testing;
			testing = 'tabContainer' + DivElements[i].id;
			if (my_div.id == testing) {
				test = false;
				break;	
			}
		}
		if (test) {
			for (i=0;i<DivElements.length;i++) {
				DivElements[i].hide();
			}	
		}
		loadElements = $(this.containerId).getElementsByClassName('loadingTabs');
		for (i=0;i<loadElements.length;i++) {
			loadElements[i].hide();
		}
		//close all preopened loding divs
		loadElements = $(this.containerId).getElementsByClassName('loadingTabs');
		for (i=0;i<loadElements.length;i++) {
			loadElements[i].hide();
		}
		//request info		
		this.requestHomepageInfo();
		
	}, 
	//ajax request
	requestHomepageInfo: function()
	{                                  
		var url = '/submit.php';
		
		var pars = 'ajax=2&command=getHomepageInfo&tab=' + this.tabName ;  	 
		var myAjax = new Ajax.Request(
				url, 
				{
					method: 'get', 
					parameters: pars,
					onLoading: this.loading(),
					
					onComplete: this.showResponse.bind(this)
				}
			); 
	},
	//ajax loading
	loading: function () {
		var loading_div =document.createElement('div');
			Element.extend(loading_div);
			loading_div.id = 'loading' + this.tabName;
			loading_div.update('<div class="green_box3_back"><div class="centralnomargin"><div class="loadimg"></div></div><div class="green_box3_bottom"></div></div> ');
			loading_div.className = 'loadingTabs';
		$(this.containerId).appendChild(loading_div);
		DivElements = $(this.containerId).getElementsByClassName('containerTabs');
		for (i=0;i<DivElements.length;i++) {
				DivElements[i].hide();
			}
		var test = 'loading' + this.tabName;
		$(test).show(); 		
	},
	//ajax response
	showResponse: function (originalRequest) {  
		this.doStuff(originalRequest);
		
	},
	//stuff to do
	doStuff: function(originalRequest) {       
		//$(this.containerId).update();
//		$('dummy').hide();
		loadElements = $(this.containerId).getElementsByClassName('loadingTabs');
		for (i=0;i<loadElements.length;i++) {
			loadElements[i].hide();
		}
		my_div = this.my_div;
		my_div.update(originalRequest.responseText);
		var test = true;
		DivElements = $(this.containerId).getElementsByClassName('containerTabs');  
		for (i=0;i<DivElements.length;i++) {
			var testing;
			testing = 'tabContainer' + DivElements[i].id;
			if (my_div.id == testing) {
				test = false;
				break;	
			}
		}
		if (test) {
			for (i=0;i<DivElements.length;i++) {
				DivElements[i].hide();
			}	
		}
		my_div.show();			
	} 
};

//test if we use ajax or we got the content allready
function replaceOrGet(tabName, containerId) {	
	DivElements = $(containerId).getElementsByClassName('containerTabs');
	 
	var test = true;
	testing2 = 'tabContainer' + tabName;
	for (i=0;i<DivElements.length;i++) {
		var testing1;
		testing1 = DivElements[i].id;		
		if (testing1 == testing2) {
			test = false;
			break;	
		}
	}
	if (test) {     	
		my_div = document.createElement('div');
		Element.extend(my_div); 
		my_div.id = 'tabContainer' + tabName;		
		my_div.className = 'containerTabs';
		$(containerId).appendChild(my_div);
		new Replace(tabName, containerId);
	} else {
		for (i=0;i<DivElements.length;i++) {
			DivElements[i].hide();
		}
		$(testing2).show();
	}	
}
//change class name for tab elements
function toggleClassNameHomepage(elem, contId) {   		
	liElements = $(contId).getElementsByTagName('li');
	for (i=0;i<liElements.length;i++){
		liElements[i].className = 'deactivated';   
	}
	elem.className = 'mainHomeNavOn';
}
//change class name for left corner
function toggleCornerClassNameHomepage(containerId, classValue){   
	$(containerId).className = classValue;
}