var _isInventoryDetail40r5 = false;
var _sBlackMPGIconPath = "/Images/ControlLibrary/Consumer/MilesPerGallon/MPG-Icon-Black.png";

function wmxPrintVehicleDetail(imagePath, isInventory4Or5)
{
	_isInventoryDetail40r5 = isInventory4Or5;
	wmxPrintVehicleDetail(imagePath); 
} 

function wmxPrintVehicleDetail(imagePath) 
{
	var pageviewid = "";
	
	if (!_isInventoryDetail40r5)
	{
		if (($('inventoryDetail4') != null) || ($('inventoryDetail5') != null))
		{
			_isInventoryDetail40r5 = true;
		}
	}
	
	if( document.getElementsByName("wmxSelectedPageViewId")[0] != null) 
		pageviewid = document.getElementsByName("wmxSelectedPageViewId")[0].value;
	
	var currentDateTime = new Date();
	var windowName = "print_window_" + currentDateTime.getTime();
	
	var win = window.open('','print_window','width=800, height=600, toolbars=0, scrollbars=1');
	var css_src = $$('link[media=print]')[0].getAttribute('href');
	
	var Model = document.getElementById("YearMakeModel").innerHTML;
	var Header = "";
	if ( document.getElementById("wmxprintheader") != null)
		Header = document.getElementById("wmxprintheader").innerHTML;
		
	var Details = document.getElementById("VehicleDetails").innerHTML;
	   	
	var oDiv = document.createElement("div");
	oDiv.innerHTML = Details;
	
	$(oDiv).getElementsBySelector("label").each(function(detailLabel) {
		var oSpan = new Element('span', {'class': 'clear'});
		$(detailLabel).insert(oSpan);
	});
	
	Details = oDiv.innerHTML;
	oDiv = null;
	
	var Coupon="";
	if(document.getElementById("Coupon") != null )
	    Coupon = document.getElementById("Coupon").innerHTML;
	
	var LabelLocation="";
	var DataLocation="";
	if(document.getElementById("LabelFieldLocation") != null && document.getElementById("DataFieldLocation") != null)
	{
	    LabelLocation = document.getElementById("LabelFieldLocation").innerHTML;
	    DataLocation = document.getElementById("DataFieldLocation").innerHTML; 
	}
	
	var Data = "";
	if (pageviewid != "")
		Data = GetHtmlByClassName(document.getElementById(pageviewid), 'div', 'tabdetails');
			
	var Tab = "";
	if (document.getElementsByName("VehicleDataSelectedTab")[0] != null) 
	 	Tab = document.getElementsByName("VehicleDataSelectedTab")[0].value; 
	
	var PhotoDisclaimer = "";
	if (document.getElementById("PrintDisclaimer") != null)
	 	PhotoDisclaimer = document.getElementById("PrintDisclaimer").innerHTML;
		
	var Disclaimer = "";
	if (document.getElementById("PrintPageDisclaimer") != null)
	 	Disclaimer = document.getElementById("PrintPageDisclaimer").innerHTML;
	 	
	var oMPG = null;
	if ($$('.MilesPerGallon').length > 0)
	{
		oMPG = new Element('div', {'id': 'milesPerGallon'});
		$(oMPG).update($$('.MilesPerGallon')[0].innerHTML);
	}
	else if ($$('.MPGDisplay').length > 0)
	{
		oMPG = new Element('div', {'id': 'milesPerGallon'});
		$(oMPG).update($$('.MPGDisplay')[0].innerHTML);
	} 	
		
	if (oMPG != null)
	{
		if ($(oMPG).getElementsBySelector('img')[0]) // replaces "Icon-White.png" with the "Icon-Black.png" MPG image
		{
			$(oMPG).getElementsBySelector('img')[0].writeAttribute('src', _sBlackMPGIconPath);
		}
	} 	
		
	var oSpecs = null;
	if ($$('.specifications').length > 0)
	{
		var oParentDiv = new Element('div', {'class': 'specs_container'});
		var iIncludeSpecSection = true;
		
		$$('.specifications').each(function(specItem){ 
			var oDiv = document.createElement("div");
			oDiv.innerHTML = specItem.innerHTML;
			var oDLs = $(oDiv).childElements()[0].childElements(); 
			var oTempParentDiv = new Element('div', {'class': 'spec_section'});
			var oTempChildDiv = null;
			iIncludeSpecSection	= true;				

			for (var i = 0, j = oDLs; i < j.length; i++)
			{
				var oSpecSectionTitle = $(j[i]).getElementsBySelector("div")[0];
				$(oSpecSectionTitle).addClassName('spec_section_header');
				var oSpecDD = $(j[i]).getElementsBySelector("dd");
				
				oTempChildDiv = new Element('div', {'class': 'spec_info'});
				$(oTempChildDiv).insert(oSpecSectionTitle);
				
				var oDivColumn1 = new Element('div', {'class': 'column1 column'});
				var oULColumn1 = new Element('ul');
				
				var oDivColumn2 = new Element('div', {'class': 'column2 column'});
				var oULColumn2 = new Element('ul');
				
				var oDivClear = new Element('div', {'class': 'clear'});
				
				for (var r = 0, s = oSpecDD.length; r < s; r++)
				{
					var oSpecLI = new Element('li', {'class': oSpecDD[r].className});
					oSpecLI.innerHTML = oSpecDD[r].innerHTML;
					
					if ((r%2) == 0)
					{
						oULColumn1.insert(oSpecLI);
					}
					else if ((r%2) == 1)
					{
						oULColumn2.insert(oSpecLI);
					}
				}
				
				if (($(oULColumn1).getElementsBySelector("li").length == 0))
				{
					iIncludeSpecSection	= false;
				}					
				
				if (iIncludeSpecSection)
				{
					$(oDivColumn1).insert(oULColumn1);
					$(oDivColumn2).insert(oULColumn2);
					
					$(oTempChildDiv).insert(oDivColumn1);
					$(oTempChildDiv).insert(oDivColumn2);
					$(oTempChildDiv).insert(oDivClear);
					
					$(oTempParentDiv).insert(oTempChildDiv);
				}
			}
			
			if (iIncludeSpecSection)
			{
				oDiv.innerHTML = oTempParentDiv.innerHTML;
				$(oParentDiv).insert(oDiv);
				
				var oBR = new Element('br');
				$(oParentDiv).insert(oBR);
			}				
		});
		
		oSpecs = '<div id="specifications">';
		oSpecs += '<div class="sectionHeader">Specifications<\/div>';
		oSpecs += oParentDiv.innerHTML;
		oSpecs += '</div>';
	}

	var content = new String();
	content = '<html>';
	content += '<head>';
	content += '<link rel="stylesheet" type="text/css" href="' + css_src + '">';
	content += '<\/head>';
	content += '<body class="printpage">';
	content += '<div id="buttons">';
	content += '<input type="button" onclick="window.close();" value="Close">';
	content += '<input type="button" onclick="window.print();" value="Print">';
	content += '</div><br>';
	content += '<div><h1>' + Model + '<\/h1><\/div><hr size=1 style="width: 100%;" \/>';
	content += '<table>';
	content += '<tr>';
	content += '<td id="details" rowspan=2 valign=top>';
	content += '<div>' + Details + '<\/div>';
	content += '</td>';
	content += '<td id="image" align="center" valign=top>';	
	
	if(imagePath != "")
		content += '<img src="'+ imagePath + '" width=200><br>' + PhotoDisclaimer ;
	else
		content += '<br>' + PhotoDisclaimer ;
	content += '<\/td>';

	if(DataLocation != "")
	    content += '<td id="header" align="left" vallign="top">' + Header+ '<p>' + DataLocation + '</p><\/td>';
	else
	    content += '<td id="header" align="left" valign="top">' + Header+ '<\/td>';
	content += '<\/tr>';

	if(Coupon != "" )
	{
		content += '<tr>';
		content += '<td colspan="2" id="coupon" align="left">';
		content += Coupon + '<\/td>';
		content += '<\/tr>';	
	} else
		content += '<tr><td colspan="2"><\/td><\/tr>'; 
	
	if (Data != "")
	{
		content += '<tr>';
		content += '<td colspan="3" id="data" style="vertical-align: top;">';
		content += '<div id="Tab"><h2>' + Tab + '<\/h2><\/div>';
		content += '<div>' + Data + '</div><\/td>';
		content += '<\/tr>';
	}
	
	if ((oMPG != null) && (_isInventoryDetail40r5))
	{
		content += '<tr><td id="mpg" colspan="3">';
		content += '<div id="milesPerGallon">';
		content += oMPG.innerHTML;
		content += '</div>';
		content += '<\/td><\/tr>';
	}
	
	if (oSpecs != null)
	{
		content += '<tr><td id="specs" colspan="3">';
		content += oSpecs;
		content += '<\/td><\/tr>';
	}
		
	content += '<\/table>';
	
	if  (Disclaimer != "")
		content += '<b>' + Disclaimer + '<\/b>';

	content += '<style>';
	content += 'html, body {margin: 0; padding: 0; width: 100%; height: 100%;}';
	content += 'dl {display: block;}';
	content += 'dd {width: 30%; margin-left: 0; padding-left: 20px;	line-height: 20px; float: left;}';
	content += 'dt {width: 100%; font-weight: bold; margin-top: 1em; clear: both; }';
	content += 'body {font-size: 8pt; padding: 5px; color: #000; width: 800px;}';
	content += 'table {font-size: 8pt; width: 100%;}';
	content += 'label {font-weight: bold;}';
	content += 'img {border: 1px solid #000;}';
	content += '#image {width: 33%;}';
	content += '#header {width: 33%; font-size: 10pt; font-weight: bold}';
	content += '#details {width: 33%}';
	content += '#buttons {position: absolute; left: 3in; top: 0px;}';
	content += '#LabelFieldLocation {visibility: hidden; display: none;}';
	content += '#DataFieldLocation {visibility: hidden; display: none;}';
	content += 'span {display: block; padding: 1px;}';
	content += 'body.printpage {font-family: arial, verdana;}';
	content += 'td#details {font-family: arial; font-size: 1.15em;}';
	content += 'td#details label {display: block; margin-bottom: 7px;}';
	content += 'td#details span.hiddenDetailsName, td#details span.hiddenDetailsItem {display: block; float: left;}';
	content += 'td#details span.hiddenDetailsName {width: 100px; margin-right: 3px; color: #000; font-weight: bold;}';
	content += 'td#details span.hiddenDetailsItem {width: 140px; font-weight: normal;}';
	content += 'td div#milesPerGallon {position: relative; height: 104px; width: 188px; margin: 15px 0;}';
	content += 'td#details span.clear, div.clear {clear: both; margin: -1px 0 0; padding: 0; font-size: 1px;}';
	content += 'td#detail div.clear {margin: 0;}';
	content += 'div.sectionHeader {font-size: 1.8em; font-weight: bold;}';
	content += 'div.spec_section_header h2 {margin-bottom: 5px;}';
	content += 'div.column ul {margin: 0; padding-left: 15px;}';
	content += 'div.column ul li {background-color: transparent;}';
	content += 'div.column {float: left; margin-right: 12px; width: 300px;}';
	content += 'div.column1 {margin-left: 10px;}';
	content += 'div.column2 {margin-right: 0;}';
	content += 'div.column dd {float: none; padding: 0; width: auto;}';
	content += 'div.spec_info {margin-bottom: 10px}';
	content += '@media print {input{display: none;}}';
	content += 'h2 {clear: both;}';
	content += '<\/style>';
	content += '<script>window.print();<\/script>';
	content += '<\/body>';
	content += '<\/html>';
	
	win.document.writeln(content);
	win.document.location.reload();
	win.focus();
}

function GetHtmlByClassName(parent, tagName, className)
{
	var divs = parent.getElementsByTagName(tagName);
	for (i = 0; i < divs.length - 1; i++)
	{
		if (divs[i].className.match(className))
			return divs[i].innerHTML;
	}
	return "";
}

function wmxPrintVehicleComparison()
{
	var win = window.open('','print_window','width=690, height=700, toolbars=0, scrollbars=1');
	var css_src = $$('link[media=print]')[0].getAttribute('href');

	var pageviewid = "";
	if( document.getElementsByName("wmxSelectedPageViewId")[0] != null) 
		pageviewid = document.getElementsByName("wmxSelectedPageViewId")[0].value;

	var Header = "";
	if ( document.getElementById("wmxprintheader") != null)
		Header = document.getElementById("wmxprintheader").innerHTML;
    
	var Disclaimer = "";
	if (document.getElementById("PrintPageDisclaimer") != null)
	 	Disclaimer = document.getElementById("PrintPageDisclaimer").innerHTML;

	var Data = "";
	if (pageviewid != "")
		Data =  document.getElementById(pageviewid).innerHTML;
		
	var Tab = "";
	if (document.getElementById("VehicleDataSelectedTab") != null) 
	 	Tab = document.getElementById("VehicleDataSelectedTab").value; 


	var content = new String();
	content = '<html>';
	content += '<head>';
	content += '<link rel="stylesheet" type="text/css" href="' + css_src + '">';
	content += '<\/head>';
	content += '<body>';
	content += '<div id="buttons">';
	content += '<input type="button" onclick="window.close();" value="Close">';
	content += '<input type="button" onclick="window.print();" value="Print">';
	content += '</div><div>';	
	content +=  Header;
	content +=  '<br><br>';
	content += Tab;
	content += '<\/div><hr size=1 style="width: 100%;" \/>';
	content += '<div><table>';	
	content += Data;
	content += '<\/table><\/div>';	
	content += '<style>';	
	content += 'dl {display: block;}';
	content += 'dd {width: 30%; margin-left: 0; padding-left: 20px;	line-height: 20px; float: left;}';
	content += 'dt {width: 100%; font-weight: bold; margin-top: 1em; clear: both; }';
	content += 'body {size: landscape;width: 7in; height: 10in; font-size: 8pt; padding: 5px;}';
	content += 'table {font-size: 8pt; border: 0}';
	content += 'tr td {padding: 4px; border: 0;}';
	content += '#photocell {align: left;}';
	content += 'a {display: none;}';
	content += 'label {font-weight: bold;}';
	content += 'img {border: 1px solid #000;}';
	content += '#image {width: 33%;}';
	content += '#header {width: 33%; font-size: 10pt; font-weight: bold}';
	content += '#details {width: 20%}';
	content += '#buttons {position: absolute; left: 3in; top: 0px;};'
	content += '@media print {input{display: none;}}';
	content += '<\/style>';
	content += '<script>window.print();<\/script>';
	content += '<\/body>';
	content += '<\/html>';
	
	win.document.writeln(content);
	win.document.location.reload();
	win.focus();
}