var articlesFlashPlayer = null;

$(document).ready(function(){
		
		var vehicleSection = 'hybridcamry2009'; //testing purpose
		
    if (navigator.appName == 'Microsoft Internet Explorer') {
        position = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
    }
    else {
        position = window.pageYOffset;
    }
    
    //articlesFlashPlayer = new SWFObject('/toyota/vehicles/' + vehicleSection + '/video/videoPlayer_light.swf', 'videoPlayer', '650', '335', '9.0.0', '');
    /*articlesFlashPlayer = new SWFObject('http://www.toyota.com.au/toyota/vehicles/' + vehicleSection + '/video/videoPlayer_light.swf', 'videoPlayer', '650', '335', '9.0.0', ''); //testing purpose
    articlesFlashPlayer.addParam('allowfullscreen', 'true');
    articlesFlashPlayer.addParam('menu', 'false');
    articlesFlashPlayer.addParam('loop', 'false');
    articlesFlashPlayer.addParam('scale', 'noscale');
    articlesFlashPlayer.addParam('quality', 'best');
    articlesFlashPlayer.addParam('wmode', 'opaque');
    articlesFlashPlayer.addParam('allowScriptAccess', 'always');
    articlesFlashPlayer.addVariable('autoPlay', 'true');
    articlesFlashPlayer.addVariable('carModel', vehicleSection);
    articlesFlashPlayer.addVariable('location', vehicleSection + ' ' + pageType);*/
    /*articlesFlashPlayer.addVariable('thumbnail','/toyota/vehicles/images/videoThumbnail.jpg');*/
    
    
    $('.gallery_popup .btn-close, .gallery_popup .btn-close a').click(function(){
        $('.black_overlay').fadeOut('slow');
        $('.gallery_popup').fadeOut('slow');
        $('.gp_footer').remove();
        $('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;
    });
    
    //Freetext : Features Content Details and FAQ pages
    if($('.two_col_articles').length != 0){
	    var isFeatureContent = $('.two_col_articles').attr('class').split(' ');
	    
	    if(isFeatureContent[2]){ //if freetext feature page
	    	$('.feature-details .articles .video').each(function(i, n){        
		        var containerId = $(n).attr('id');
		        var rel = $(n).attr('rel').split(';');
		        var thumbnail = $(n).find('img').attr('src');
		         
		        if (rel.length > 0) {
		            var videoPlayer = new SWFObject('/toyota/vehicles/camry2009/video/videoPlayer_hybrid.swf', 'videoPlayer', rel[1], rel[2], '9.0.0', ''); //testing purpose
		            videoPlayer.addParam('allowfullscreen', 'true');
		            videoPlayer.addParam('menu', 'false');
		            videoPlayer.addParam('loop', 'false');
		            videoPlayer.addParam('scale', 'noscale');
		            videoPlayer.addParam('quality', 'best');
		            videoPlayer.addParam('wmode', 'transparent');
		            videoPlayer.addParam('allowScriptAccess', 'always');
		            videoPlayer.addVariable('autoPlay', 'false');
		            videoPlayer.addVariable('thumbnail', thumbnail);
		            videoPlayer.addVariable('sizeToContainer', 'true');
		            videoPlayer.addVariable('video', rel[0]);
					videoPlayer.addVariable('carModel', vehicleSection);
					videoPlayer.addVariable('location', vehicleSection + ' ' + pageType);
		            videoPlayer.write(containerId);
		        }
		    });
		    
		    $('.two_col_articles .articles .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 = $(n).find('.image-title').text();
	     			var popupTitle = $(n).find('.popup-title').text();
	          var img = document.createElement('img');
	          img.src = $(this).attr('href');
	          
	          $('.gallery_popup .gp_header_title').text(popupTitle);
	         	$('.gallery_popup').append('<div class="gp_footer"></div>');
	          $('#videoPlayerDiv').html(img);
	          $('.black_overlay').fadeIn('slow');
	          $('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').fadeIn('slow');
	         
	          return false;
	        });
    		});
		    
	    }else{
	    	$('.two_col_articles .articles .video').each(function(i, n){
	        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 containerId = $(n).attr('id');
	        var rel = $(n).attr('rel').split(';');
	        var thumbnail = $(n).find('img').attr('src');
	        if (rel.length > 0) {
	            //var videoPlayer = new SWFObject('/toyota/vehicles/' + vehicleSection + '/video/videoPlayer_light.swf', 'videoPlayer', rel[1], rel[2], '9.0.0', '');
	            var videoPlayer = new SWFObject('/toyota/vehicles/camry2009/video/videoPlayer_hybrid_fewerControls.swf', 'videoPlayer', rel[1], rel[2], '9.0.0', ''); //testing purpose
	            videoPlayer.addParam('allowfullscreen', 'true');
	            videoPlayer.addParam('menu', 'false');
	            videoPlayer.addParam('loop', 'false');
	            videoPlayer.addParam('scale', 'noscale');
	            videoPlayer.addParam('quality', 'best');
	            videoPlayer.addParam('wmode', 'transparent');
	            videoPlayer.addParam('allowScriptAccess', 'always');
	            videoPlayer.addVariable('autoPlay', 'false');
	            videoPlayer.addVariable('thumbnail', thumbnail);
	            videoPlayer.addVariable('sizeToContainer', 'true');
	            videoPlayer.addVariable('video', rel[0]);
			    videoPlayer.addVariable('carModel', vehicleSection);
			    videoPlayer.addVariable('location', vehicleSection + ' ' + pageType);
	            videoPlayer.write(containerId);
	        }
	    	});
	    	
	    	$('.two_col_articles .articles .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 = $(n).find('.image-title').text();
	     			//var popupTitle = $(n).find('.popup-title').text();
            var img = document.createElement('img');
            img.src = $(this).attr('href');
            
            $('.gallery_popup .gp_header_title').text(title);
            $('.gallery_popup').append('<div class="gp_footer"></div>');     
            $('#videoPlayerDiv').html(img);
                   
            $('.black_overlay').fadeIn('slow');
            $('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').fadeIn('slow');
           
            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'
        });
    }
    
    /* FAQ title & content - FAQ Page */
    $('.faq-title').toggle(function(){
		  var e = this;
		  var newsItem = $(e).attr('id');
		  newsItem = newsItem.substr(10);
		  $(this).addClass('active');
		  $('dd#faq-content-' + newsItem).slideDown('slow');
		  var trackingContent = $(this).attr('title');
		  dcsMultiTrack('WT.ac', trackingContent, 'WT.cg_n', '', 'WT.cg_s', '');
		}, function(){
		  var e = this;
		  var newsItem = $(e).attr('id');
		  newsItem = newsItem.substr(10);
		  $(this).removeClass('active');
		  $('dd#faq-content-' + newsItem).slideUp('slow');
		});
		
});



