$(document).ready(function() { 
    
    
    
    ///////////////////////////////////////////////////////////////////
    //------------------------- BANER -------------------------------//
    ///////////////////////////////////////////////////////////////////
    
    var $cropbox = $('#baner div#widearea');
	$cropbox.after('<div id="openclose"><span id="close"><img src="images/BannerArrowUp.jpg" /></span><span id="open"><img src="images/BannerArrowDown.jpg" /></span></div>');
		
	$('div#openclose').toggle(
				
		function(){
			$cropbox.fadeOut(400);
			$('div#baner img.slideimg').fadeOut(400);
			$('a#backbtn').fadeOut(400);
			$('a#nextbtn').fadeOut(400);
			$('div#navi').fadeOut(400);				
			
			setTimeout(function(){
				$('div#baner').animate({height: "26px"}, 500);
				$('span#open').fadeIn('medium');	
				$('span#close').fadeOut('medium');
			}, 410);
		},
		
		function(){
			$('div#baner').animate({height: "192px"}, 500);
			$('span#close').fadeIn('medium');
			$('span#open').fadeOut('medium');
			
			setTimeout(function(){
				$cropbox.fadeIn(600);
				$('div#baner img.slideimg').fadeIn(300);
				$('a#backbtn').fadeIn(450);
				$('a#nextbtn').fadeIn(450);
				$('div#navi').fadeIn(450);
			}, 650);
			
		}

	);
	
	
	if (!$("#baner div.slide").hasClass("dberror")) {
		$("#baner #widearea").before('<div id="navi"></div>');
		$("#baner #widearea").after('<a id="backbtn">Back</a>');
		$("#baner #widearea").after('<a id="nextbtn">Next</a>');

	    $('div#widearea').scrollable({ 
	        size: 1, 
	        items: 'div#widearea',
			next: 'a#nextbtn',
	   		prev: 'a#backbtn',
			hoverClass: 'hover',
			speed: 500
	    }).circular().autoscroll({
			interval: 6000
		}).navigator({ 
	        navi: "#navi", 
	        activeClass: 'current'
	    });		
	}
    
    
    
    ///////////////////////////////////////////////////////////////////
    //------------------------- FANCY BOX ---------------------------//
    ///////////////////////////////////////////////////////////////////
    $("#container #gallery a.plaunch.fancy").fancybox({ 
        'zoomSpeedIn': 400, 
        'zoomSpeedOut': 400,
        'overlayOpacity': 0.6,
        'overlayShow': true,
        'frameHeight': 530,
        'frameWidth': 730
    });
    
    
    $("#footer .footer a.plaunch.fancy").fancybox({ 
        'zoomSpeedIn': 400, 
        'zoomSpeedOut': 400,
        'overlayOpacity': 0.6,
        'overlayShow': true,
        'frameHeight': 330,
        'frameWidth': 730
    });
    
    $("#container a.medium.green.awesome").fancybox({ 
        'zoomSpeedIn': 400, 
        'zoomSpeedOut': 400,
        'overlayOpacity': 0.6,
        'overlayShow': true,
        'frameHeight': 330,
        'frameWidth': 730
    });
    
    
	///////////////////////////////////////////////////////////////////
	//----------------------- FORM VALIDATION ---------------------- // 
    ///////////////////////////////////////////////////////////////////
	// Add Disabled Attribute and Class to Send Button
	$("form#contactform input#sendbtn").addClass('disabled').attr({ disabled: "disabled"});
				
	// Add check boxes to form
	$("form#contactform div.indv_box input, form#contactform textarea").after("<span class='checked'/>");
	
	// Add X to email
	$("form#contactform div.indv_box input#email").after("<span class='cross'/>");
		
	// Form Focus - remove text
	$("form#contactform input.text, form#contactform textarea").focus(function() {
		if (this.value == this.defaultValue) {
			$(this).val("");
		}
	});
	
	// Trim String
	function trim(stringToTrim) {
		return(stringToTrim.replace(/^\s+|\s+$/g,""));
	}

	// Value Cleanup Function
	function formValueCleanUp(inputInstance) {
		if (inputInstance.value == '' || inputInstance.value == null){  
			inputInstance.value = inputInstance.defaultValue;
			return false;
		}
		if (inputInstance.value == inputInstance.defaultValue) {
			return false;
		}
		if (inputInstance.value != '' && inputInstance.value != inputInstance.defaultValue) {			
			return true;
		}
	}
	
	// Form Blur - Return Text
	$("form#contactform input.text, form#contactform textarea").blur(function() {
		this.value = trim(this.value);
				
		//----- Check for all correct inputs -----

		// First Name
		if (this.id == 'fname'){  
			if (formValueCleanUp(this)) {
				$(this).nextAll("span").fadeIn(1000);
				fnameChecked = true;
			} else {
				$(this).nextAll("span").fadeOut(1000);
				fnameChecked = false;
			}
		} 

		// Last Name
		if (this.id == 'lname'){  
			if (formValueCleanUp(this)) {
				$(this).nextAll("span").fadeIn(1000);
				lnameChecked = true;
			} else {
				$(this).nextAll("span").fadeOut(1000);
				lnameChecked = false;
			}
		}

		// Email
		if (this.id == 'email'){
			if (formValueCleanUp(this)) {
				var emailToVal = this.value;
				var emailPattern = /^\w+([\.\-]?\w+)*@{1}\w+([\.\-]?\w+)*(\.{1}[a-zA-Z]{2,4})+$/;
				var validation = emailPattern.test(emailToVal);

				if (validation) {
					$(this).nextAll("span.checked").fadeIn(1000);
					$(this).nextAll("span.cross").fadeOut(200);
					emailChecked = true;
				} else {
					$(this).nextAll("span.checked").fadeOut(200);
					$(this).nextAll("span.cross").fadeIn(1000);
					emailChecked = false;
				}		
			} else {
				$(this).nextAll("span").fadeOut(1000);
				emailChecked = false;
			} 
		}
		
		// Coming Message
		if (this.id == 'comingmessage'){  
			if (formValueCleanUp(this)) {
				$(this).nextAll("span").fadeIn(1000);
				comingMessageChecked = true;
			} else {
				$(this).nextAll("span").fadeOut(1000);
				comingMessageChecked = false;
			}
		} 
		
		// Are all values checked ?
		if (fnameChecked && lnameChecked && emailChecked && comingMessageChecked) {						
			activateSendButton();					
		} else {			
			deactivateSendButton();
		}				
	});
						
	function activateSendButton(){
		$("form#contactform input#sendbtn").removeAttr("disabled").removeClass('disabled');
	}
	
	function deactivateSendButton(){
		$("form#contactform input#sendbtn").attr({ disabled: "disabled"}).addClass('disabled');
	}
						
	// ------------------------
	// Clear all checked values
	$("form#contactform input.reset").click(function() {
		$("form#contactform input.text, form#contactform textarea").nextAll("span").fadeOut(500);
		deactivateSendButton();
		
		fnameChecked = false;
		lnameChecked = false;
		emailChecked = false;
		comingMessageChecked = false;
	
	});


			
	

});