var fx ;
var mySlide ;
var oldSelected = '-1';
//Puff
var myrules = {
		'#loginUsername' :  function(element){
			element.onblur  = function(evt){ if (this.value == '') this.value = 'Username'; };
			element.onfocus = function(evt){ if (this.value == 'Username') this.value = ''; }
		},
		'#loginPassword' :  function(element){
			element.onblur  = function(evt){ if (this.value == '') this.value = 'Password'; };
			element.onfocus = function(evt){ if (this.value == 'Password') this.value = ''; }
		},
		
		'.cancelBtn' : function(element){
			element.onclick = function(evt){
				//var evt = new Event(evt).stop();
				window.location = element.getParent().href;
			}
		},
		'.confirm' : function(element){
			element.onclick = function(evt){
				if(!confirm("Are you sure you want to delete this?")) {
					var evt = new Event(evt).stop();
					return;
				}
			}
		},		
		'.thumb' : function(element){
			element.onclick = function(evt){
				//var evt = new Event(evt).stop();
				//element.setStyle("position", "absolute");
				//Puff(element, 0);
			}
		},
		'form.editForm' : function(element){
			element.onsubmit = function(evt){
				var evt = new Event(evt).stop();
				var box = $('box');
				var id_form = element.getProperty('id');
				box.style.display="block";
				box.setHTML('Save in progress...');
				
				var myAjax = new Ajax(webPath + id_form + ".php", {data: $(id_form).toQueryString() + "&from=js" , method: 'post', onComplete: function(resp)
				{ fx.start({	
					}).chain(function() {
						box.setHTML(resp);
						if (resp.indexOf('succes')!=-1)
						{
							$(id_form).return_url
								window.location = $(id_form).return_url.value;
						}
						this.start.delay(1000, this, {'opacity': 0});
					}).chain(function() {
						box.style.display="none";
						this.start.delay(0001, this, {'opacity': 1});
					});
				} } ).request();
			
			}
		},
		
		'.showHide' : function(element){
			try {
				element.onclick = function(evt){
					var evt = new Event(evt);
					var id = element.id;
					if (element.tagName == "SELECT")
					{
						if (element.options[element.selectedIndex].className == "showHideOption")
						{
							
							if (oldSelected == element.selectedIndex)
							{
								return false;
							}
							oldSelected = element.selectedIndex;
						}
						else
						{
							if (oldSelected>=0)
							if (element.options[oldSelected].className == "showHideOption")
							{
								oldSelected = element.selectedIndex;
							}
							else
							{
								oldSelected = element.selectedIndex;
								return false;
							}
							else
							{
								oldSelected = element.selectedIndex;
								return false;
							}
						}
						
					}
					
					if ($(id+'Div'))
					{
						if (mySlide[id+'Div'])
						{
							if (element.type!="checkbox")
							{
								mySlide[id+'Div'].toggle();
								evt.stop();
							}
							else
							{
								mySlide[id+'Div'].toggle();
							}
						}
					}
				}	
			}
			catch (err)
			{
				
			}
			
		},
		'#color_schemeAdd': function(element){
			element.onchange = function(evt){
				var evt = new Event(evt).stop();
				if ($('color_schemeAdd').value=='')
				{
					$('color_schemeUpdate').getElements('input').each(function(el){
						el.value = '';
					});
					return;
				}
				var id_form = element.getProperty('id');
				var box = $('boxLoad');
				box.style.display="block";
				box.setHTML('Loading...');
				
				var myAjax = new Ajax(webPath + "ajaxColorScheme.php", {data: 'color='+ $('color_schemeAdd').value, method: 'get', onComplete: function(resp)
				{ 
					$('color_schemeUpdate').setHTML(resp);
					box.style.display="none";
					
				} } ).request();
			}
		}
		
		
	};


window.addEvent('load', function(){
	
	try
	{ 
		var tips = new Tips($$('.tips'), {
			initialize:function(){
				this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
			},
			onShow: function(toolTip) {
				this.fx.start(1);
			},
			onHide: function(toolTip) {
				this.fx.start(0);
			}
		});
	}
	catch (err)
	{
			
	}
								 
});

window.addEvent('domready', function(){
	
	var box = $('box');
	var items = $$('.showHide');
	//alert(items.length);
	mySlide = Array();
	if (Fx)
	{
		if (Fx.Slide)
		{
			for (i=0;i<items.length;i++)
			{
				mySlide[items[i].id+'Div'] = new Fx.Slide(items[i].id+'Div');
				if ($(items[i].id))
				{
					if ($(items[i]).type!="checkbox")
					{
						mySlide[items[i].id+'Div'].hide();
					}
					else
					{
						if (items[i].checked==true)
						{
							mySlide[items[i].id+'Div'].hide();
						}
						else
						{
							mySlide[items[i].id+'Div'].show();
						}
					}
				}
			}
		}
	}
	fx = new Fx.Styles('box', {duration: 1000, transition: Fx.Transitions.Quart.easeOut});
	
	var errorData = null;
	if ($('errors').innerHTML!="")
	{
		errorData = $('errors');
	}
	if ($('success').innerHTML!="")
	{
		errorData = $('success');
	}
	if (errorData!=null)
	{
		var formError = $('content').getElement('form');
		if (formError)
		{
			var clone = errorData.clone().injectBefore(formError);
			clone.setStyle("display", "inline");
			clone.innerHTML = clone.innerHTML;
			new Element('br').injectAfter(clone);
			errorData.remove();
		}
		else
		{
			errorData.setStyle("display", "inline");
		}
	}
	
	
	Behaviour.register(myrules);
	
	
	if (typeof(menu1) != "undefined") { initTransMenu(); }	
		
	});



function Puff(obj, dir){
	var f = $(obj).effects();
	switch(dir){
		case 0: f.start({'height': [131, 262], 'width': [175, 350], 'top': [0, -65], 'left': [0, -87], 'opacity': [1, 0.2] }); break;
		case 1: f.start({'height': [200, 100], 'width': [200, 100], 'top': [-50, 0], 'opacity': [0, 1] }); break;
		case 2: f.start({'height': [100, 0], 'width': [100, 0], 'top': [0, 50], 'opacity': [1, 0] }); break;
		case 3: f.start({'height': [0, 100], 'width': [0, 100], 'top': [50, 0], 'opacity': [0, 1] }); break;
	}
}