/* -------------------------------------------------------------- 
  
   Pioneer Car AV Tuners Product Site
	 custom.js
   
-------------------------------------------------------------- */

var $j = jQuery.noConflict();

var ie6 = ($j.browser.msie && $j.browser.version < 7 ) ? true : false;
var ie7 = ($j.browser.msie && $j.browser.version == 7 ) ? true : false;

function changeTopLocation(url) {
	window.location.href = url;	
};

$j(document).ready(function () {
		
		// Clickable lightbox item
		$j('#play_audio_2').css({'cursor':'pointer'});
					
		// Homepage billboard
		$j('.billboard_visuals').billboard();

    $j('.billboard').each( function() {
				$j(this).css({'cursor':'pointer'}).click( function() {
						window.location.href='play.html';																			 
				});																		
		});
    $j('.billboard .tagline a').each( function() {				
				$j(this).css({'color':'#fff', 'text-decoration':'none'}).click( function(e) {
					e.preventDefault();
					//if (window.console) { window.console.log('clicked tagline'); }
				});	
		});
		
		
		 

		// Tabs play page
		$j('.tabs').tabs();

		// Slideshow
		$j('.slideshow').slideShow();		

		// Lightboxes
		$j('.item .thumbs li a, .open_lightbox').each( function() {
			$j(this).each( function() {																
				$j(this).click( function(e) { 
					var source = $j(this).attr('href');  
					var lightbox = jQuery.fn.lightbox({ 
						 overlayId : 'overlay_885-457',						
						 lightboxId : 'lightbox_885-457',
						 width : 885,
						 height : 457,
						 source: source
					});					
					lightbox.open() 
					e.preventDefault();
				});
			});
		});
														
});

 

/* 
    TABS
*/

(function($) {
	jQuery.fn.tabs = function(options) {
		
		settings = jQuery.extend({
			tabs : '.tabs .tab_menu a',										 
			contentContainer : '.tab_content_container',
			contentItems : '.tab_content'
		}, options);
	
		return this.each(function(){
			//
			var $tabs = $(settings.tabs);
			var $contentContainer = $(settings.contentContainer);
			var $contentItems = $(settings.contentItems);
			var selectedTabIndex;
			
			// if the url does not contain a tab ID, the first tab is shown by default
			var h = window.location.hash;
			var initTab = ( h!='' && $(h,settings.contentContainer).length ) ? h : $($tabs[0]).attr('href');
			
			// hide content items and show initial tab
			$contentItems.each( function() { $(this).hide(); });
			showTab(initTab);
			
			$tabs.each( function() {
				$(this).click( function(e) {
			    var id = $(this).attr('href');
				  showTab(id); e.preventDefault();					
			  });										
		  }); 
	
			function showTab(tabId) { 
			   // get index of tab
				 var tabIndex;
				 $tabs.each( function(i) { if($(this).attr('href') == tabId) tabIndex = i; });
				 // deselect previous tab
				 if(selectedTabIndex!= undefined) {
					 $($tabs[selectedTabIndex]).removeClass('selected');		
					 $($contentItems[selectedTabIndex]).hide();					 
				 }			 
				 // select this tab
				 $($tabs[tabIndex]).addClass('selected');	
				 $($contentItems[tabIndex]).show();  
				 selectedTabIndex = tabIndex;
			};
	
		});
	
	};	
})(jQuery);


/* 
    BILLBOARD Homepage
		Thumb menu is generated, REL attribute contains path to thumb visuals
*/
 
(function($){
	jQuery.fn.billboard = function(options) {
		
		settings = jQuery.extend({
			 menuContainer:   '.billboard_browser',  
			 slidesContainer: '.billboard_visuals'
		}, options);
	
		return this.each(function() {
 
			var $container = $(this);
			var $slides = $container.children();		
			var $menu = $(settings.menuContainer);    
      var $menuItems;
			var previousSlide;
			var paused = false;
			
			// position slides 
			$container.css('position', 'relative');
			$slides.each( function(i){
				$($slides[i]).css({'z-index':$slides.length-i,'position':'absolute','top':0,'left':0,'opacity':0}).hide();
			});
			// build menu
      $menuItems = buildMenu();			
			// go to first slide
		  gotoSlide(0);
			function buildMenu() {
				var menuStr = '';
				var menuItems;
				$slides.each(function() { menuStr += '<li style="background: url('+$(this).attr('rel')+') 0 0 no-repeat;"><a href="#"></a></li>' }); 
				$menu.html('<ul>'+menuStr+'</ul>');
				menuItems = $('a',$menu);					
				//add click events menu items
				$('a',$menu).each(function(i) {
						$(this).click(function(e) { if ( paused==false && i!=previousSlide ) { gotoSlide(i); }; return false; });											 
				}); 
				return menuItems;
			};
			function gotoSlide(index) {
				 if (paused==false) {
					 paused = true;
					 if (previousSlide!=undefined) { 
						 //var $animation = $('.animation',$($slides[previousSlide]));
						 //if ( $animation.size() > 0 ) { $animation.addClass('paused'); }
						 $($menuItems[previousSlide]).removeClass('selected');
						 $($slides[previousSlide]).css({'z-index':1}).animate({'opacity':0},{duration:1000, complete:function() { $($slides[previousSlide]).hide(); }});
					 }
					 $($menuItems[index]).addClass('selected'); 
					 $($slides[index]).css({'z-index':0,'opacity':0}).show().animate({'opacity':1},{duration:1000, complete:function() { previousSlide = index; paused = false; }});
				 };
			};			
		});
		
	};
})(jQuery);



/* 
    SLIDESHOW
    Lightbox pages
		Pass the number of the slide you want to show initially, eg. play_entertainment#1 shows 2nd slide
*/

(function($){
	jQuery.fn.slideShow = function(options) {
		
		settings = jQuery.extend({
			 menuContainer:   '.slideshow_menu',
			 slidesContainer: '.slideshow_content'
		}, options);
	
		return this.each(function() {
			//												
 			var $container = $(this);
			var $slides = $(settings.slidesContainer).children();		
			var $menu = $(settings.menuContainer);    
      var $menuItems = $('a',$menu);
			var previousSlide;
			
			// position slides 
			$container.css('position', 'relative');
			$slides.each( function(i){
				$($slides[i]).css({'z-index':$slides.length-i,'position':'absolute','top':0,'left':0}).hide();
			});
			// add click events slideshow menu
	    $('a',$menu).each(function(i) {
						$(this).click(function(e) { gotoSlide(i); e.preventDefault(); });											 
				}); 
			// determine which slide to show initially
			var initSlide = 0;
      var h = window.location.hash;
			if(h!='') { initSlide = parseInt(h.replace('#',''));  };
			// go to initial slide
		  gotoSlide(initSlide);

			// Go to slide 
			function gotoSlide(index) {
				
				 if (index!=previousSlide) {
					 
					 // hide previous slide
						 if (previousSlide!=undefined) { 
							 $($menuItems[previousSlide]).removeClass('selected');						 
							 // remove video
							 if ( $($slides[previousSlide]).hasClass('video_item') ) { 
								 var relAttr = $($slides[previousSlide]).attr('rel').split('|');;
								 var videoContainer = relAttr[1]; 
								 $($slides[previousSlide]).html('<div id="'+videoContainer+'" class="video"><p><a href="http://www.adobe.com/go/getflashplayer"><img src="img/global/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p></div>');
							 }
							 $($slides[previousSlide]).hide();
						 }
					
					 // show current slide
					   $($menuItems[index]).addClass('selected');
					 	 // embed video
						 if ( $($slides[index]).hasClass('video_item') ) { 
						   var relAttr = $($slides[index]).attr('rel').split('|');;
						   var videoContainer = relAttr[1]; 
							 var videoXml = relAttr[0];
							 var flashvars = {
									xmldata: videoXml
							 };
               var params = {
                  scale: 'noScale',
                  allowfullscreen: 'true',
									bgcolor: '#000000',
									wmode: 'opaque'
               };
               var attributes = {};
               swfobject.embedSWF("swf/videoplayer/pionplayer_western.swf", videoContainer, "640", "360", "9.0.0", "swf/videoplayer/expressInstall.swf", flashvars, params, attributes);
						 };			
					   $($slides[index]).show();
					   previousSlide = index;
						 
				 };
			};			
		});
	};
})(jQuery);



 /*
    LIGHTBOX
*/

(function($) {
	jQuery.fn.lightbox = function(options) {
		
		// defaults, override with options
		settings = jQuery.extend({
		  overlayId : 'overlay_885-457',
			lightboxId : 'lightbox_885-457',
			overlayClass: 'lightbox_overlay',
			lightboxClass: 'lightbox',
			closeButtonClass: 'lightbox_close',
			contentClass: 'lightbox_content',
			width : 885,
			height : 457,
			source: 'blank.html'
		}, options);
	  
		return this.each(function(){

			// lightbox html
		  var lightbox = '';
			lightbox += '<div id="' + settings.overlayId + '" class="' + settings.overlayClass + '"></div>';
			lightbox += '<div id="' + settings.lightboxId + '" class="' + settings.lightboxClass + '" style="width:' + (settings.width) + 'px; height:' + (settings.height) + 'px; margin-top:-' + Math.round(settings.height/2) + 'px; margin-left:-' + Math.round(settings.width/2) + 'px;">';
			lightbox += '<div class="' + settings.closeButtonClass + '"></div><div class="' + settings.contentClass + '">';
			lightbox += '<iframe id="lightbox_frame" width="'+(settings.width+30)+'" height="'+(settings.height+30)+'" frameborder="0" scrolling="no" allowtransparency="true" src="">&lt/iframe>';
			lightbox += '</div></div>';	
			// the iframe is bigger than the overlay to hide scrollbars in chrome, opera
			jQuery.fn.open = function() {
				
				if ( $('.'+settings.overlayClass).size() > 0 ) {
					$('.'+settings.overlayClass).remove();
					$('.'+settings.lightboxClass).remove();				
				};
 
				$lightbox = $('body').append(lightbox);
				
				
				$('#lightbox_frame').attr('src',settings.source);
								
				
				if (ie6) {
					// position for IE6
					$('html').css({'height':'100%','overflow-y':'hidden'});
					// position background overlay
					lightboxPos = $('.'+settings.lightboxClass).offset();
					$('.'+settings.overlayClass).css({'background-position':'center '+(lightboxPos.top-150)});
					$('.'+settings.overlayClass).focus();				
					$(window).resize( function() { 
					  if ($('.'+settings.lightboxClass).length!=0) {												 
					  	lightboxPos = $('.'+settings.lightboxClass).offset();
					  	$('.'+settings.overlayClass).css({'background-position':'center '+(lightboxPos.top-150)}); 
						};
				  });
				} else { 
				  $('html').css({'height':'100%','overflow-y':'hidden'});
				}
				$('.'+settings.closeButtonClass).click(function(){$lightbox.close();});
				$('.'+settings.overlayClass).click(function(){$lightbox.close();});
			

				
			}	
			
			

			jQuery.fn.close = function() {
				$('html').css({'height':'auto','overflow-y':'scroll'});
				$('.'+settings.overlayClass).remove();
				$('.'+settings.lightboxClass).remove();
			}
			
			
    });

	};	
})(jQuery);


/*_*/