var lockedID = '';
var isLocked = false;

function showDetail(detailID) {
	jQuery('.sizeInfoTitle').css('display', 'none');
	jQuery('#' + detailID).css('display', 'block');
}

function showLockedDetail() {
	if(isLocked) {
		showDetail(lockedID);
  }
}

function lockDetail(detailID, rowID) {
	jQuery('.rodOptions').removeClass('locked');
	
	if (detailID != lockedID){
		jQuery('#'+rowID).addClass('locked');
		lockedID = detailID;
		isLocked = true;
	} else{
		isLocked = false;
		lockedID = '';
	}
}

jQuery(document).ready(function() {
      
	// submit form on state/country change
	jQuery('#country, #state').change(function() {
		jQuery('#location-picker').submit();
	});
      
	// FLIR replacements
	jQuery('#noShadowHeader h1.banner, #LandingTitle').each(function() {
		FLIR.replace(this, new FLIRStyle({cFont: 'morgaave-boldcap', mode: 'quickeffects',qe_Shadow:'low'}));
	});
	
      
      // Initialize gallery FancyBox
      jQuery('a.galleryItem').fancybox({
        'zoomSpeedIn'   : 750,
        'zoomSpeedOut'  : 750,
        'overlayShow'   : true,
        'easingIn'      : 'easeOutBack',
        'overlayColor'  : '#000'
      });
      
      // Handle opening of gallery on rod type page via header links
      jQuery('#photoGalleryLink').click(function() {
        jQuery('ul.photoGallery a.firstEntry').click();
        return false;
      });
      
      /* Begin dual hover state code */
       
      jQuery('#staffLandingTable td, #resourceGrid li').hover(
        function() {
          var url = jQuery(this).find('a').attr('href');
          jQuery("ul#leftNav a[href='" + url + "']").addClass('hoverState');
        }, function() {
          var url = jQuery(this).find('a').attr('href');
          jQuery("ul#leftNav a[href='" + url + "']").removeClass('hoverState');
        }
      );

      jQuery('ul#leftNav a').hover(
        function() {
          var url = jQuery(this).attr('href');
          jQuery("#staffLandingTable a[href='" + url + "']").addClass('hoverState');
          jQuery("a.dealerNav[href='" + url + "']").addClass('hoverState');
          jQuery("a.historyNav[href='" + url + "']").addClass('hoverState');
          jQuery("a.resourcePics[href='" + url + "']").addClass('hoverState');
        }, function() {
          var url = jQuery(this).attr('href');
          jQuery("#staffLandingTable a[href='" + url + "']").removeClass('hoverState');
          jQuery("a.dealerNav[href='" + url + "']").removeClass('hoverState');
          jQuery("a.historyNav[href='" + url + "']").removeClass('hoverState');
          jQuery("a.resourcePics[href='" + url + "']").removeClass('hoverState');
        }
      );
      
      jQuery('a.dealerNav, a.historyNav').hover(
        function() {
          var url = jQuery(this).attr('href');
          jQuery("ul#leftNav a[href='" + url + "']").addClass('hoverState');
        }, function() {
          var url = jQuery(this).attr('href');
          jQuery("ul#leftNav a[href='" + url + "']").removeClass('hoverState');
        }
      );
      
      jQuery('ul.rodLinks a').hover(
        function() {
          var url = jQuery(this).attr('href');
          jQuery(".rodLeftNav a[href='" + url + "']").addClass('hoverState');
        }, function() {
          var url = jQuery(this).attr('href');
          jQuery(".rodLeftNav a[href='" + url + "']").removeClass('hoverState');
        }
      );
      
      jQuery('.rodLeftNav a').hover(
        function() {
          var url = jQuery(this).attr('href');
          jQuery("ul.rodLinks a[href='" + url + "']").addClass('hoverState');
        }, function() {
          var url = jQuery(this).attr('href');
          jQuery("ul.rodLinks a[href='" + url + "']").removeClass('hoverState');
        }
      );
      
      /* End dual hover state code */
      
      
      
      /* Fancyplayer... */
      var videoclip = 'video';
      
      var videopath = '/swf'; //"http://www.burconsult.com/tutorials/fp2/";
      var swfplayer = videopath + "/flowplayer-3.1.5.swf";
      var swfcontent = videopath + "/flowplayer.content-3.1.0.swf";
      var swfcaptions = videopath + "/flowplayer.captions-3.1.4.swf";
      var capShow = false;
      var ccbutShow = false;
      var vidid = 0;
      var vid_prefix = '/download?id=';
      
      // Attribute used to locate the FLV's file ID
      var vid_id_attr = 'name';

      jQuery('#videoGalleryLink').click(function() {
        var first_sel = 'ul.videoGallery a.firstEntry';
        videoclip = vid_prefix + jQuery(first_sel).attr(vid_id_attr);
        vidid = 0;
        setTimeout(function() {
          jQuery(first_sel).click();
        }, 250);
        return false;
      });
      
      jQuery(".video_link").fancybox({
        'hideOnContentClick': false,
        'overlayOpacity' : .6,
        'zoomSpeedIn'    : 400,
        'zoomSpeedOut'   : 400,
        'easingIn'		   : 'easeOutBack',
        'easingOut'		   : 'easeInBack',
        
        'callbackOnShow' : function() {
          if (videoclip == 'image') {
            jQuery("#fancy_right, #fancy_left").css({height:jQuery("#fancy_div").height(), bottom: '0'});  
          } else {
            player = $f("fancy_content",
              {
                src: swfplayer,
                wmode: 'opaque'
              }, {
                play: {
                  opacity:0
                }, // play
                plugins: {
                  captions: { 
                    url: swfcaptions, 					 
                    // pointer to a content plugin (see below) 
                    captionTarget: 'content',
                    showCaptions: capShow,
                    button: ccbutShow
                  }, // captions
                  content: { 
                    url: swfcontent, 
                    bottom: 25, 
                    height:40, 
                    backgroundColor: 'transparent', 
                    backgroundGradient: 'none', 
                    border: 0, 
                    textDecoration: 'outline', 
                    style: {  
                      body: {  
                        fontSize: 16,  
                        fontFamily: 'Arial', 
                        textAlign: 'center', 
                        color: '#ffffff' 
                      }  
                    }  
                  }, // content
                  controls: {
                    backgroundColor: 'transparent',
                    progressColor: 'transparent',
                    bufferColor: 'transparent',
                    all:false,
                    scrubber:true,
                    volume:true,
                    mute:true,
                    play:true,
                    height:30,
                    autoHide: 'always'		
                  } // controls
        
                }, // plugins
                clip: {
                  autoPlay: true,
                  autoBuffering: true,
                  url: videoclip,
                  onStart: function(clip) {
                    var wrap = jQuery(this.getParent());
                    var clipwidth = clip.metaData.width;
                    var clipheight= clip.metaData.height;
                    var pos = jQuery.fn.fancybox.getViewport();
                    jQuery("#fancy_outer").css({width:clipwidth+20,height:clipheight+20});
                    jQuery("#fancy_outer").css('left', ((clipwidth + 36) > pos[0] ? pos[2] : pos[2] + Math.round((pos[0] - clipwidth	- 36)	/ 2)));
                    jQuery("#fancy_outer").css('top',  ((clipheight + 50) > pos[1] ? pos[3] : pos[3] + Math.round((pos[1] - clipheight - 50)	/ 2)));
                    jQuery("#fancy_right, #fancy_left").css({height:clipheight-60, bottom: '70px'});
                    //$('#fancy_title').css({'position':'absolute','bottom':null,'top':null,'visibility':'visible','display':'block'});
                    $.fn.fancybox.scrollBox();
                  }, // onStart
                  onFinish:function() {
                    jQuery('#fancy_close').trigger('click');
                  } // onFinish
                } // clip
              }
            );
            player.load();
          }
          
          jQuery('#fancy_right, #fancy_right_ico').click(function(){
            vidid++;
            videoclip = vid_prefix + jQuery(".video_link").eq(vidid).attr(vid_id_attr);
            if (jQuery(".video_link").eq(vidid).hasClass('captions')) {
              captions = '/swf/empty.srt'; //jQuery(".video_link").eq(vidid).attr(vid_id_attr)+'.srt';
              capShow = false; //true;
              ccbutShow = { width: 20, height: 15, right: 5, bottom: 32, label: 'CC' };
            } else {
              captions = '/swf/empty.srt';
              capShow = false;
              ccbutShow = null;
            }
          });
          
          jQuery('#fancy_left, #fancy_left_ico').click(function(){
            vidid--;
            videoclip = vid_prefix + jQuery(".video_link").eq(vidid).attr(vid_id_attr);
            if (jQuery(".video_link").eq(vidid).hasClass('captions')) {
              captions = '/swf/empty.srt'; //jQuery(".video_link").eq(vidid).attr(vid_id_attr)+'.srt';
              capShow = false; //true;
              ccbutShow = { width: 20, height: 15, right: 5, bottom: 32, label: 'SUBS' };
            } else {
              captions = '/swf/empty.srt';
              capShow = false;
              ccbutShow = null;
            }
          });
        },
        'callbackOnClose': function() {
          jQuery("#fancy_content_api").remove();
        }
      });
    
      
      
}); // document ready