/*
 ***********************************
 ***********************************
 * IMPORTANT
 ***********************************
 ***********************************
 
	sIFR_settings object MUST be declared BEFORE this runs - see 'sIFR-settings.js'
	
	This file MUST be loaded *****AFTER***** :
		1. 'sIFR-settings.js'
		2. 'sifr-jQuery.js' [ or 'sifr.js' ]
	
	USEFUL LINKS:
		http://wiki.novemberborn.net/sifr3/DetectingCSSLoad>
		http://wiki.novemberborn.net/sifr3/JavaScript+Configuration
		http://wiki.novemberborn.net/sifr3/Styling
 */



/*
 ***********************************
 * CORE CONFIGURATION
 ***********************************
 */
	
	sIFR.useDomLoaded	= true;

/*
 ***********************************
 * STYLE CONFIGURATIONS
 ***********************************
 */
	 
	/*
	 ========================
	 * FONTS
	 ========================
	 */
		sIFR_settings.font_1	= "/theme1/assets/fonts/frutiger-lt-57-cn.swf";


	/*
	 ========================
	 * STYLE OBJECTS - see 'http://wiki.novemberborn.net/sifr3/Styling'
	 ========================
	 */
		
		/* styles for left nav headers and main headers */
		sIFR_settings.STYLE_1 = 
		{
			src			: sIFR_settings.font_1,
			forceWidth	: true,
			forceHeight : true,
			wmode		: "transparent",
			offsetTop	: 0,
			offsetLeft  : 0,
			thickness	: 20,
			sharpness: 0,
			tuneHeight: -6,
			
			/*
				OTHER STYLE PROPS:
				selectable	: false,
				
				
				OTHER CSS PROPS:
				"text-transform" : "uppercase",
				"cursor"		 : "pointer",   --- (can only be set on '.sIFR-root')
			*/
			
			css: {
					'.sIFR-root': {
						"color"			 : "#cc0033",
						"font-size"		 : "15px",
						"letter-spacing" : "0.3"
					}		
			}
		}
		
		/* styles for top nav */
		sIFR_settings.STYLE_2 = 
		{
			src			: sIFR_settings.font_1,
			wmode		: "transparent",
			offsetTop	: -2,
			offsetLeft  : 0,
			thickness	: 20,
			sharpness	: 0,
			selectable	: false,
			fitExactly  : true,
			
			
			/*
				OTHER STYLE PROPS:
				selectable	: false,
				
				
				OTHER CSS PROPS:
				"text-transform" : "uppercase",
				"cursor"		 : "pointer",   --- (can only be set on '.sIFR-root')
			*/
			
			css: {
					'.sIFR-root': {
						"color"			 : "#666666",
						"font-size"		 : "14px",
						"letter-spacing" : "0",
						"cursor"		 : "pointer",
						"text-decoration": "none"
					},
					
					'a': {
						"color" 		 : "#666666",
						"text-decoration": "none"
					},
						
					'a:hover': {
						"color" 		 : "#cc0033",
						"text-decoration": "none"
					},
					
					'.selected': {
						"color" 		 : "#cc0033",
						"text-decoration": "none"
					}

			}
		}
		
		/* styles for COA buttons */
		sIFR_settings.STYLE_3 = 
		{
			src			: sIFR_settings.font_1,
			forceWidth	: true,
			forceHeight : true,
			wmode		: "transparent",
			offsetTop	: 0,
			offsetLeft  : 0,
			thickness	: 20,
			sharpness	: 0,
			
			/*
				OTHER STYLE PROPS:
				selectable	: false,
				
				
				OTHER CSS PROPS:
				"text-transform" : "uppercase",
				"cursor"		 : "pointer",   --- (can only be set on '.sIFR-root')
			*/
			
			css: {
					'.sIFR-root': {
						"color"			 : "#ffffff",
						"font-size"		 : "15px",
						"letter-spacing" : "0.3",
						"leading" 		 : "-2"
					},
					
					'a': {
						"color" 		 : "#ffffff",
						"text-decoration": "none",
						"text-align"	 : "center"
						
					},
						
					'a:hover': {
						"color" 		 : "#ffffff",
						"text-decoration": "none"
					}
			}
		}
		
		
		/* styles for accordion headers */
		sIFR_settings.STYLE_4 = 
		{
			src			: sIFR_settings.font_1,
			forceWidth	: true,
			forceHeight : true,
			wmode		: "transparent",
			offsetTop	: 0,
			offsetLeft  : 0,
			thickness	: 20,
			sharpness	: 0,
			selectable	: false,
			tuneHeight	: -4,
			
			
			/*
				OTHER STYLE PROPS:
				selectable	: false,
				
				
				OTHER CSS PROPS:
				"text-transform" : "uppercase",
				"cursor"		 : "pointer",   --- (can only be set on '.sIFR-root')
			*/
			
			css: {
					'.sIFR-root': {
						"color"			 : "#cc0033",
						"font-size"		 : "13px",
						"letter-spacing" : "0.3",
						"cursor"		 : "pointer"
					},
					
					'a': {
						"color" 		 : "#cc0033",
						"text-decoration": "none"		
					},
						
					'a:hover': {
						"color" 		 : "#cc0033",
						"text-decoration": "none"
					}
			}
		}
		
		
		/* styles for dealer header on vehicle view page*/
		sIFR_settings.STYLE_5 = 
		{
			src			: sIFR_settings.font_1,
			forceWidth	: true,
			forceHeight : true,
			wmode		: "transparent",
			offsetTop	: 0,
			offsetLeft  : 0,
			thickness	: 20,
			sharpness	: 0,
			selectable	: false,
			tuneHeight	: -4,
			
			
			/*
				OTHER STYLE PROPS:
				selectable	: false,
				
				
				OTHER CSS PROPS:
				"text-transform" : "uppercase",
				"cursor"		 : "pointer",   --- (can only be set on '.sIFR-root')
			*/
			
			css: {
					'.sIFR-root': {
						"color"			 : "#cc0033",
						"font-size"		 : "13px",
						"letter-spacing" : "0.3"
					}
			}
		}
		
		/* styles for vehicle title on results page and new cars page*/
		sIFR_settings.STYLE_6 = 
		{
			src			: sIFR_settings.font_1,
			forceWidth	: true,
			forceHeight : true,
			wmode		: "transparent",
			offsetTop	: 0,
			offsetLeft  : 0,
			thickness	: 20,
			sharpness	: 0,
			selectable	: false,
			tuneHeight	: -4,
			
			
			/*
				OTHER STYLE PROPS:
				selectable	: false,
				
				
				OTHER CSS PROPS:
				"text-transform" : "uppercase",
				"cursor"		 : "pointer",   --- (can only be set on '.sIFR-root')
			*/
			
			css: {
					'.sIFR-root': {
						"color"			 : "#cc0033",
						"font-size"		 : "13px",
						"letter-spacing" : "0.3",
						"cursor"			 : "pointer"
		                },

	                'a': {
	                    "color": "#cc0033",
	                    "text-decoration": "none"
		                },

	                'a:hover': {
	                    "color": "#cc0033",
	                    "text-decoration": "none"
		                }
					
			}
		}

		/* styles for vehicle title on compare page */
		sIFR_settings.STYLE_7 =
		{
		    src: sIFR_settings.font_1,
		    forceWidth: true,
		    forceHeight: true,
		    wmode: "transparent",
		    offsetTop: 0,
		    offsetLeft: 0,
		    thickness: 20,
		    sharpness: 0,
		    selectable: false,
		    tuneHeight: -4,


		    /*
		    OTHER STYLE PROPS:
		    selectable	: false,
				
				
		    OTHER CSS PROPS:
		    "text-transform" : "uppercase",
		    "cursor"		 : "pointer",   --- (can only be set on '.sIFR-root')
		    */

		    css: {
		        '.sIFR-root': {
		            "color": "#cc0033",
		            "font-size": "13px",
		            "letter-spacing": "0.3",
		            "cursor": "pointer",
		            "text-align": "center"
		        },

		        'a': {
		            "color": "#cc0033",
		            "text-decoration": "none"
		        },

		        'a:hover': {
		            "color": "#cc0033",
		            "text-decoration": "none"
		        }

		    }
		}

	
	/*
	 ========================
	 * ACTIVATE STYLE OBJETS
	 ========================
	 * 
	 * !!!IMPORTANT!!! :: There MUST be only ONE CALL to activate  
	 *
	 */


	    sIFR.activate(sIFR_settings.STYLE_1, sIFR_settings.STYLE_2, sIFR_settings.STYLE_3, sIFR_settings.STYLE_5, sIFR_settings.STYLE_6, sIFR_settings.STYLE_7);
	
	
	
	
	/*
	 ========================
	 * REPLACEMENT CONTROL METHODS
	 ========================
	 */
		
		/*
		 ***************************************
		 * CORE ASSETS
		 ***************************************
		 */
		
			sIFR.replaceCoreAssets = function() 
			{
				/* H1 */
				sIFR.replace(sIFR_settings.STYLE_1, 
				{
				    selector: "div.panel-content > fieldset > legend, div.panel-content > h2,  div.inner-content > h1, div.vehicle-details > dl.vehicle-summary > h2, div.panel-content > fieldset > h2"
				});
				
				sIFR.replace(sIFR_settings.STYLE_2, 
				{
					selector: "ul.menu.menu-main > li" 
				});
				
				sIFR.replace(sIFR_settings.STYLE_3, 
				{
					selector: "ul.cta-menu > li > div.offer-text" 
				});
				
				sIFR.replace(sIFR_settings.STYLE_5, 
				{
					selector: "div.dealer-details > h3" 
				});
				
				sIFR.replace(sIFR_settings.STYLE_6, 
				{
				    selector: "div.vehicle-item > h2, div.item > h2"
				});

				sIFR.replace(sIFR_settings.STYLE_7,
				{
				    selector: "div.vehicle-compare-container > table > tbody > tr.title > td"
				});
				
			}