$(document).ready(function(){
//	$(document).pngFix(); 
	
    $('#slideshow').cycle({
                fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        });

    $('#slideshow-micro').cycle({
        fx:          'fade',
        speed:      2500,
        timeout:     3000,
        pager:      '#nav',
        pagerEvent: 'mouseover',
                pauseOnPagerHover: true
    });
  
	if ($('body').hasClass('hd78')){
		$('head').append('<script type="text/javascript" src="js/swfobject.js"></script>');
		loadModelSwf();
	}

	if ($('body').hasClass('servicios')){
		$('head').append('<script type="text/javascript" src="js/swfobject.js"></script>');
		loadServiciosSwf();
	}	
    
	$('body').addClass('js-enabled');	

	/*******************************
	  BrowserDetect
	********************************/
	BrowserDetect.init();
	if (BrowserDetect.browser == "Explorer" && BrowserDetect.version == 6) { 
		
		$('head').append('<script type="text/javascript" src="js/supersleight.js"></script>');
		
		// png fix
		$('img#promo-panel').supersleight();
		
 		// png fix
		$('img#facebook-img').supersleight();
		$('img#logo-hma').supersleight();
		$('img#legales').supersleight();		
		
		$('ul.sub-menu').css('background','#F1F1F1').css('opacity',0.8);
		$('ul.sub-menu li ul').hover(function(){
			$(this).parent().children('a').addClass('selected');
		},function(){
			$(this).parent().children('a').removeClass('selected');	
		});
		
		$('img#vehicle-model-widget-shadow').supersleight();
	}
	
	if (BrowserDetect.OS == "Mac") { $('body').addClass('mac');	}
	if (BrowserDetect.browser == "Firefox" && BrowserDetect.OS == "Windows") { $('body').addClass('ff3-win'); }
	if (BrowserDetect.browser == "Firefox" && BrowserDetect.OS == "Mac") { $('body').addClass('ff3-mac'); }
	if (BrowserDetect.browser == "Chrome" && BrowserDetect.OS == "Windows") { $('body').addClass('chrome-win'); }
	if (BrowserDetect.browser == "Chrome" && BrowserDetect.OS == "Mac") { $('body').addClass('chrome-mac'); }
	
	// first/last classes
	$('ul#sub-navigation li:nth-child(6)').addClass('divider');
	$('ul#sub-navigation li:nth-child(9)').addClass('divider');
	
	if ($('body').hasClass('specifications')){
		$('table tr:nth-child(2)').addClass('second-row');
	}
	
	$('ul.footer-navigation:first-child').addClass('first');
	$('ul.footer-navigation:last-child').addClass('last');
	$('table tr:last-child, table tr th:last-child, table tr td:last-child').addClass('last');
	
	// custom classes
	//$('ul li:last-child').addClass('last');
	$('ul.sub-menu > li:first-child').addClass('first');
	$('ul#quick-links > li:last-child').addClass('last')
	$('#content h1:first-child').addClass('first');
	$('li.header p:last-child').addClass('last');
	
	
	// sub menu height
	var subMenuHeight = $('ul.sub-menu').height();
	$('ul.sub-menu li ul').css('height',subMenuHeight -5);
	// ie7
	if (BrowserDetect.browser == "Explorer" && BrowserDetect.version == 7) {
		$('ul.sub-menu li ul').css('height',subMenuHeight -4);
	}
	
	// append variant model div containers to sub menu
	$('ul.sub-menu li ul').append('<li><div id="variant-model-loader"></div><div id="variant-model-container"></div></li>');
	$('#variant-model-loader, #variant-model-container').css('height',subMenuHeight);
	//$('#variant-model-loader').show();
	
	$('ul.sub-menu li ul li:last-child').addClass('variant-div-container');
	
	
	// append sub-menu wrapper container to apply transparent background image
	$('ul.sub-menu').wrap('<ul><li class="sub-menu-container"></li></ul>');
	
	
	// init Superfish
	$("ul#main-navigation").superfish({
		delay:0
	});
	
	// add header class
	$('ul.sub-menu li:has(ul)').addClass('header');
	
	// remove link from parent model
	$('ul.sub-menu li.header > a').attr('href',"");
	$('ul.sub-menu li.header > a').click(function(){ return false; });
	
	
	/*******************************************************
	  Show first model variant on roll over of parent model
	********************************************************/
	
	// using hoverIntent seems to conflict with superfish's hoverIntent
	$('ul.sub-menu li.header').hover(function(){
		Cufon.refresh();
		$('ul li:first-child a',this).addClass('active');
		
		var loader = $('#variant-model-loader',this);
		var variantContainer = $('#variant-model-container',this);
		
//		console.log(variantContainer);
		
		$(loader).fadeIn('normal');
		
		// link to wrap around car image
		var carLink = $('ul li a:first-child',this).attr('href');
		
		
		// strip out model variant from first link inside model menu
		var defaultfirstLink = $('ul li a:first-child',this).attr('title');			//   /vehicles/models/swift/model-variant/swift-15-xe/overview
		var overviewPos = defaultfirstLink.indexOf('/overview');
		var modelVariantPath = defaultfirstLink.substring(0, overviewPos);			//   /vehicles/models/swift/model-variant/swift-15-xe
		var modelVariantName = modelVariantPath.substring(modelVariantPath.lastIndexOf("/") + 1);		//    swift-15-xe
		
		/*console.log("defaultfirstLink = " + defaultfirstLink);
		console.log("modelVariantPath = " + modelVariantPath);
		console.log("modelVariantName = " + modelVariantName);*/
		
		
		// set path to variant model html file
		var modelVariantName = defaultfirstLink;
		var modelVariant = modelVariantName + ".html";
		
		// load model variant html file
		$(variantContainer).load('menu-modelos/'+modelVariant+' #variant-model',function(){
			$(loader).hide();
			
			// wrap car image with link
//			$('#variant-model img#car-variant').wrap('<a href="'+carLink+'" />');
			
			$(variantContainer).fadeIn('normal');//.css('z-index',3010);
			Cufon.refresh();
			
		});
	
	},function(){
		$('ul li:first-child a',this).removeClass('active');
		$('#variant-model-loader, #variant-model-container').hide();	
	});

	
	// variant car model rollover: load dynamic html
	$('ul.sub-menu li.header ul li a').hoverIntent( showModel, hideModel );
	
	function showModel(){
		Cufon.refresh();
		// remove link active class added when you first rollover the car menu
		$('ul.sub-menu li.header ul li:first-child a').removeClass('active');
		
		// link to wrap around car image
		var carLink = $('ul li a:first-child',this).attr('href');
//	    alert(carLink);	
//		var loader = $('#variant-model-loader',this);
//		var variantContainer = $('#variant-model-container',this);

//		var loader = 'div#variant-model-loader';
//		var variantContainer = 'div#variant-model-container';
		
		var loader = $(this).parent().siblings('li.variant-div-container').children('#variant-model-loader');
		var variantContainer = $(this).parent().siblings('li.variant-div-container').children('#variant-model-container');
		
 		
		$(loader).fadeIn('normal');
		
		// strip out model variant from link
		var modelLink = $(this).attr('title');								//   /vehicles/models/swift/model-variant/swift-15-xe/overview
		var overviewPos = modelLink.indexOf('/overview');
		var modelVariantPath = modelLink.substring(0, overviewPos);			//   /vehicles/models/swift/model-variant/swift-15-xe
		var modelVariantName = modelVariantPath.substring(modelVariantPath.lastIndexOf("/") + 1);		//    swift-15-xe

		// set path to variant model html file
		var modelVariant = modelVariantName + ".html";
		//console.log(modelVariant);

		var modelVariantName = modelLink;
		var modelVariant = modelVariantName + ".html";
//		console.log(modelVariant);
		
		// load model variant html file
		$(variantContainer).load('menu-modelos/'+modelVariant+' #variant-model',function(){
			$(loader).hide();
		
			// wrap car image with link
//			$('#variant-model img#car-variant').wrap('<a href="'+carLink+'" />');
			
			$(variantContainer).fadeIn('normal').css('z-index',3010);
			Cufon.refresh();
			
		});
	}
	// models are hidden by superfish because they are part of the navigation
	function hideModel(){}
	
	
	
	// accordion
	if($('body').hasClass('vehicle-data')){
		
		$('ul.accordion').accordion({ 
			header: 'li.header > a',
			autoHeight: false,
			collapsible: true,
			navigation: false
		});
		
		// show first div in first instance of accordion
		$('ul.accordion:eq(1)').accordion({ 
			active: 0
		});
	}
	
	// apply Cufon after path classes added
	Cufon.replace('#cta-navigation > li > a', { fontFamily: 'SuzukiPRORegular',hover:true });
	Cufon.replace('#main-navigation > li > a', { fontFamily: 'SuzukiPROHeadline',hover:true });
	Cufon.replace('#variant-model h1, #feature-navigation-panel h3', { fontFamily: 'SuzukiPROBold'});
	Cufon.replace('#variant-model h2', { fontFamily: 'SuzukiPRORegular'});
	Cufon.replace('#variant-model h3', { fontFamily: 'SuzukiPRORegular'});
	Cufon.replace('#vehicle-model-widget-navigation > li > a', { fontFamily: 'SuzukiPRORegular',hover:true });
	
	Cufon.replace('ul#overview-compare-list li a span.model-name', { fontFamily: 'SuzukiPROBold', hover:true});
	Cufon.replace('ul#overview-compare-list li a span.model-price', { fontFamily: 'SuzukiPRORegular', hover:true});
	
	Cufon.replace('#content h1, #contact-details-section label', { fontFamily: 'SuzukiPROBold'});
	Cufon.replace('#content-right h1', { fontFamily: 'SuzukiPROHeadline'});
	Cufon.replace('#content-middle h2, #content-middle h3', { fontFamily: 'SuzukiPRORegular'});
	Cufon.replace('#dealer-info h2, .dealer-postcode h2', { fontFamily: 'SuzukiPROHeadline'});
	Cufon.replace('#form-compare-range label', { fontFamily: 'SuzukiPROHeadline'});
	Cufon.replace('.dealer #content-middle h1, #request-form h2, #dealer-region-form label, #comments-form-item label', { fontFamily: 'SuzukiPROHeadline'});

	function loadModelSwf(){
		var flashvars = {};
		var params = {wmode: 'transparent', quality: 'high', type: 'application/x-shockwave-flash'};
		var attributes = {};	
    	swfobject.embedSWF("flash/hd782.swf", "flash-content", "950", "400", "6.0.0", "expressInstall.swf",flashvars, params, attributes);
    }	
	
	function loadServiciosSwf(){
		var flashvars = {};
		var params = {wmode: 'transparent', quality: 'high', type: 'application/x-shockwave-flash'};
		var attributes = {};	
    	swfobject.embedSWF("flash/menuser5.swf", "flash-content", "800", "130", "6.0.0", "expressInstall.swf",flashvars, params, attributes);
    }

    
	//create a bubble popup for each DOM element with class attribute as "text", "button" or "link" and LI, P, IMG elements.	
	$('#legales').CreateBubblePopup({

								position : 'top',
								align	 : 'center',
								innerHtml: 'Las fotograf&iacute;as y videos son ilustrativos y pueden no coincidir <br />con el equipamiento de las versiones comercializadas por <br />Hyundai Motor Argentina, que se reserva el derecho <br />de efectuar cambios en las mismas sin obligaci&oacute;n de notificarlo.',
								innerHtmlStyle: {
													'color':'#ffffff', 
													'text-align':'center'
												},
																	
								themeName: 	'all-black',
								themePath: 	'images/jquerybubblepopup-theme'
							 
							});
	
});