$(document).ready(function() {
	function logScriptErrors(v) {
		try {
			console.log(v);
		}
		catch (e) {}
	}						   
	
	//for Caching
	var $content = $('#content');
	
		/*----------------------------------------------------------------------*/
		/* preload images
		/*----------------------------------------------------------------------*/
		
		//$.preload();
		
		/*----------------------------------------------------------------------*/
		/* Widgets
		/*----------------------------------------------------------------------*/
		try {
			$content.find('div.widgets').wl_Widget();
		}
		catch (e) {
			logScriptErrors('(scripts.js) wl_Widget failed');
		}
		/*----------------------------------------------------------------------*/
		/* All Form Plugins
		/*----------------------------------------------------------------------*/
		
		//Integers and decimals
		try {
			$content.find('input[type=number].integer').wl_Number();
			$content.find('input[type=number].decimal').wl_Number({
				decimals: 2,
				step: 0.5
			});
		}
		catch (e) {
			logScriptErrors('(scripts.js) wl_Number failed');
		}
		
		//Date and Time fields
		try {
			$content.find('input.date, div.date').wl_Date();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Date failed');
		}
		try {
			$content.find('input.time').wl_Time();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Time failed');
		}
		//Autocompletes (source is required)
		try {
			$content.find('input.autocomplete').wl_Autocomplete({
				source: ["ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"]
			});
		}
		catch (e) {
			logScriptErrors('(scripts.js) wl_Autocomplete failed');
		}
		
		//Elastic textareas (autogrow)
		$content.find('textarea[data-autogrow]').elastic();
		//WYSIWYG Editor
		try {
			$content.find('textarea.html').wl_Editor();
		}
		catch (e) {
			logScriptErrors('(scripts.js) wl_Editor failed');
		}
		
		//Validation
		try {
			$content.find('input[data-regex]').wl_Valid();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Valid failed');
		}
		try {
			$content.find('input[type=email]').wl_Mail();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Valid failed');
		}
		try {
			$content.find('input[type=url]').wl_URL();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Valid failed');
		}

		//File Upload
		try {
			$content.find('input[type=file]').wl_File();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_File failed');
		}
		//Password and Color
		try {
			$content.find('input[type=password]').wl_Password();
		}
		catch (e) {
			logScriptErrors('(scripts.js) wl_Password failed');
		}
		try {
			$content.find('input.color').wl_Color();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Color failed');
		}
		//Sliders
		try {
			$content.find('div.slider').wl_Slider();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Slider failed');
		}
		
		//Multiselects
		try {
			$content.find('select[multiple]').wl_Multiselect();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Multiselect failed');
		}
		
		//The Form itself
		try {
			$content.find('form').wl_Form();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Form failed');
		}
		
		/*----------------------------------------------------------------------*/
		/* Alert boxes
		/*----------------------------------------------------------------------*/
		try {
			$content.find('div.alert').wl_Alert();
		}
		catch (e) {
			logScriptErrors('(scripts.js) wl_Alert failed');
		}
		
		/*----------------------------------------------------------------------*/
		/* Breadcrumb
		/*----------------------------------------------------------------------*/
		try {
			$content.find('ul.breadcrumb').wl_Breadcrumb();
		}
		catch (e) {	
			logScriptErrors('(scripts.js) wl_Breadcrums failed');
		}
		/*----------------------------------------------------------------------*/
		/* datatable plugin
		/*----------------------------------------------------------------------*/
		try {
			$content.find("table.datatable").dataTable({
				"sPaginationType": "full_numbers"
			});
		}
		catch (e) {
			logScriptErrors('(scripts.js) wl_Datatables failed');
		}
		
		/*----------------------------------------------------------------------*/
		/* uniform plugin
		/*----------------------------------------------------------------------*/
		
		$("select, textarea, input").not('input[type=submit], textarea.html, select[multiple]').uniform();
		
		/*----------------------------------------------------------------------*/
		/* Charts
		/*----------------------------------------------------------------------*/
		try {
			$content.find('table.chart').wl_Chart({
				onClick: function(value, legend, label, id){
					$.msg("value is " + value + " from " + legend + " at " + label + " (" + id + ")", {
						header: 'Custom Callback'
					});
				}
			});
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Chart failed');
		}
		
		/*----------------------------------------------------------------------*/
		/* Fileexplorer
		/*----------------------------------------------------------------------*/
		try {
			$content.find('div.fileexplorer').wl_Fileexplorer();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Fileexplorer failed');
		}		
		
		/*----------------------------------------------------------------------*/
		/* Calendar (read http://arshaw.com/fullcalendar/docs/ for more info!)
		/*----------------------------------------------------------------------*/
		try {
			$content.find('div.calendar').wl_Calendar({
				eventSources: [{
					url: 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic'
				}, {
					events: [ // put the array in the `events` property
					{
						title: 'Fixed Event',
						start: '2011-09-01'
					}, {
						title: 'long fixed Event',
						start: '2011-09-06',
						end: '2011-09-14'
					}],
					color: '#f0a8a8', // an option!
					textColor: '#ffffff' // an option!
				}, {
					events: [ // put the array in the `events` property
					{
						title: 'Editable',
						start: '2011-09-09 12:30:00'
					}],
					editable: true,
					color: '#a2e8a2', // an option!
					textColor: '#ffffff' // an option!
				}		// any other event sources...
				
				]
			});
		}
		catch (e) {	
			logScriptErrors('(scripts.js) wl_Calendar failed');
		}
		
		/*----------------------------------------------------------------------*/
		/* Gallery
		/*----------------------------------------------------------------------*/
		try {
			$content.find('ul.gallery').wl_Gallery();
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Gallery failed');
		}		
		
		/*----------------------------------------------------------------------*/
		/* Tipsy Tooltip
		/*----------------------------------------------------------------------*/
		
		
		$content.find('input[title]').tipsy({
			gravity: function(){return ($(this).data('tooltip-gravity') || config.tooltip.gravity); },
			fade: config.tooltip.fade,
			opacity: config.tooltip.opacity,
			color: config.tooltip.color,
			offset: config.tooltip.offset
		});
		
		
		/*----------------------------------------------------------------------*/
		/* Accordions
		/*----------------------------------------------------------------------*/
		try {
			$content.find('div.accordion').accordion({
				collapsible: true,
				autoHeight: false
			});
		}
		catch (e) {	
			logScriptErrors('(scripts.js) wl_Accordian failed');
		}
		
		/*----------------------------------------------------------------------*/
		/* Tabs
		/*----------------------------------------------------------------------*/
		
		try {
			$content.find('div.tab').tabs({
					fx: {
						opacity: 'toggle',
						duration: 'fast'
					}	  
			});
		}
		catch (e) {	
			logScriptErrors('(scripts.js) tabs failed');
		}
		
		/*----------------------------------------------------------------------*/
		/* Navigation Stuff
		/*----------------------------------------------------------------------*/
		
		
		//Top Pageoptions
		$('#wl_config').click(function(){
			var $pageoptions = $('#pageoptions');
			if($pageoptions.height() < 200){
				$pageoptions.animate({'height':200});
				$(this).addClass('active');
			}else{
				$pageoptions.animate({'height':20});
				$(this).removeClass('active');
			}
			return false;
		});
		
		
		//Header navigation for smaller screens
		var $headernav = $('ul#headernav');
		
		$headernav.bind('click',function(){
			//if(window.innerWidth > 800) return false;
			var ul = $headernav.find('ul').eq(0);
			(ul.is(':hidden')) ? ul.addClass('shown') : ul.removeClass('shown');
		});
		
		$headernav.find('ul > li').bind('click',function(event){
			event.stopPropagation();
			var children = $(this).children('ul');
			
			if(children.length){
				(children.is(':hidden')) ? children.addClass('shown') : children.removeClass('shown');
				return false;
			}
		});
		
		//Search Field Stuff		
		var $searchform = $('#searchform'),
			$searchfield = $('#search');
		
		$searchfield
			.bind('focus.wl',function(){
		   		$searchfield.parent().animate({width: '150px'},100).select();
			})
			.bind('blur.wl',function(){
	   			$searchfield.parent().animate({width: '90px'},100);
			});
			
		$searchform
			.bind('submit.wl',function(){
				//do something on submit				
				var query = $searchfield.val();
			});
			
		
		//Main Navigation		
		try {
			var $nav = $('#nav');
			
			$nav.delegate('li', 'click.wl', function(event){
				var _this = $(this), _parent = _this.parent(), a = _parent.find('a');
				_parent.find('ul').slideUp('fast');
				a.removeClass('active');
				_this.find('ul:hidden').slideDown('fast');
				_this.find('a').eq(0).addClass('active');
				event.stopPropagation();
			});
		}
		catch (e) {
			logScriptErrors('(scripts.js) wl_Slider failed');
		}	
		
		/*----------------------------------------------------------------------*/
		/* Helpers
		/*----------------------------------------------------------------------*/
		
		//placholder in inputs is not implemented well in all browsers, so we need to trick this		
		$("[placeholder]").bind('focus.placeholder',function() {
			var el = $(this);
			if (el.val() == el.attr("placeholder") && !el.data('uservalue')) {
				el.val("");
				el.removeClass("placeholder");
			}
		}).bind('blur.placeholder',function() {
			var el = $(this);
			if (el.val() == "" || el.val() == el.attr("placeholder") && !el.data('uservalue')) {
				el.addClass("placeholder");
				el.val(el.attr("placeholder"));
				el.data("uservalue",false);
			}else{
			
			}
		}).bind('keyup.placeholder',function() {
			var el = $(this);
			if (el.val() == "") {
				el.data("uservalue",false);
			}else{
				el.data("uservalue",true);
			}
		}).trigger('blur.placeholder');

		
		
		
/*-----------------------------------------------------------------------------------------------------------------------------*/
/* 		Following code is for the Demonstration only!
/*		Get inspired and use it further or just remove it!
/*-----------------------------------------------------------------------------------------------------------------------------*/
		
		
		
		
		/*----------------------------------------------------------------------*/
		/* Callback for Slider
		/*----------------------------------------------------------------------*/
		/*----------------------------------------------------------------------*/
		try {
			$content.find('div.slider#slider_callback').wl_Slider({
				onSlide: function(value){
					$('#slider_callback_bar').width(value + '%').text(value);
				}
			});
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Slider failed');
		}	
		
		/*----------------------------------------------------------------------*/
		
		
		
		/*----------------------------------------------------------------------*/
		/* Rangeslider area how to
		/* http://themeforest.revaxarts.com/whitelabel/doc-sliders.html
		/*----------------------------------------------------------------------*/
		try {
			$content.find('div.slider#slider_mousewheel').wl_Slider({
				onSlide: function(values){
					var _this = $('#slider_mousewheel'), _handler = _this.find('a');
					_h1 = _handler.eq(0).offset(), _h2 = _handler.eq(1).offset(), value = _h1.left + (_h2.left - _h1.left) / 2 - _this.offset().left + 5;
					$('#slider_mousewheel_left').width(value);
					$('#slider_mousewheel_right').width(_this.width() - value);
				}
			});
			$('#slider_mousewheel_left, #slider_mousewheel_right').bind('mousewheel', function(event, delta){
				event.preventDefault();
				$.alert('Use the Slider above!\nThis is just for visualisation');
			});
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Slider failed');
		}
		
		/*----------------------------------------------------------------------*/
		
		
		/*----------------------------------------------------------------------*/
		/* Button to clear localStorage
		/* http://themeforest.revaxarts.com/whitelabel/widgets.html
		/*----------------------------------------------------------------------*/
		
			$content.find('.clearLocalStorage').bind('click',function(){
				var wl_Store = new $.wl_Store();
				if(wl_Store.flush()){
					$.msg("LocalStorage as been cleared!");
				};
				return false;
			});
		
		/*----------------------------------------------------------------------*/
		
		/*----------------------------------------------------------------------*/
		/* needed for the Store Documentation
		/* http://themeforest.revaxarts.com/whitelabel/doc-store.html
		/*----------------------------------------------------------------------*/
			
			$content.find('#save_store').bind('click',function(){
				$.prompt('Storing some values?','This text is for the storage',function(value){
					var wl_Store = new $.wl_Store('doc-store');
					if(wl_Store.save('testvalue', value)){
						$.msg('Your data has been saved!. You can reload the page now!',{live:10000});
					}else{
						$.msg('Sorry, but a problem while storing your data occurs! Maybe your browser isn\'t supported!',{live:10000});
					}
				});
			});
			
			$content.find('#restore_store').bind('click',function(){
				var wl_Store = new $.wl_Store('doc-store');
				var value = wl_Store.get('testvalue');
				if(value){
					$.alert('your value is:\n'+value);
				}else{
					$.alert('No value is set!');
				}
			});
		
		/*----------------------------------------------------------------------*/
		
		/*----------------------------------------------------------------------*/
		/* Confirm Box for the Form Filler
		/* http://themeforest.revaxarts.com/whitelabel/form.html
		/*----------------------------------------------------------------------*/
		
			$('#formfiller').click(function(){
				var _this = this;
				$.confirm('To fill a form with your data you have to add a query string to the location.\nhttp://domain.tld/path?key=value&key2=value2',function(){
					window.location.href = _this.href;
				});
				return false;
			});
			
		/*----------------------------------------------------------------------*/
		/* Toggle to nativ/ajax submit
		/* http://themeforest.revaxarts.com/whitelabel/form.html
		/*----------------------------------------------------------------------*/
		
			$('#formsubmitswitcher').click(function(){
				var _this = $(this);
				if(_this.text() == 'send form natively'){
					$content.find('form').wl_Form('set','ajax',false);
					$.msg('The form will now use the browser native submit method');
					_this.text('send form with ajax');
				}else{
					$content.find('form').wl_Form('set','ajax',true);
					$.msg('The form will now be sent with an ajax request');
					_this.text('send form natively');
				}
				return false;
			});
					
		/*----------------------------------------------------------------------*/


		/*----------------------------------------------------------------------*/
		/* add some Callbacks to the Form
		/* http://themeforest.revaxarts.com/whitelabel/form.html
		/*----------------------------------------------------------------------*/
		try {
			$content.find('form').wl_Form({
				onSuccess: function(data, status){
					if(window.console){
						console.log(status);
						console.log(data);
					};
					$.msg("Custom Callback on success\nDevelopers! Check your Console!");
				},
				onError: function(status, error, jqXHR){
					$.msg("Callback on Error\nError Status: "+status+"\nError Msg: "+error);
				}
			});
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Form failed');
		}
		
		/*----------------------------------------------------------------------*/
		/* Gallery with some custom callbacks
		/* http://themeforest.revaxarts.com/whitelabel/gallery.html
		/*----------------------------------------------------------------------*/
		try {
			$content.find('ul.gallery').wl_Gallery({
				onEdit: function(el, href, title){
					if(href){
						$.confirm('For demonstration I use pixlr to edit images.\nDo you like to continue?',function(){
							window.open('http://pixlr.com/editor/?referrer=whitelabel&image='+escape(href)+'&title='+escape(title)+'');
						});
					}
				},									   
				onDelete: function(el, href, title){
					if(href){
						$.confirm('Do you really like to delete this?',function(){
							el.fadeOut();
						});
					}
				}									   
			
			});
		} 
		catch (e) {
			logScriptErrors('(scripts.js) wl_Gallery failed');
		}	
		/*----------------------------------------------------------------------*/
		
		
		/*----------------------------------------------------------------------*/
		/* Message trigger buttons
		/* http://themeforest.revaxarts.com/whitelabel/dialogs_and_buttons.html
		/*----------------------------------------------------------------------*/
		
			$('#message').click(function(){
				$.msg("This is a simple Message");
			});
			$('#message_sticky').click(function(){
				$.msg("This Message will stay until you click the cross",{sticky:true});
			});
			$('#message_header').click(function(){
				$.msg("This is with a custom Header",{header:'Custom Header'});
			});
			$('#message_delay').click(function(){
				$.msg("This stays exactly 10 seconds",{live:10000});
			});
			$('#message_methods').click(function(){
				var m = $.msg("This message can be accessed via public methods",{sticky:true});
				
				//do some action with a delay
				setTimeout(function(){
					if(m)m.setHeader('Set a Header');				
				},3000);
				setTimeout(function(){
					if(m)m.setBody('Set a custom Body');				
				},5000);
				setTimeout(function(){
					if(m)m.setBody('..and close it with an optional callback function');				
				},8000);
				setTimeout(function(){
					if(m)m.close(function(){
						$.alert('This is the Callback function');				  
					});
				},12000);
			});
			

		/*----------------------------------------------------------------------*/
		
		
		/*----------------------------------------------------------------------*/
		/* Dialog trigger buttons
		/* http://themeforest.revaxarts.com/whitelabel/dialogs_and_buttons.html
		/*----------------------------------------------------------------------*/
		
			
			$('#dialog').click(function(){
				$.alert("This is a simple Message");
			});
			$('#dialog_confirm').click(function(){
				$.confirm("Do you really like to confirm this?",
				function(){
					$.msg("confirmed!");
				},
				function(){
					$.msg("You clicked cancel!");
				});
			});
			$('#dialog_prompt').click(function(){
				$.prompt("What do you really like?","Pizza",
				function(value){
					$.msg("So, you like '"+value+"'?");
				},
				function(){
					$.msg("You clicked cancel!");
				});
			});
			$('#dialog_switch').click(function(){
				if($.alert.defaults.nativ){
					$(this).text('switch to nativ dialogs');
				}else{
					$(this).text('switch to jQuery Dialogs');
				}
				$.alert.defaults.nativ = !$.alert.defaults.nativ;
			});
			$('#dialog_methods').click(function(){
				var a = $.alert("This message can be accessed via public methods");
				
				//do some action with a delay
				setTimeout(function(){
					if(a)a.setHeader('Set a Header');				
				},3000);
				setTimeout(function(){
					if(a)a.setBody('Set a custom Body');				
				},5000);
				setTimeout(function(){
					if(a)a.setBody('..and close it with an optional callback function');				
				},8000);
				setTimeout(function(){
					if(a)a.close(function(){
						$.msg('This is the Callback function');				  
					});
				},12000);
			});
			
		/*----------------------------------------------------------------------*/
		
		
		/*----------------------------------------------------------------------*/
		/* Breadcrumb Demos
		/* http://themeforest.revaxarts.com/whitelabel/breadcrumb.html
		/*----------------------------------------------------------------------*/
		try {
			$('#enablebreadcrumb').click(function(){
				$('ul.breadcrumb').eq(4).wl_Breadcrumb('enable');
				$.msg('enabled!');
			});
			$('#disablebreadcrumb').click(function(){
				$('ul.breadcrumb').eq(4).wl_Breadcrumb('disable');
				$.msg('disabled!');
			});
			$('ul.breadcrumb').eq(5).wl_Breadcrumb({
				onChange: function(element, id){
					$.msg(element.text() + ' with id ' + id);
				}
			});
		}
		catch (e) {	
			logScriptErrors('(scripts.js) wl_Breadcrums failed');
		}
		/*----------------------------------------------------------------------*/
		
		
		/*----------------------------------------------------------------------*/
		/* Helps to make current section active in the Mainbar
		/*----------------------------------------------------------------------*/
			
			var loc = location.pathname.replace(/\/([^.]+)\//g,'');
			var current = $nav.find('a[href="'+loc+'"]');
			
			if(current.parent().parent().is('#nav')){
				current.addClass('active');
			}else{
				current.parent().parent().parent().find('a').eq(0).addClass('active').next().show();
				current.addClass('active');
	
			}


		
		/*----------------------------------------------------------------------*/

});


/*----------------------------------------------------------------------*/
/* Autocomplete Function must be available befor wl_Autocomplete is called
/*----------------------------------------------------------------------*/

window.myAutocompleteFunction = function(){
	return ['Lorem ipsum dolor','sit amet consectetur adipiscing','elit Nulla et justo','est Vestibulum libero','enim adipiscing in','porta mollis sem','Duis lacinia','velit et est rhoncus','mattis Aliquam at','diam eu ipsum','rutrum tincidunt Etiam','nec porta erat Pellentesque','et elit sed sem','bibendum posuere Curabitur id','purus erat vel pretium','erat Ut ultricies semper','quam eu dignissim Cras sed','sapien arcu Phasellus sit amet','venenatis sapien Nulla facilisi','Curabitur ut','bibendum odio Fusce','vitae velit hendrerit','dui convallis tristique','eget nec leo','Vestibulum fermentum leo','ac rutrum interdum mauris','felis sodales arcu','non vehicula odio magna sed','tortor Etiam enim leo','interdum vitae elementum id','laoreet at massa Curabitur nisi dui','lobortis ut rutrum','quis gravida ut velit','Phasellus augue quam gravida non','vulputate vel tempus sit amet','nunc Proin convallis tristique purus'];
};