$(function(){

	if ($(window).width() < 1000) {
		$("#header").addClass('small-width');
	}	

/*
 * jQuery Backstretch
 * Version 1.1.2
 * http://srobbin.com/jquery-plugins/jquery-backstretch/
*/
(function(a){a.backstretch=function(k,i,l){function m(c){try{f={left:0,top:0};d=e.width();b=d/j;if(b>=e.height()){g=(b-e.height())/2;h.centeredY&&a.extend(f,{top:"-"+g+"px"})}else{b=e.height();d=b*j;g=(d-e.width())/2;h.centeredX&&a.extend(f,{left:"-"+g+"px"})}a("#backstretch img").width(d).height(b).css(f)}catch(n){}typeof c=="function"&&c()}var h={centeredX:true,centeredY:true,speed:0},e="onorientationchange"in window?a(document):a(window),j,d,b,g,f;i&&typeof i=="object"&&a.extend(h,i);a(document).ready(function(){if(k){var c= a("<div />").attr("id","backstretch").css({left:0,top:0,position:"fixed",overflow:"hidden",zIndex:-9998}),n=a("<img />").css({position:"relative",display:"none"}).bind("load",function(o){var p=a(this);j=a(o.target).width()/a(o.target).height();m(function(){p.fadeIn(h.speed,function(){typeof l=="function"&&l()})})}).appendTo(c);a("body").prepend(c);n.attr("src",k);a(window).resize(m)}});return this}})(jQuery);

	var bgImages=["/assets/images/bg-01.jpg", "/assets/images/bg-02.jpg", "/assets/images/bg-03.jpg", "/assets/images/bg-04.jpg", "/assets/images/bg-05.jpg", "/assets/images/bg-06.jpg", "/assets/images/bg-07.jpg", "/assets/images/bg-08.jpg", "/assets/images/bg-09.jpg", "/assets/images/bg-10.jpg", "/assets/images/bg-11.jpg"];
//	var bgColors=["#586c51", "#714c46", "#aaa27d", "#4b291b", "#61402d", "#908a56", "#4a604b", "#ad8062", "#d6cfb5", "#9ca381", "#78564c"];
	
	var id = Math.floor(bgImages.length * Math.random());

	if ( $('body').hasClass('interior')) {
		$.backstretch(bgImages[id], {speed: 150});		
		$('head').append('<link rel="stylesheet" type="text/css" href="/assets/css/preloader.css" />');
	}


	
 // clear input on focus (header search form) then return text if field is still empty on blur

    var clearMe = '';
    $('.clearOnFocus').focus(function() {
        if ($(this).val() == $(this).attr('value')) {
            clearMe = $(this).val();
            $(this).val('');
        }
    });

    $('.clearOnFocus').blur(function() {
        if ($(this).val() == '') {
            $(this).val(clearMe);
        }
    });


	
	if ( $('body').hasClass('visuals')) {	
		var gallery = $('#thumbs').galleriffic({
			delay:                     2500,
			numThumbs:                 15,
			preloadAhead:              10,
			enableTopPager:            true,
			enableBottomPager:         true,
			maxPagesToShow:            7,
			imageContainerSel:         '#slideshow',
			controlsContainerSel:      '#controls',
			captionContainerSel:       '#caption',
			loadingContainerSel:       '#loading',
			renderSSControls:          true,
			renderNavControls:         true,
			playLinkText:              'Play Slideshow',
			pauseLinkText:             'Pause Slideshow',
			prevLinkText:              'Prev Image',
			nextLinkText:              'Next Image',
			nextPageLinkText:          'Next Page',
			prevPageLinkText:          'Prev Page',
			enableHistory:             false,
			autoStart:                 false,
			syncTransitions:           true,
			defaultTransitionDuration: 0,
			onSlideChange:             function(prevIndex, nextIndex) {
				this.find('ul.thumbs').children()
					.eq(nextIndex).fadeTo('fast', 1.0);
			},
			onPageTransitionOut:       function(callback) {
				this.fadeTo('fast', 0.0, callback);
			},
			onPageTransitionIn:        function() {
				this.fadeTo('fast', 1.0);
			}
		});
	}


	$('a.listen').click(function (e){
		e.preventDefault(); 
		var url = "/music-player/";
		var windowName = "Music Player | Motopony";
		var windowSize = "toolbar=no,width=300,height=250,scrollbars=no,location=no,resizable=no";
		window.open(url, windowName, windowSize);
 	});
/*
	if ( $('body').hasClass('splash')) {	
		var url = "/music-player/";
		var windowName = "Music Player | Motopony";
		var windowSize = "toolbar=no,width=300,height=250,scrollbars=no,location=no,resizable=no";
		window.open(url, windowName, windowSize);
	}
*/
	function adjustStyle(width) {
	    width = parseInt(width);
	    if (width < 1000) {
	        $("#header").addClass('small-width');
	    } else {
	       $("#header").removeClass('small-width');
	    }
	}
	
	$(function() {
	    adjustStyle($(this).width());
	    $(window).resize(function() {
	        adjustStyle($(this).width());
	    });
		$(window).load(function() {
	        adjustStyle($(this).width());
		});	
	});

});