var preview = new Class({
		initialize : function(el) {
			if (!$(el)) return false;
			this.oOuterElm = $(el);
			this.aInputTags = this.oOuterElm.getElements('input[type=text]');
			this.aTextareaTags = this.oOuterElm.getElements('textarea');
			this.aSelectTags = this.oOuterElm.getElements('select');
			
			this.setNoneBorder();
					
			this.aInputTags.each(function(item, i) {
				item.addEvent('click', function(event) {
					this.setNoneBorder();
					item.style.border = '1px solid #333';
				}.bind(this));
				item.addEvent('focus', function(event) {
					this.setNoneBorder();
					item.style.border = '1px solid #333';
				}.bind(this));
			}, this);
			
			this.aTextareaTags.each(function(item, i) {
				item.addEvent('click', function(event) {
					this.setNoneBorder();
					item.style.border = '1px solid #333';
				}.bind(this));
				item.addEvent('focus', function(event) {
					this.setNoneBorder();
					item.style.border = '1px solid #333';
				}.bind(this));
			}, this);
			
			this.aSelectTags.each(function(item, i) {
				item.addEvent('click', function(event) {
					this.setNoneBorder();
					item.style.border = '1px solid #333';
				}.bind(this));
				item.addEvent('focus', function(event) {
					this.setNoneBorder();
					item.style.border = '1px solid #333';
				}.bind(this));
			}, this);
			
		},
		
		setNoneBorder : function() {
			this.aInputTags.each(function(item, i) {
				item.style.border = '1px solid #efefef';
			}, this);
			this.aTextareaTags.each(function(item, i) {
				item.style.border = '1px solid #efefef';
			}, this);
			this.aSelectTags.each(function(item, i) {
				item.style.border = '1px solid #efefef';
			}, this);
		}
		
	});


var Sitecontroller = new Class({
	initialize : function() {
		
		
		
	},
	
	submitAjaxForm : function(formId, step) {
		var params= $(formId).toQueryString();
	  var url = PATH_ABSOLUTE+'ajax_index.php?module=register&action=preview&v1=step'+step;
	  var myAjax = new Ajax(url, {
	      method: 'post',
	      data: params,
	      onComplete : function(response) {
					var aResponse = response.split('#|#');
					
					var template = aResponse[0].replace(/[\r\t\n]/,'');
					var stat = aResponse[1];
					var curStep = parseInt(aResponse[2]);
			
					if (aResponse[2]) {
						template = template + aResponse[2];
					}
			
					if (formId.indexOf('suche') == -1) {
						if (stat == 'OK') {
							alert(('Änderungen wurden erfolgreich gespeichert!'));				
						} else if (stat == 'ERROR') {
							alert(('Es sind Fehler aufgetreten. Bitte Überprüfen Sie Ihre Eingaben!'));
						}
					}
					
					$('step'+curStep).innerHTML = (template);	
					
					if (curStep == 3) {
			
							var accordion = new ccAccordion('h2.atStart', 'div.atStart', {
				        opacity: false,
				        onActive: function(toggler, element) {
				        	this.onActive();
				          toggler.setStyle('color', '#000');
				        },
				        onBackground: function(toggler, element){
				          toggler.setStyle('color', '#333');
				          toggler.setStyle('height','30px');
				        }
				      }, $('leistungen'));
			
					}
											
					if (curStep == 1) {
						new upload('portrait');
					}
					
					if (curStep == 2) {
						this.settingClinicLinks();
					}
					
					if (curStep == 5) {
						new upload('logo');
						new upload();
					}
					
					if (curStep == 4) {
						document.location.href=PATH_ABSOLUTE+LANGUAGE+'/register,showPreview.html';
					}
					
					new preview('preview');
					
					return true;
	      	
	      }.bind(this)
	    }).request(); 
	},

	settingClinicLinks : function() {
		$$('a.delete_clinic').each(function(item) {
			item.href = 'javascript:void(0);';
			var _id = item.id;
			var _aId = _id.split('_');
			var _id = _aId[1];
			item.removeEvents();
			item.addEvent('click', function(event) {
				this.deleteClinic(_id);
			}.bind(this));
		}, this);
	},
	
	deleteClinic : function(id) {
		var check = confirm('Möchten Sie diese Klinik wirklich löschen?');
		if (check === false) {
			return false;
		}
	  var url = PATH_ABSOLUTE+'ajax_index.php?module=register&action=preview&v1=step2&v2=deleteClinic&id1='+id;			  
	  var myAjax = new Ajax(url, {
		  method: 'get',
		  onComplete : function(response) {
		  	$('step2').innerHTML = response;
		  	this.settingClinicLinks();
		  	alert('Klinik wurde erfolgreich gelöscht!');
		  }.bind(this)
		}).request(); 
	}
		
});


var upload = new Class({
	initialize : function(sType) {
		this.sType = '';
		if (sType) {
			this.sType = sType;
		}
		
		var uploadElm = 'picture_upload';
		if (this.sType != '') {
			var uploadElm = uploadElm+'_'+this.sType;
		}
		
		if ($(uploadElm)) {
			var elm = $(uploadElm);
			var childs = elm.getChildren();
			childs.each(function(item) {
				item.remove();
			}, this);
			var newElm = new Element('a', {
				'href' : 'javascript:void(0);',
				'events': {
	        'click': function(){
						popUp(PATH_ABSOLUTE+'popUp_upload.php?type='+this.sType);        	
					}.bind(this)
				}
			});
			newElm.innerHTML = 'Bild hinzufügen';
			elm.adopt(newElm);
			
			var uploadedElm = 'uploaded_pics';
			if (this.sType != '') {
				var uploadedElm = uploadedElm+'_'+this.sType;
			}
			
			if ($(uploadedElm)) {
				$(uploadedElm).style.display = 'block';	
			}
			
		}
	},

  showLoading : function() {
    $('loading').style.display = 'block';
  },
  
  hideLoading : function() {
    parent.$('loading').style.display = 'none';
  },
  
  showPreview : function(sImg, sType) {
    parent.$("preview").innerHTML = "<h3>Preview</h3><img src=\""+PATH_UPLOAD+sImg+"\" alt=\"upload\" width=\"150\" style=\"margin-right:2px;\" />" + 
    "<br />M&ouml;chten Sie dieses Bild behalten?<br />" + 
    "<a href=\"javascript:void(0);\" onclick=\"oUpload.keepImages('"+sImg+"', '"+sType+"');\">Ja</a>&nbsp;&nbsp;" + 
    "<a href=\"javascript:void(0);\" onclick=\"oUpload.deleteImages('"+sImg+"', '"+sType+"');\">Nein</a>";
    parent.$("preview").style.display = "block";
  },
  
  hidePreview : function() {
    parent.document.getElementById("preview").style.display = "none";
  },
	
	keepImages : function(sImg, sType) {
    var check = confirm('Möchten Sie dieses Bild wirklich behalten?');
    if (check == false) {
      return false;
    }
    
    var preview_elm = 'uploaded_pics';
    if (sType && sType != '') {
      preview_elm = 'uploaded_pics_'+sType;
    }

    opener.document.getElementById(preview_elm).innerHTML = 
    opener.document.getElementById(preview_elm).innerHTML +
    '<div style="float:left;"><img src="'+PATH_UPLOAD+sImg+'" alt="upload" id="pic_'+sImg+'" width="100" style=\"margin-right:2px;\" /><br />' +
    '<a href="javascript:void(0);" onclick="oUpload.deleteImage(\''+sImg+'\', this, \''+sType+'\');">Bild l&ouml;schen</a></div>';
    

    window.close();   
	},
	
	deleteImage : function(sImg, sLink, sType) {

    var check = confirm(('Möchten Sie dieses Bild wirklich löschen?'));
    if (check == false) {
    	return false;
    }
    
    $('pic_'+sImg).style.display = 'none';
    sLink.style.display = 'none';

    var loadingElm = 'picture_loading';
    if (sType && sType != '') {
    	loadingElm = loadingElm + '_' + sType;
    }
		
    var url = PATH_ABSOLUTE+'ajax_index.php', pars="module=ajaxBasics&action=deleteImage&v1="+sImg;
    var myAjax = new Ajax(url, {
        method: 'get',
        data: pars,
        onStart : function() {
        	$(loadingElm).style.display = 'block';
        }.bind(this),
        onComplete : function(response) {
					alert('Bild wurde erfolgreich gelöscht!');
					$(loadingElm).style.display = 'none';
        }.bind(this)
      }).request(); 
	},
	
	deleteImages : function(sImg, sType) {
    
    var check = confirm('Möchten Sie dieses Bild wirklich löschen?');
    if (check == false) {
    	return false;
    }		
    
    var url = 'ajax_index.php', pars="module=ajaxBasics&action=deleteImage&v1="+sImg;
    var myAjax = new Ajax(url, {
        method: 'get',
        data: pars,
        onComplete : function(response) {
			    parent.document.getElementById("preview").style.display = "none";
        }
      }).request(); 
	},
	completeDelete : function(response) {
		alert(response);
	}
});


function popUp(url) {
  var popUp = window.open(url, "popUp", "width=400,height=450,status=yes,scrollbars=no,resizable=yes");
  popUp.focus();
}

		
//	var returnAjax = eval('(' + response + ')'); //for json decode