/*
 * 	Additional function for forms.html
 *	Written by ThemePixels	
 *	http://themepixels.com/
 *
 *	Copyright (c) 2012 ThemePixels (http://themepixels.com)
 *	
 *	Built for Katniss Premium Responsive Admin Template
 *  http://themeforest.net/category/site-templates/admin-templates
 */

$(document).ready(function(){
	
	// Transform upload file
	$('input:file').uniform();
	
	// Dual Box Select
	var db = $('#dualselect').find('.ds_arrow button');	//get arrows of dual select
	var sel1 = $('#dualselect select:first-child');		//get first select element
	var sel2 = $('#dualselect select:last-child');			//get second select element
	
	sel2.empty(); //empty it first from dom.
	
	db.click(function(){
		var t = ($(this).hasClass('ds_prev'))? 0 : 1;	// 0 if arrow prev otherwise arrow next
		if(t) {
			sel1.find('option').each(function(){
				if($(this).is(':selected')) {
					$(this).attr('selected',false);
					var op = sel2.find('option:first-child');
					sel2.append($(this));
				}
			});	
		} else {
			sel2.find('option').each(function(){
				if($(this).is(':selected')) {
					$(this).attr('selected',false);
					sel1.append($(this));
				}
			});		
		}
		return false;
	});	
	
	// Tags Input
	$('#tags').tagsInput();

	// Spinner
	$("#spinner").spinner({min: 0, max: 100, increment: 2});
	
	// Character Counter
	$("#textarea2").charCount({
		allowed: 120,		
		warning: 20,
		counterText: 'Characters left: '	
	});
	
	// Select with Search
	$(".chzn-select").chosen();
	
	
	// With Form Validation
	$("#form1").validate({
		rules: {
			firstname: "required",
			lastname: "required",
			email: {
				required: true,
				email: true,
			},
			location: "required",
			selection: "required"
		},
		messages: {
			firstname: "Please enter your first name",
			lastname: "Please enter your last name",
			email: "Please enter a valid email address",
			location: "Please enter your location"
		},
		highlight: function(label) {
			$(label).closest('.control-group').addClass('error');
	    },
	    success: function(label) {
	    	label
	    		.text('Ok!').addClass('valid')
	    		.closest('.control-group').addClass('success');
	    }
	});
	
	$("#formulario").validate({
		rules: {
			semana: "required",
			duracao: "required"
		},
		messages: {
			semana: "Escolha o dia da semana",
			duracao: "Escolha a duracao das consultas"
		},
		highlight: function(label) {
			$(label).closest('.control-group').addClass('error');
	    },
	    success: function(label) {
	    	label
	    		.text('Ok!').addClass('valid')
	    		.closest('.control-group').addClass('success');
	    }
	});
	
});