// JavaScript Document
// by Codify Design Studio - codifydesign.com
var mainXML,colCount,readyCompare1,readyCompare2,readyNum;


var __directory_prefix = '../Bayercontour/';


function writeMeters(title1,url1,title2,url2){	
	
	$('.comparetext').html(
		'<img src="' + __directory_prefix + 'media/images/product_shots/comparison_thumbnails/title_' + url1 + '"/>' + 
		'<img src="' + __directory_prefix + 'media/images/product_shots/comparison_thumbnails/title_vs.gif"/>' + 
		'<img src="' + __directory_prefix + 'media/images/product_shots/comparison_thumbnails/title_' + url2 + '"/>'
	);
	
	$('.meter1thumb').html('<img src="' + __directory_prefix + 'media/images/product_shots/comparison_thumbnails/' + url1 + '"/>');
	$('.meter2thumb').html('<img src="' + __directory_prefix + 'media/images/product_shots/comparison_thumbnails/' + url2 + '"/>');
	
	
}

function writeTitleRow(info1,info2,info3){
	$('<div class="row title"></div>').html(replaceSpecials(info1)).appendTo('#comparisonchart');
}


function writeStandardRow(info1,info2,info3){
	
	$('<div class="row info"></div>').html(
		'<div id="firstcol'+colCount+'" class="col_1">' + replaceSpecials(info1) + '</div>' + 
		'<div class="col_2">' + replaceSpecials(info2) + '</div>' + 
		'<div class="col_3">' + replaceSpecials(info3) + '</div>' +
		'<div class="clear_both"></div>'
	).appendTo('#comparisonchart');
	
	if(getComputedHeight("firstcol"+colCount) > 14){
		
		//$('#firstcol'+colCount).next().css('padding-top', '9px');
		//$('#firstcol'+colCount).next().next().css('padding-top', '9px');
	};
	colCount++;
}

function readyComparison(meter1,meter2,setNum){
	readyCompare1 = meter1;
	readyCompare2 = meter2;
	readyNum = setNum;

}

function readyInitialComparison(meter1,meter2,setNum){
	readyCompare1 = meter1;
	readyCompare2 = meter2;
	readyNum = setNum;
	
	if(meter1 == "CONTOUR"){
		$('#initalcomparebutton1').css('background-position', '0px 0px').attr("href", "#").click(function() { linktoComparison(); });
		$('#initalcomparebutton2').css('background-position', '0px -32px').removeAttr("href").unbind('click');
		
	}else{
		$('#initalcomparebutton1').css('background-position', '0px -32px').removeAttr("href").unbind('click');;
		$('#initalcomparebutton2').css('background-position', '0px 0px').attr("href", "#").click(function() { linktoComparison(); });
		
	}

}

function linktoComparison(){
    window.location = 'http://www.bayercontour.com/Tools/meter-comparison-result.aspx?getMeter1=' + readyCompare1 + '&getMeter2=' + readyCompare2 + '&getNum=' + readyNum;
}

function showComparison(){
	colCount = 0;
	highlightChoice(readyCompare1,readyCompare2);



//	// [ 2010-04-29 AFW ] Additional click action record call
//	var dt = new Date();
//	$.ajax({
//	    url: __caPath + escape(__pagePath) + "|" + readyCompare1 + "&ts=" + dt.getTime().toString(),
//	    data: "",
//	    success: function(data) {
//	        //alert(__caPath + escape(__pagePath) + "|" + readyCompare1 + "|" + readyCompare2 + "&ts=" + dt.getTime().toString());
//	        $.get(__caPath + escape(__pagePath) + "|" + readyCompare1 + "|" + readyCompare2 + "&ts=" + dt.getTime().toString());
//	    },
//	    dataType: "text"
//	});
	
	
	
	
	$('#comparisonchart').html('');
	
	var findMeter1 = $(mainXML).find("meter[id="+readyCompare1+"]");
	var findMeter2 = $(mainXML).find("meter[id="+readyCompare2+"]");
	
	var title1 = findMeter1.attr("title");
	var url1 = findMeter1.attr("thumbnail");
	var title2 = findMeter2.attr("title");
	var url2 = findMeter2.attr("thumbnail");
	
	writeMeters(title1,url1,title2,url2);
	
	$(mainXML).find("set[id="+readyNum+"]").find("category").each(function() {
		writeTitleRow($(this).attr("title"),"&nbsp;","&nbsp;");
		$(this).find("row").each(function() {
			var id = $(this).attr("id");
			writeStandardRow(findSpecName(id),findMeterSpec(readyCompare1,id),findMeterSpec(readyCompare2,id));
		});
	});
}

function findSpecName(id){
	return $(mainXML).find("spec[id="+id+"]").attr("title");
}

function findMeterSpec(meter,id){
	
	var findMeter = $(mainXML).find("meter[id="+meter+"]").find("stat[id="+id+"]");
	
	
	if(findMeter.attr("extratext")){
		var val = '<div style="float:left;margin-left: 0px;">' + findMeter.text() + '</div>' +  '<div class="smalltext">' + findMeter.attr("extratext") + '</div>'; 
		//var val = '<div style="float:none;" >' + findMeter.text() + '</div>';
	}else{
		var val = '<div style="float:none;" >' + findMeter.text() + '</div>';
	}
	
	
	
	if(!val) val = "&nbsp;"
	return val;
}

function replaceSpecials(input) {
    // Added for superscript 1
    input = input.replace(/\[1\]/gi, "<sup>1</sup>");

    // Added for less-than
    input = input.replace(/\[LT\]/gi, "&lt;");

    // Added for dagger
    input = input.replace(/\[DAGGER\]/gi, "&dagger;");

    // Added for no-coding icon
    input = input.replace(/No Coding\[TM\]/gi, '<image src="' + __directory_prefix + 'media/images/template/mc_no_coding.gif"/>');


	input = input.replace(/\[TM\]/gi,"&trade;");
	input = input.replace(/\[R\]/gi,"<sup>&reg;</sup>");
	input = input.replace(/\[d\]/gi,"&deg;");
	input = input.replace(/\[X\]/gi,'<image src="' + __directory_prefix + 'media/images/template/mc_check_on.gif"/>');
	input = input.replace(/\[!X\]/gi,'<image src="' + __directory_prefix + 'media/images/template/mc_check_off.gif"/>');
	input = input.replace(/\[uL\]/gi,"&micro;L");
	return input;
}

function highlightChoice(meter1,meter2){

	var checkedItemVS;
	
	$('.inputcolumn').find("input").each(function() {
		if ($(this).attr("value") == meter1 + "_" + meter2){
			$(this).attr('checked', true);
			$(this).parent().css('background-image', 'url(' + __directory_prefix + 'media/images/template/selected_radio.gif)');
			 
			
		}else{
			
			$(this).parent().css('background-image', 'none');
			
			
		}
		
		
	});
	
	
	
}

function getComputedHeight(theElt){
        if($.browser.msie){
                tmphght = document.getElementById(theElt).offsetHeight;
        }
        else{
                docObj = document.getElementById(theElt);
                var tmphght1 = document.defaultView.getComputedStyle(docObj, "").getPropertyValue("height");
                tmphght = tmphght1.split('px');
                tmphght = tmphght[0];
        }
        return tmphght;
}



(function ($) {
$.fn.vAlign = function() {
	return this.each(function(i){
	var ah = $(this).height();
	var ph = $(this).parent().height();
	var mh = (ph - ah) / 2;
	$(this).css('margin-top', mh);
	});
};
})(jQuery);

function getQueryVariable(variable) {
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++) {
		var pair = vars[i].split("=");
		if(pair[0] == variable){return pair[1];}
	}
	return(false);
}

function writeChoices(meter){
	if(meter == "CONTOUR"){
		$('.inputcolumntop').html('Compare the CONTOUR<sup>&reg;</sup> to:');
	
		$('.meterchoices').html(
			'<p><input type="radio" name="set1" value="CONTOUR_ACCU-CHEKAviva" onclick="readyComparison(\'CONTOUR\',\'ACCU-CHEKAviva\',\'01\')" /><label>ACCU-CHEK<sup>&reg;</sup> Aviva</label></p>' +
			'<p><input type="radio" name="set1" value="CONTOUR_FreestyleFlash" onclick="readyComparison(\'CONTOUR\',\'FreestyleFlash\',\'01\')" /><label>Freestyle Flash<sup>&reg;</sup></label></p>' +
			'<p><input type="radio" name="set1" value="CONTOUR_FreestyleLite" onclick="readyComparison(\'CONTOUR\',\'FreestyleLite\',\'01\')" /><label>Freestyle Lite&trade;</label></p>' +
			'<p><input type="radio" name="set1" value="CONTOUR_OneTouchUltra2" onclick="readyComparison(\'CONTOUR\',\'OneTouchUltra2\',\'01\')" /><label>OneTouch<sup>&reg;</sup> Ultra<sup>&reg;</sup>2</label></p>' +
			'<p><input type="radio" name="set1" value="CONTOUR_OneTouchUltraMini" onclick="readyComparison(\'CONTOUR\',\'OneTouchUltraMini\',\'01\')" /><label>OneTouch<sup>&reg;</sup> UltraMini<sup>&reg;</sup></label></p>');
	}else{
	
		$('.inputcolumntop').html('Compare the BREEZE<sup>&reg;</sup>2 to:');
		
		$('.meterchoices').html(
			'<p><input type="radio" name="set1" value="Breeze2_ACCU-CHEKAdvantage" onclick="readyComparison(\'Breeze2\',\'ACCU-CHEKAdvantage\',\'02\')" /><label>ACCU-CHEK<sup>&reg;</sup> Advantage</label></p>' +
			'<p><input type="radio" name="set1" value="Breeze2_ACCU-CHEKAviva" onclick="readyComparison(\'Breeze2\',\'ACCU-CHEKAviva\',\'02\')" /><label>ACCU-CHEK<sup>&reg;</sup> Aviva</label></p>' +
			'<p><input type="radio" name="set1" value="Breeze2_ACCU-CHEKCompactPlus" onclick="readyComparison(\'Breeze2\',\'ACCU-CHEKCompactPlus\',\'02\')" /><label>ACCU-CHEK<sup>&reg;</sup> Compact Plus</label></p>' +
			'<p><input type="radio" name="set1" value="Breeze2_FreestyleFreedomLite" onclick="readyComparison(\'Breeze2\',\'FreestyleFreedomLite\',\'02\')" /><label>Freestyle Lite&trade;</label></p>' +
			'<p><input type="radio" name="set1" value="Breeze2_OneTouchUltraUltra2UltraMini" onclick="readyComparison(\'Breeze2\',\'OneTouchUltraUltra2UltraMini\',\'02\')" /><label>OneTouch<sup>&reg;</sup> Ultra<sup>&reg;</sup>/<br />Ultra<sup>&reg;</sup>2/UltraMini<sup>&reg;</sup></label></p>');
	}
}


$(document).ready(function() {

    
    $.ajax({
    url: __directory_prefix + "data/meter_comparison.xml",
        dataType: ($.browser.msie) ? "text" : "xml",
        success: function(data) {
            if (typeof data == "string") {
                mainXML = new ActiveXObject("Microsoft.XMLDOM");
                mainXML.async = false;
                mainXML.loadXML(data);
            } else {
                mainXML = data;
            }

            if ($('.comparisontool').length != 0) testGetVars();


            // Returned data available in object "xml"
        }
    });


});      // close Document Ready


function testGetVars() {
	var meter1 = getQueryVariable('getMeter1');
	var meter2 = getQueryVariable('getMeter2');
	var setNum = getQueryVariable('getNum');



	if (meter1 && meter2 && setNum) {
		readyComparison(meter1,meter2,setNum);
		writeChoices(meter1);
		
	}else{
		readyComparison('CONTOUR','ACCU-CHEKAviva','01');
		writeChoices('CONTOUR');
	}
	showComparison();
}