var articlesFlashPlayer = null;

$(document).ready(function() {
  if (navigator.appName == 'Microsoft Internet Explorer'){
    position = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
  } else {
    position = window.pageYOffset;
  }
  
  //check if Grade Select box exists (for hiding in IE6)
  var gradeSelectExist = isGradeExist();
	
	//check vehicle name to choose the correct swf player
	var cssName = vehicleSection.split('-');
	var vehicleNameLen = cssName[0].length;
	var vehicleName = vehicleSection.substr(0,(vehicleNameLen-4));
	
	$('.spec-image').each(function(i,n) {
    $(n).find('a').click(function() {
    			  
		  $('.gallery_popup').addClass('image-overlay');
	    
		  if (navigator.appName == "Microsoft Internet Explorer"){
	    	position = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
	    } else {
	    	position = window.pageYOffset;
	    }
    	
    	var topPos = (document.documentElement.clientHeight - $('.gallery_popup').height())/2 + position;
      var leftPos = ($('.container_main').width() - $('.gallery_popup').width())/2;
      
      $('.gallery_popup').css({left: leftPos+'px', top: topPos+'px'});
      
      var title = $(this).attr('rel');
      var img = document.createElement('img');
      img.src = $(this).attr('href');
			
			$('body').css('width',pageWidth+'px'); //to accomodate the width change when browser vertical scroll bar dissapears
      $('html').css('overflow-y','hidden'); //remove browser scroll bar
			
      $('.gallery_popup .gp_header_title').text(title);
      $('#videoPlayerDiv').html(img);
      
      $('.black_overlay').fadeIn(2000);
      $('.gallery_popup').fadeIn(2000);
      if(gradeSelectExist && (navigator.appName == 'Microsoft Internet Explorer')){
      	$('select[name=grade]').css('display','none');
      }
      
      return false;
    });
  });

	$('.spec-video').each(function(i,n) {
  	$(n).find('a').click(function() {  
	    if (navigator.appName == "Microsoft Internet Explorer"){
	      position = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
	    } else {
	      position = window.pageYOffset;
	    }
	    
	    /* Tracking */
		 	// Import GET Vars
			/*var GetVars = new Array();
			var loc = location.href;
			var urlGet = loc.split('?');
			if(urlGet[1]){
	      var urlVars = urlGet[1].split('&');
	      for(var i=0; i<=(urlVars.length); i++){
	         if(urlVars[i]){
	            var urlVarPair = urlVars[i].split('=');
	            GetVars[urlVarPair[0]] = urlVarPair[1];
	         }
	      }
			}
			if(GetVars['v']){
				//alert(GetVars['v']);
				directId = GetVars['v'];
			}
			
			if(GetVars['WT.ac']){	
			}
				
			if(GetVars['f']){
				feedId = GetVars['f'];
				
			var webTrendsPageLocation = 'AurionPlayer';
			var webTrendsSubCategory = 'Aurion';

			}*/	
			
	    tpSetCommManagerID("communicationwidget", true);

			tpRegisterID("playerwidget");
	    
	    var title = $(this).attr('rel');
	    
	    $('.gallery_popup .gp_header_title').text(title);
	
	    var href = $(this).attr('href').split(';');
	    
      articlesFlashPlayer = new SWFObject("/toyota/vehicles/"+vehicleName+"/videoPopup/swf/popupPlayer"+vehicleName+".swf", "playerwidget", "720", "411", "9.0.0.0");
			articlesFlashPlayer.addParam("scale", "noscale");
			articlesFlashPlayer.addParam("salign", "tl");
			articlesFlashPlayer.addParam("menu", "true");
			articlesFlashPlayer.addParam("bgcolor", "#202930");
			articlesFlashPlayer.addParam("allowFullScreen", "true");
			articlesFlashPlayer.addParam("allowScriptAccess", "always");
			articlesFlashPlayer.addVariable("ID", "playerwidget");
			articlesFlashPlayer.addVariable("logLevel", "warn");	
			articlesFlashPlayer.addVariable("feedPID", href[0]);	
			articlesFlashPlayer.addVariable("directPID", href[1]);		
	    articlesFlashPlayer.write('videoPlayerDiv');
	    
	    var topPos = (document.documentElement.clientHeight - $('.gallery_popup').height())/2 + position;
	    var leftPos = ($('.container_main').width() - $('.gallery_popup').width())/2;
	   	$('.gallery_popup').addClass('image-overlay');
	   	$('body').css('width',pageWidth+'px'); //to accomodate the width change when browser vertical scroll bar dissapears
      $('html').css('overflow-y','hidden'); //remove browser scroll bar
	    $('.black_overlay').fadeIn(2000);
	    $('.gallery_popup').css({left: leftPos+'px', top: topPos+'px'});
      $('.gallery_popup').fadeIn(2000);
     	if(gradeSelectExist && (navigator.appName == 'Microsoft Internet Explorer')){
      	$('select[name=grade]').css('display','none');
      }
	    
	  });
  });

  $('.gallery_popup .btn-close, .gallery_popup .btn-close a').click(function() {
  	if(gradeSelectExist && (navigator.appName == 'Microsoft Internet Explorer')){
    	$('select[name=grade]').css('display','block');
    }
  	$('.black_overlay').fadeOut(2000);
    $('.gallery_popup').fadeOut(2000);
    $('body').css('width','100%'); //revert the width change when browser vertical scroll bar is back on
    $('html').css('overflow-y','auto'); //insert browser scroll bar back when pop up closed
		$('#videoPlayerDiv').html('');
		return false;
  });
  
  var docHeight;
	var pageHeight = document.documentElement.clientHeight;
	var pageWidth = document.documentElement.clientWidth; //viewable document width
	  
	/* measuring viewport height & page height after flash elements loaded */
	if (document.compatMode && document.compatMode != 'BackCompat') {
		docHeight = document.documentElement.scrollHeight;
	} else if (document.body && typeof document.body.scrollHeight != 'undefined') {
		docHeight = document.body.scrollHeight;
	}
	
	if (docHeight < pageHeight) {
		docHeight = pageHeight;
	}	
	  
	/* then set the measurements for the black overlay */
	var viewPortHeight = self.innerHeight || ( document.documentElement && document.documentElement.clientHeight ) || document.body.clientHeight;
	if (viewPortHeight > pageHeight) {
	  $('.black_overlay').css({height: 100+'%', opacity: .80, width:'960px'});
	} else {
	  $('.black_overlay').css({height: docHeight+'px', opacity: .80, width:'960px'});
	}
  
});

function isGradeExist(){
	if($('select[name=grade]').length > 0){
    return true;
	}else{
		return false;
	}
}