// Repair resize functionality, hiden horizontal scroll from windows < 1000px wide
function cleanResize()
{
	if($(window).width() < 1000)
	{
		$('body').css('overflow', 'hidden');
		$('#mainContainer').css({
			'left': ( ($(window).width() / 2) - ($('#mainContainer').width() / 2) )+'px',
			'position': 'relative'
		});
	} else {
		$('body').css('overflow', '');
		$('#mainContainer').css({
			'left': '',
			'position': ''
		});
	}
}

function promotions()
{
	$('#promoSlider #promoWrapper br').remove();
	var pb = $('#promoSlider #promoWrapper').children().get();
	var pbL = pb.length;
	while(pbL--)
	{
		$(pb[pbL]).css({ 'margin': '', 'float': 'left' });
		$(pb[pbL]).find('img').css('width', '100%');

		$(pb[pbL]).find('img').css('width', '615px');
		var ph = $(pb[pbL]).find('img').height();
		var h = $('#promoSlider').height();
		var mt = ( ( ph - h ) / 2 ) * -1;
		
		$(pb[pbL]).find('img').css(
			{
				'margin-top': mt+'px'
			});
	}
}

$(window).resize(function()
{
	cleanResize();
	translation.resize();
	maintenance.resize();
});

$(window).load(function()
{
	cleanResize();

	$('#topMenu').superfish(
	{
		speed:       'fast',
		autoArrows:  false,
		dropShadows: false
	});

	promotions();
	
	/*******
	***********AJOUT D'UNE PROMOTION SUR LA PAGE D'ACCUEIL***********
	********/

	$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="1"><a href="promotions.php#chevrolet"><img src="images/layout/hogan-chev-no-payments.jpg" alt="Chevrolet No Payments for 6 Months" title="Chevrolet No Payments for 6 Months" border="0" /></a></div>');
	
	$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="2"><a href="promotions.php#gmc"><img src="images/layout/hogan-gmc-better-highway-fuel.jpg" alt="GMC Better Highway Fuel" title="GMC Better Highway Fuel" border="0" /></a></div>');
	
	$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="3"><a href="http://gm.ca/gm/english/services/gm-card/overview" target="_blank"><img src="images/layout/hogan-gmcard-points-plus-1000.jpg" alt="Points Plus $1000 Credit for GM Card Holders " title="Points Plus $1000 Credit for GM Card Holders " border="0" /></a></div>');

	$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="4"><a href="promotions.php#purchaseFinance"><img src="images/layout/cash_for_leases.jpg" alt="Cash For Leases" title="Cash For Leases" border="0" style="margin-top: 35px;" /></a></div>');
	
	$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="5"><a href="new-vehicle-showroom/gmc-sierra-2500hd.htm"><img src="images/layout/BroadcastImg_SierraHD_en.jpg" /></a></div>');

	$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="6"><a href="new-vehicle-showroom/buick-regal.htm"><img src="images/layout/BroadcastImg_Regal_en.jpg" /></a></div>');


	/*
	$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="2"><a href="promotions.php#gmc"><img src="images/layout/hogan-terrain.jpg" alt="GMC Connect & Win Event" title="GMC Connect & Win Event" border="0" /></a></div>');
	
	$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="1"><a href="promotions.php#chevrolet"><img src="images/layout/hogan-equinox.jpg" alt="Play Connect & Win!" title="Play Connect & Win!" border="0" /></a></div>');
	
	$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="5"><a href="new-vehicle-showroom/2012-chevrolet-orlando.htm"><img src="images/layout/2012-orlando.jpg" /></a></div>');
	$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="6"><a href="new-vehicle-showroom/2012-chevrolet-sonic.htm"><img src="images/layout/2012-sonic.jpg" /></a></div>');
	$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="7"><a href="new-vehicle-showroom/2012-chevrolet-volt.htm"><img src="images/layout/2012-volt.jpg" /></a></div>');*/
	/*$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="1"><a href="promotions.php#cashForClunkers"><img src="images/layout/cash_for_clunkers.jpg" alt="Cash For Clunkers" title="Cash For Clunkers" border="0" /></a></div>');*/
	/*$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="6"><a href="http://www.gm.ca/gm/english/vehicles/chevrolet/100/feature-chevrolet-100?adv=110716" target="_blank"><img src="images/layout/hogan-100-years.jpg" alt="Chevrolet 100 years" title="Chevrolet 100 years" border="0" /></a></div>');*/
	/*$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="10"><a href="new-vehicle-showroom/chevrolet-cruze.htm"><img src="images/layout/BroadcastImg_Cruze_en.jpg" /></a></div>');*/
	/*$('#promoWrapper').append('<div class="promoBanner chev" style="margin:0 auto; margin-top:0; display:block;" shiftrindex="4"><a href="new-vehicle-showroom/2012-chevrolet-sonic.htm"><img src="images/layout/chev_triple_play_en.jpg" /></a></div>');*/
	
	
	var galleryHorizontal = new Shiftr(
	{
		bindTo: '#promoSlider',
		animation: 'slide_horizontal',
		modules:
		{
			autoscroll:
			{
				options:
				{
					delay: 4000,
					pauseOnHover: true
				}
			}
		},
		path: 'js/'
	});
	var featuredVehicles = new Shiftr(
	{
		bindTo: '#vehicleWrapper',
		animation: 'slide_horizontal',
		modules:
		{
			autoscroll:
			{
				options:
				{
					delay: 5000,
					pauseOnHover: true
				}
			}
		},
		path: 'js/',
		//jumpAmount: 4
	});

	$(".leadButton").removeAttr("onclick");
	Shadowbox.init();
	maintenance.init();
});

var translation = {
	state: false,
	toggle: function()
	{
		if(this.state === true)
		{
			$('#google_translate_element').stop(true, true).fadeOut('normal');
			this.state = false;
		} else {
			var top = (( $(window).height() / 2 ) - ( $('#google_translate_element').outerHeight() / 2 ));
			var left = (( $(window).width() / 2 ) - ( $('#google_translate_element').outerWidth() / 2 ));
			$('#google_translate_element').css({
				'left': left+'px',
				'top': top+'px'
			});
			$('#google_translate_element').stop(true, true).fadeIn('normal');
			this.state = true;
		}
	},
	init: function()
	{
		$('#google_translate_element').hide().prepend('<div class="closeButton" onclick="translation.toggle()">&#10006;</div>');
		$('#google_translate_element').change(function(e)
		{
			translation.toggle();
		});
	},
	resize: function()
	{
		var top = (( $(window).height() / 2 ) - ( $('#google_translate_element').outerHeight() / 2 ));
		var left = (( $(window).width() / 2 ) - ( $('#google_translate_element').outerWidth() / 2 ));
		$('#google_translate_element').css({
			'left': left+'px',
			'top': top+'px'
		});
	}
};

var maintenance = {
	state: false,
	toggle: function()
	{
		if(this.state === true)
		{
			$('#maintenanceContainer').stop(true, true).fadeOut('normal');
			this.state = false;
		} else {
			var top = (( $(window).height() / 2 ) - ( $('#maintenanceContainer').outerHeight() / 2 ));
			var left = (( $(window).width() / 2 ) - ( $('#maintenanceContainer').outerWidth() / 2 ));
			$('#maintenanceContainer').css({
				'left': left+'px',
				'top': top+'px'
			});
			$('#maintenanceContainer').stop(true, true).fadeIn('normal');
			this.state = true;
		}
	},
	init: function()
	{
		$('#maintenanceContainer').hide();
	},
	resize: function()
	{
		var top = (( $(window).height() / 2 ) - ( $('#maintenanceContainer').outerHeight() / 2 ));
		var left = (( $(window).width() / 2 ) - ( $('#maintenanceContainer').outerWidth() / 2 ));
		$('#maintenanceContainer').css({
			'left': left+'px',
			'top': top+'px'
		});
	}
};
