/* Author: Alex Cho
   Agency: WebBrand Agency
*/

$(window).load(function(){

	_theWindow = $(window);
	$bg = $('.bg_bck');
	$mainbg = $('.mainWrap');
	$aboutbg = $('ul.imageSlider');
	$aboutwrap= $('.about-wrapper, .about-wrapper .bx-window');
	$colorwrap = $('.color-wrapper, .color-wrapper .bx-window, .color-wrapper .bx-window ul li')

	$mainbg.css({'width':_theWindow.width(), 'height': (_theWindow.height()-279)});
	$aboutbg.css({'width':_theWindow.width(), 'height': (_theWindow.height()-279)});
	$aboutwrap.css({'width':_theWindow.width(), 'height': (_theWindow.height()-279)});
	$colorwrap.css({'width':_theWindow.width(), 'height': (_theWindow.height()-279)});

	_aspectRatio = $bg.width()/($bg.height());

	$bheight = _theWindow.height()-279;   // returns height of browser viewport
	$bwidth = _theWindow.width();
	$bgRatio = $bwidth / $bheight;

	$calcHeight = $bwidth * _aspectRatio;
	$calcWidth = $bheight / _aspectRatio;
	$calcLeft = Math.round(($calcWidth - $bwidth)/2);
	$calcTop = (Math.round(($calcHeight - $bheight)/2))/2;
	
	if($bgRatio < _aspectRatio) {
		$bg.css({'left':'-'+$calcLeft+'px', 'top':0}).removeClass().addClass('bgheight');
    } else {
		$bg.css({'left':0, 'top': '-'+$calcTop+'px'}).removeClass().addClass('bgwidth');
	}
	
	$marginTop = ($bheight - 430)/2;

	if($(window).height() < 709){
		$('header').css({position:'relative'});
		$('footer').css({position:'relative'});
		$('.mainWrap').css({position:'relative',top:0});
		$('.mainInner').css({'margin-top':0});
	}else{
		$('header').css({position:'fixed'});
		$('footer').css({position:'fixed'});
		$('.mainWrap').css({position:'fixed',top:68});
		$('.mainInner').css({'margin-top':$marginTop});
	}

	_theWindow.resize(function() {

		$mainbg.css({'width':_theWindow.width(), 'height': (_theWindow.height()-279)});
		$aboutbg.css({'width':_theWindow.width(), 'height': (_theWindow.height()-279)});
		$aboutwrap.css({'width':_theWindow.width(), 'height': (_theWindow.height()-279)});
		$colorwrap.css({'width':_theWindow.width(), 'height': (_theWindow.height()-279)});

		_aspectRatio = $bg.width()/($bg.height());

		$bheight = _theWindow.height()-279;   // returns height of browser viewport
		$bwidth = _theWindow.width();
		$bgRatio = $bwidth / $bheight;

		$calcHeight = $bwidth * _aspectRatio;
		$calcWidth = $bheight / _aspectRatio;
		$calcLeft = Math.round(($calcWidth - $bwidth)/2);
		$calcTop = (Math.round(($calcHeight - $bheight)/2))/2;
		$marginTop = Math.round(($bheight - 430)/2);

		if($bgRatio < _aspectRatio) {
			$bg.css({'left':'-'+$calcLeft+'px', 'top':0}).removeClass().addClass('bgheight');
	    } else {
			$bg.css({'left':0, 'top': '-'+$calcTop+'px'}).removeClass().addClass('bgwidth');
		}
		if($(window).height() < 709){
			$('header').css({position:'relative'});
			$('footer').css({position:'relative'});
			$('.mainWrap').css({position:'relative',top:0});
			$('.mainInner').stop().animate({'margin-top':0});

		}else{
			$('header').css({position:'fixed'});
			$('footer').css({position:'fixed'});
			$('.mainWrap').css({position:'fixed',top:68});
			$('.mainInner').stop().animate({'margin-top':$marginTop});
		}

		return this;
	});	

	// --------------------------------------------------------------------------------------------
	// Background
	// --------------------------------------------------------------------------------------------
	var mainImg = new Image();
	var bck = $('.main').attr('data-bg');
	$(mainImg).load(function(){
		$('.preloader').fadeOut(350, function() { $(this).remove(); });
		$('.main').css({'background-image':"url('"+baseurl+bck+"')"});
		$('.main img.bg_bck').attr('src', baseurl+bck);
	}).attr('src', baseurl+bck);

	var imageSliderBG1 = $('ul.imageSlider li.slide1').attr('data-slidebg');
	var imageSliderBG2 = $('ul.imageSlider li.slide2').attr('data-slidebg');
	$('ul.imageSlider li.slide1').css({'background-image':"url('"+baseurl+imageSliderBG1+"')"});
	$('ul.imageSlider li.slide1 img').attr('src', baseurl+imageSliderBG1);
	$('ul.imageSlider li.slide2').css({'background-image':"url('"+baseurl+imageSliderBG2+"')"});
	$('ul.imageSlider li.slide2 img').attr('src', baseurl+imageSliderBG2);
	
	$('.scroll, .scroll2').jScrollPane({
		showArrows: false, 
		verticalDragMaxHeight: 30, 
		verticalDragMinHeight: 30,
		horizontalGutter: 20,
		verticalGutter: 20
		});
	
});

$(document).ready(function(){

	// Disable Links
	// --------------------------------------------------------------------------------------------
	$('[href="#"], .disabled').click(function() { return false; });

	// --------------------------------------------------------------------------------
	// Clear Form Inputs
	// --------------------------------------------------------------------------------
	$('input, textarea').bind('focusin', function() { if($(this).val() == $(this).attr('data-default')) { $(this).val(''); } });
	$('input, textarea').bind('focusout', function() { if($(this).val() == '') { $(this).val( $(this).attr('data-default') ); } });

	// --------------------------------------------------------------------------------------------
	// JScroll
	// --------------------------------------------------------------------------------------------
	var settings = {
			showArrows: false, 
			verticalDragMaxHeight: 30, 
			verticalDragMinHeight: 30,
			horizontalGutter: 20,
			verticalGutter: 20
		};
	
	var pane = $('.scroll, .scroll2')
	pane.jScrollPane(settings);
	var api = pane.data('jsp');

	// --------------------------------------------------------------------------------------------
	// Fancybox
	// --------------------------------------------------------------------------------------------
	$('.popUp').fancybox({
		overlayColor: '#000',
		overlayOpacity:'.75',
		padding:0
	});

	var mainSlider = $('.mainSlider').bxSlider({
		auto:false, startingSlide:0, displaySlideQty:1, moveSlideQty:1, mode:'horizontal',
		infiniteLoop: true, controls: true, speed: 650, pager:false,
		onBeforeSlide:function(){
			api.reinitialise();
		}
	});
	(function($) {
		var aboutSlider = $('.aboutSlider').bxSlider({
			auto:false, startingSlide:0, displaySlideQty:1, moveSlideQty:1, mode:'horizontal',
			infiniteLoop: true, controls: false, speed: 650, pager:false
		});

		var imageSlider = $('.imageSlider').bxSlider({
			auto:false, startingSlide:0, displaySlideQty:1, moveSlideQty:1, mode:'fade',
			infiniteLoop: true, controls: false, speed: 650, pager:false, wrapperClass:'about-wrapper'
		});
	
		$('.go_prev').click(function(){ 
			aboutSlider.goToPreviousSlide(); 
			imageSlider.goToPreviousSlide(); 
			return false; 
		});
		$('.go_next').click(function(){ 
			aboutSlider.goToNextSlide(); 
			imageSlider.goToNextSlide(); 
			return false; 
		});
	})(jQuery);
	
	(function($) {
		var propelSlider = $('.propelSlider').bxSlider({
			auto:false, startingSlide:0, displaySlideQty:1, moveSlideQty:1, mode:'horizontal',
			infiniteLoop: true, controls: false, speed: 650, pager:false
		});

		var colorSlider = $('.colorSlider').bxSlider({
			auto:false, startingSlide:0, displaySlideQty:1, moveSlideQty:1, mode:'fade',
			infiniteLoop: true, controls: false, speed: 650, pager:false, wrapperClass:'color-wrapper'
		});
	
		$('.go_prev2').click(function(){ 
			propelSlider.goToPreviousSlide(); 
			colorSlider.goToPreviousSlide(); 
			return false; 
		});
		$('.go_next2').click(function(){ 
			propelSlider.goToNextSlide();
			colorSlider.goToNextSlide(); 
			return false; 
		});
		
		$('.plan').click(function(){
			propelSlider.goToSlide(0);
			colorSlider.goToSlide(0); 
			return false;
		});
		$('.promote').click(function(){
			propelSlider.goToSlide(1);
			colorSlider.goToSlide(1); 
			return false;
		});
		$('.prosper').click(function(){
			propelSlider.goToSlide(2);
			colorSlider.goToSlide(2); 
			return false;
		});
	})(jQuery);

	$('.topTabs a').click(function(){
		$id = $(this).attr('data-default');
		$('.topTabs a').removeClass('active');
		$(this).addClass('active');
		$('.resourceInner').addClass('hidden');
		$('.resourceInner.'+$id).removeClass('hidden').show().jScrollPane({
			showArrows: false, 
			verticalDragMaxHeight: 6, 
			verticalDragMinHeight: 6,
			horizontalGutter: 0,					
			verticalGutter: 0
		});
	});

		// --------------------------------------------------------------------------------
	// Contact Form Validation
	// --------------------------------------------------------------------------------

	// $('form.contactFrm .json').val('1');
	// $('form.contactFrm').submit(function() {
	// 	var $self = $(this),
	// 		$allFields = $self.find('input, textarea').not(':submit, :checkbox, :radio, [type="hidden"]'),
	// 		$reqFields = $self.find('.req'),
	// 		$message = $self.find('.message'),
	// 		_errorMsg = 'You did not complete all of the fields. Please try agian.',
	// 		$emailField = $self.find('input.email'),
	// 		_emailRegEx = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	// 		//$phoneField = $self.find('input.phone'),
	// 		//_phoneRegEx = /^1?\W*([2-9][0-8][0-9])\W*([2-9][0-9]{2})\W*([0-9]{4})(\se?x?t?(\d*))?$/;
	
	// 	e=0;
	// 	$reqFields.css({'border':'0'});
	// 	// $phoneField.css({'border-color':'#ccc'});

	// 	// Check the Required Fields

	
	// 	// Hide any previous messages
	// 	$message.hide().removeClass('error success');
	
	// 	// Check for errors
	// 	if(e==1) { $message.addClass('error').html(_errorMsg).show(); }
	// 	// Check for a valid Email Address
	// 	else if( _emailRegEx.test($emailField.val()) == false ) {
	// 		$message.addClass('error').html('Please provide a valid email address.').show();
	// 	}
	// 	// Check for a valid Phone Number if one is present
	// 	// else if( $phoneField.val().length > 0 && _phoneRegEx.test($phoneField.val()) == false ) {
	// 	// 	$phoneField.css({'border-color':'#f44'});
	// 	// 	$message.addClass('error').html('Please provide a valid phone number.').show();
	// 	// }
	// 	// No Errors - Proceed with Form Processing
	// 	else
	// 	{
	// 		// Get the form data and add the submit button
	// 		var formData = $self.serialize();
	// 		formData = formData + '&' + $self.find('[type="submit"]').attr("name") + '=1';
		
	// 		// Submit the Form with AJAX
	// 		$.ajax({
	// 			url: $self.attr('action'),
	// 			data: formData,
	// 			type: 'post',
	// 			dataType: 'json',
	// 			success: function(data)
	// 			{
	// 				if(data.error != undefined && data.error == '1') { $message.addClass('error').html(data.msg).show(); }
	// 				else { $allFields.val('').focus(); $message.addClass('success').html(data.msg).show(); }
	// 			}
	// 		});
	// 	}
	
	// 	return false;
	// });

});