$(document).ready(function(){
	$('body').css({opacity: "0"});
   	$('body').animate({opacity: "0"}, 1500, function(){
      $('body').animate({opacity: "1"}, 1000)
   	});
   
   $(".tweet").tweet({
      username: "sagradavagancia",/*tdi_lovedetroit*/
      join_text: "auto",
      avatar_size: 40,
      count: 4,
      auto_join_text_default: "we said,", 
      auto_join_text_ed: "we",
      auto_join_text_ing: "we were",
      auto_join_text_reply: "we replied to",
      auto_join_text_url: "we were checking out",
      loading_text: "loading tweets..."
   });
   
   var _ua = navigator.userAgent, _iPadOrPhone = _ua.match(/(ipad|iphone)/i), _isMobile = (_ua.match(/mobile/i)), useAudioTag = false,
   _is_pre = _ua.match(/pre\//i),
   _iPadOrPhone = _ua.match(/(ipad|iphone)/i),
   _isMobile = (_ua.match(/mobile/i) || _is_pre || _iPadOrPhone);
   if (_iPadOrPhone || _is_pre) {
      useAudioTag = true;
      addEventListener('load', function() {
         setTimeout(hideAddressBar, 0);
      }, false);
      function hideAddressBar() {
         window.scrollTo(0, 1);
      }
   }
   $.playable('swf/', {useHTML5Audio:useAudioTag, useFlashBlock:useAudioTag});
   $('a[href$=.mp3]').playable();

   $('.hide_band').css({opacity: 0});
   
   $('#player dd h5').css({opacity: 1});
   $('#player dd p').css({opacity: 1});
   $('#player dd ul').css({opacity: 1});
   $('.image_tint').css({opacity: .85});
   
   $('#player dd')
   .mouseover(function(){
      $('.image_tint').stop().animate({ opacity: .95 }, 500);
/*
      $('#player dd h5').stop().animate({ opacity: 1 }, 500);
      $('#player dd p').stop().animate({ opacity: 1 }, 500);
      $('#player dd ul').stop().animate({ opacity: 1 }, 500);
*/
	})
	.mouseout(function(){
	   $('.image_tint').stop().animate({ opacity: .85 }, 500);
/*
      $('#player dd h5').stop().animate({ opacity: 0 }, 500);
      $('#player dd p').stop().animate({ opacity: 0 }, 500);
      $('#player dd ul').stop().animate({ opacity: 0 }, 500);
*/
	})
	
	$('#player dd li')
   .mouseover(function(){
      $(this).stop().animate({ opacity: .3 }, 300);
	})
	.mouseout(function(){
	   $(this).stop().animate({ opacity: 1 }, 300);
	})
	
	$('#player .odd').css( {backgroundPosition:"(0px -120px)"} );
	$('#player .odd')
	.mouseover(function(){
		if($(this).attr('clicked')==="false") {
			$(this).stop().animate({backgroundPosition:"(0 -80px)"}, {duration:200});
		}
	})
	.mouseout(function(){
		if($(this).attr('clicked')==="false") {
			$(this).stop().animate({backgroundPosition:"(0 -120px)"}, {duration:200});
		}
	})
	
	$('#player .even').css( {backgroundPosition:"(0px -40px)"} )
	$('#player .even')
	.mouseover(function(){
		if($(this).attr('clicked')==="false") {
			$(this).stop().animate({backgroundPosition:"(0 0px)"}, {duration:200});
		}
	})
	.mouseout(function(){
		if($(this).attr('clicked')==="false") {
			$(this).stop().animate({backgroundPosition:"(0 -40px)"}, {duration:200});
		}
	})
	
	$('#share_twitter')
	.mouseover(function(){
      $(this).stop().animate({ opacity: .5 }, 200);
	})
	.mouseout(function(){
		$(this).stop().animate({ opacity: 1 }, 200);
	});
	
	$('#share_facebook')
	.mouseover(function(){
      $(this).stop().animate({ opacity: .5 }, 200);
	})
	.mouseout(function(){
	  $(this).stop().animate({ opacity: 1 }, 200);
	});
	
	
	$('#charity_links a')
	.mouseover(function(){
      $(this).stop().animate({ opacity: .5 }, 300);
	})
	.mouseout(function(){
		$(this).stop().animate({ opacity: 1 }, 300);
	});
	
	$('#content_download')
	.mouseover(function(){
      $(this).stop().animate({ opacity: .5 }, 300);
	})
	.mouseout(function(){
		$(this).stop().animate({ opacity: 1 }, 300);
	});
	
	$('#content_listen')
	.mouseover(function(){
      $(this).stop().animate({ opacity: .5 }, 300);
	})
	.mouseout(function(){
		$(this).stop().animate({ opacity: 1 }, 300);
	});

	
	$('a[href*=#]').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
    && location.hostname == this.hostname) {
      var $target = $(this.hash);
      $target = $target.length && $target
      || $('[name=' + this.hash.slice(1) +']');
      if ($target.length) {
        var targetOffset = $target.offset().top;
        $('html,body')
        .animate({scrollTop: targetOffset}, 1000);
       return false;
      }
    }
  });
	
	

   function fix_flash() {
    // loop through every embed tag on the site
    var embeds = document.getElementsByTagName('embed');
    for (i = 0; i < embeds.length; i++) {
        embed = embeds[i];
        var new_embed;
        // everything but Firefox & Konqueror
        if (embed.outerHTML) {
            var html = embed.outerHTML;
            // replace an existing wmode parameter
            if (html.match(/wmode\s*=\s*('|")[a-zA-Z]+('|")/i))
                new_embed = html.replace(/wmode\s*=\s*('|")window('|")/i, "wmode='transparent'");
            // add a new wmode parameter
            else
                new_embed = html.replace(/<embed\s/i, "<embed wmode='transparent' ");
            // replace the old embed object with the fixed version
            embed.insertAdjacentHTML('beforeBegin', new_embed);
            embed.parentNode.removeChild(embed);
        } else {
            // cloneNode is buggy in some versions of Safari & Opera, but works fine in FF
            new_embed = embed.cloneNode(true);
            if (!new_embed.getAttribute('wmode') || new_embed.getAttribute('wmode').toLowerCase() == 'window')
                new_embed.setAttribute('wmode', 'transparent');
            embed.parentNode.replaceChild(new_embed, embed);
        }
    }
    // loop through every object tag on the site
    var objects = document.getElementsByTagName('object');
    for (i = 0; i < objects.length; i++) {
        object = objects[i];
        var new_object;
        // object is an IE specific tag so we can use outerHTML here
        if (object.outerHTML) {
            var html = object.outerHTML;
            // replace an existing wmode parameter
            if (html.match(/<param\s+name\s*=\s*('|")wmode('|")\s+value\s*=\s*('|")[a-zA-Z]+('|")\s*\/?\>/i))
                new_object = html.replace(/<param\s+name\s*=\s*('|")wmode('|")\s+value\s*=\s*('|")window('|")\s*\/?\>/i, "<param name='wmode' value='transparent' />");
            // add a new wmode parameter
            else
                new_object = html.replace(/<\/object\>/i, "<param name='wmode' value='transparent' />\n</object>");
            // loop through each of the param tags
            var children = object.childNodes;
            for (j = 0; j < children.length; j++) {
                try {
                    if (children[j] != null) {
                        var theName = children[j].getAttribute('name');
                        if (theName != null && theName.match(/flashvars/i)) {
                            new_object = new_object.replace(/<param\s+name\s*=\s*('|")flashvars('|")\s+value\s*=\s*('|")[^'"]*('|")\s*\/?\>/i, "<param name='flashvars' value='" + children[j].getAttribute('value') + "' />");
                        }
                    }
                }
                catch (err) {
                }
            }
            // replace the old embed object with the fixed versiony
            object.insertAdjacentHTML('beforeBegin', new_object);
            object.parentNode.removeChild(object);
           }
       }
   }
   fix_flash(); 
});