if ('undefined' != typeof cEasyJs) {
	cEasyJs.load('jQuery', function() {
		backgroundSelect();
	});
}

var selectedBg = "";
var maxBg = 5;

function backgroundSelect(){

	jQuery(document).ready(function() {
		
		jQuery("body").append("<div id='backgroundSelectOverlay'></div>");
		jQuery("body").append("<div id='backgroundSelectArea'></div>");
	
			
		jQuery('#backgroundSelectLink').click(function() { 
			showLayer('#backgroundSelectOverlay', 0.5);
			showLayer('#backgroundSelectArea', 1);
			jQuery('#backgroundSelectArea').load('../../../../tools/backgroundSelect/backgroundSelect.php5');
		});
		
		jQuery('#backgroundSelectOverlay').click(function() { 
			endBackgroundSelect();
		});
		
	});
	
}
	
	
		
function setBg(){
	var notSelectedBg ="";
	if(selectedBg != ""){
		
		for(i=1; i<=maxBg;i++){
			tmpBg = 'background_'+i;
			
			if(selectedBg != tmpBg){
				notSelectedBg +=tmpBg;
				
				if(i<this.maxBg){
					notSelectedBg += '|';
				}
				
			}
			
		}
		//alert(this.selectedBg+' , '+ notSelectedBg);
		madChickCss.swap(this.selectedBg , notSelectedBg);
		
	}
}
		
function changeBg(bg){
	jQuery("body").removeClass();
	jQuery("body").toggleClass(bg);
	selectedBg = bg;
}
	
function showLayer(cssID, myOpacity ){
	//alert("da");
	if(myOpacity < 1){
		jQuery(cssID).fadeTo(0, myOpacity);
	}
	jQuery(cssID).fadeIn(500);
	
}
	
function closeLayer(cssID){
	jQuery(cssID).fadeOut(500);
}

function endBackgroundSelect(){
	changeBg('standard');
	closeLayer('#backgroundSelectArea');
	closeLayer('#backgroundSelectOverlay');
}
	
function saveBackgroundSelect(){
	setBg();
	closeLayer('#backgroundSelectArea');
	closeLayer('#backgroundSelectOverlay');
}