var compareView = false;
var compareBackButtonSrc = "images/comparebackbutton.gif";
var compareButtonSrc = "images/comparebutton.gif";

function equalHeight(group) {
	var tallest = 0;
	group.each(function() {
		thisHeight = $(this).height();
		if(thisHeight > tallest) {
			tallest = thisHeight;
		}
	});
	group.height(tallest);
}
function equalHeightGroup(group) {
	var tallest = 0;
	group.each(function() {
		var col = $(this).find('.column, .titleColumn');
		equalHeight(col);
	});
}
function animIn(){
		$(".column").show();
		$(".column").animate({opacity:1, width:199}, "fast" ).css("display","block");
		$(".columnEnd").show();
		$(".columnEnd").animate({opacity:1, width:199}, "fast" ).css("display","block");
		$(".selectColumn").animate({opacity:1}, "fast");	
		$(".compareBtn").attr({'src':compareButtonSrc});
}
function animOut(){
	$("input:checkbox[name=selectCheckbox]").each(function()
				{
					if ($(this).attr('checked') == false){
						var colId = $(this).val() ;
						$(".column").each(function(){
							if($(this).attr('columnid') == colId){
								$(this).animate({opacity: 0, width:0}, "fast");//, function() { animOutDone(colId);});//.css("display","block");
							}
						});
						$(".columnEnd").each(function(){
							if($(this).attr('columnid') == colId){
								$(this).animate({opacity: 0, width:0}, "fast");//, function() { animOutDone(colId);});//.css("display","block");
							}
						});
					}
				});
	
	$(".selectColumn").animate({opacity:0}, "fast");
	$(".compareBtn").attr({'src': compareBackButtonSrc});
}
function doCompare(){
	if (compareView){
		compareView = false;
		animIn();
	}else{
		compareView = true;
		animOut();
	}
	//.toggle(function(){ animOut();}, function () {animIn();});
}

//function animOutDone(pColNum){
	//$(".column:nth-child("+pColNum+")").hide();
	//$("#column"+pColNum).hide();
	//$(".column[@columnid="+colId+"]").hide();
//}

$(document).ready(function(){
	///set column heights
  	//equalHeightGroup($(".titlerow"));
  	equalHeightGroup($(".row"));
  	equalHeightGroup($(".rowAlt"));
	///set comparebutton
	$(".compareBtn").click(function(){ doCompare(); });
	
	//.toggle(function(){ animOut();}, function () {animIn();});						
	//set checkbox clicks
	$('input[name=selectCheckbox]').click(function(){
		var val = $(this).val();
		var checked = $(this).attr("checked");
		$("input:checkbox[@name=selectCheckbox]").each(function(){
				if($(this).val() == val){
					$(this).attr("checked", checked);
				}
		});
	});
	$('input[name=selectCheckboxClone]').click(function(){
		var val = $(this).val();
		var checked = $(this).attr("checked");
		$("input:checkbox[@name=selectCheckbox]").each(function(){
				if($(this).val() == val){
					$(this).attr("checked", checked);
				}
		});
	});
	///function for toggle container.
	$("h2.trigger").toggle(function(){$(this).addClass("active"); }, function () {$(this).removeClass("active");});
	$("h2.trigger").click(function(){
			var rowid = $(this).attr('rowid');
			$('div .row'+ rowid).find('.toggle_container').slideToggle("slow,");
	});
	////////
		$("h2.triggerSelectRow").toggle(function(){
			$(this).addClass("active"); 
			}, function () {
			$(this).removeClass("active");
		});
		$("h2.triggerSelectRow").click(function(){
			var rowid = $(this).attr('rowid');
			$('#toggle_container' + rowid).slideToggle("slow,");
		});
	
	$("a.anchorLink").anchorAnimate();
});


/*******

	***	Anchor Slider by Cedric Dugas   ***
	*** Http://www.position-absolute.com ***
	
	Never have an anchor jumping your content, slide it.

	Don't forget to put an id to your anchor !
	You can use and modify this script for any project you want, but please leave this comment as credit.
	
*****/
		




jQuery.fn.anchorAnimate = function(settings) {

 	settings = jQuery.extend({
		speed : 1100
	}, settings);	
	
	return this.each(function(){
		var caller = this
		$(caller).click(function (event) {	
			event.preventDefault()
			var locationHref = window.location.href
			var elementClick = $(caller).attr("href")
			
			var destination = $(elementClick).offset().top;
			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
				window.location.hash = elementClick
			});
		  	return false;
		})
	})
}