/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

(function($,window,document,undefined){
    $(document).ready(function() {
	//settings
	var count = 0;
	var $page = $('body > .page').css('padding-top', 38);
	var $window = $(window);
	var $fixedHeader = $('#fixed_header').css('position', 'fixed');
	var fadeSpeed = 200, fadeTo = 0.1, topDistance = 40;
	var scrollFade = function() {
	    var position = $window.scrollTop();
	    if(position > topDistance && !$fixedHeader.data('faded')) {
		$fixedHeader.data('faded', true);
		$fixedHeader.stop().fadeTo(fadeSpeed,fadeTo);
	    }
	    else if (position < topDistance && $fixedHeader.data('faded')){
		$fixedHeader.data('faded', false);
		$fixedHeader.stop().fadeTo(fadeSpeed,1, function(){ $fixedHeader.css('opacity', '')});
	    }
	};

	if ($window.scrollTop() > topDistance) {
	    $fixedHeader.data('faded', true).css('opacity', fadeTo);
	}
	else {
	    $fixedHeader.data('faded', false);
	}

	$window.bind('scroll', scrollFade);
	$fixedHeader.bind({
	    'mouseenter':function(e){
		$fixedHeader.data('faded', false);
		$fixedHeader.stop().fadeTo(fadeSpeed,1, function(){ $fixedHeader.css('opacity', '')});
		$window.unbind('scroll', scrollFade);
	    },
	    'mouseleave': function(e){
		scrollFade();
		$window.bind('scroll', scrollFade);
	    }
	})

	/* Placeholder js*/
	var $placeholders = $('label.placeholder[for]');
	$placeholders.each(function(i, v) {
	    var $this = $(this);
	    var input = $('#' + $this.attr('for'));
	    $this.data('input', input);
	    input.data('label', $this);
	    input.bind('focus', function(e) { $this.hide(); });
	    input.bind("blur", function(e){if ($(this).val().length == 0) { $this.show(); } });

	    $this.css('position', 'absolute').css('margin', 0);
	    var pos = input.position();

	    pos.left += parseInt(input.css('padding-left'));
	    pos.top += parseInt(input.css('padding-top'));

	    if ($this.is('.search label')) {
		pos.left += 40;
		pos.top += 5;
	    }

	    $this.css({top: pos.top, left: pos.left });

	    $this.css('display', (input.val().length ? 'none' : 'inline'));
	});

	var loginLabels = $('.login label');
	loginLabels.css({
	    color: '#444',
	    opacity: 0.8
	});
	$('.search label').css('left', 50);
	/* END: Placeholder js*/

	/* Main Feature Box */
	if ($('.feature_list .feature').length > 1) {
	    var $pagerElements = $('#feature_nav a');
	    var $controls = $('.controls').show();

	    $('.feature_list').cycle({
		fx:     'scrollHorz', // chaneg this to 'curtainX' for awesomeness'
		timeout: 6000,  // milliseconds between slide transitions (0 to disable auto advance)
		speed:   500,  // speed of the transition (any valid fx speed value)
		pager:   '#feature_nav',
		next: '.feature_fwd',
		prev: '.feature_bck',
		pagerEvent:     'click.cycle',
		allowPagerClickBubble: false,
		pagerAnchorBuilder: function(index, DOMelement) {  // callback fn for building anchor links:  function(index, DOMelement)
		    return $pagerElements.eq(index);
		},
		before:  function(currSlideElement, nextSlideElement, options, forwardFlag) {
		    var $pager  = $pagerElements.eq($(options.$cont.find('.feature')).index(nextSlideElement));
		    $pagerElements.removeClass('active');
		    $pager.addClass('active');
		},
		pause: 1,
		pauseOnPagerHover: 1
	    });
	}

    });
})(jQuery, this, this.document);