// JavaScript Document
jQuery(document).ready(function($) {
	
	// Expandable Objects
	
	var true_height;
	var original_height;
	var parent;
	var ele;
	
	$('.trigger_0').toggle(function() {
		parent = $(this).parent();
		ele = parent.children('.expandable');
		true_height = ele[0].scrollHeight;
		original_height = ele.height();
		ele.animate({
			height: true_height
		}, 300);
		$(this).addClass("trigger_1");
		$(this).removeClass("trigger_0");
	},function() {
		parent = $(this).parent();
		ele = parent.children('.expandable');
		ele.animate({
			height: original_height + 'px'
		}, 200);
		$(this).addClass("trigger_0");
		$(this).removeClass("trigger_1");
	});

	// Body Classes based on browser size
	
	// initial classes when browser is loaded
	if ((document.width>=1024) && (document.height>=768)) {
		//$('body').addClass("res_1024");
	}else if ((document.width>=800) && (document.height>=600)) {
		//$('body').addClass("res_800");
	}else{
		//$('body').addClass("res_");
	}
	
	// add/remove class when the browser is resized
	$(window).resize(function() {
		if ((document.width>=1024) && (document.height>=768)) {
			//$('body').addClass("res_1024");
			//$('body').removeClass("res_800");
			//$('body').removeClass("res_");
		}else if ((document.width>=800) && (document.height>=600)) {
			//$('body').addClass("res_800");
			//$('body').removeClass("res_1024");
			//$('body').removeClass("res_");
		}else{
			//$('body').removeClass("res_1024");
			//$('body').removeClass("res_800");
			//$('body').addClass("res_");
		}
	});

});