// JavaScript Document

var product = "teligen";
var view = "dual";
var mask = "medtronic";

var animateFast = "fast";
var animateNormal = "normal";
var animateSlow = "slow";
var animateDistance = 40;

var $sa = jQuery;

$sa(document).ready(sa_READY);

function sa_READY(){
	sa_bind_events();
}

function sa_bind_events(){
	$sa("#smallthin_toggle").toggle(smallthin_toggle_ABOVE, smallthin_toggle_BELOW);
	
	$sa("#smallthin_teligen").click(smallthin_teligen_CLICK);
	$sa("#smallthin_cognis").click(smallthin_cognis_CLICK);
	
	$sa("#smallthin_profile").click(smallthin_profile_CLICK);
	$sa("#smallthin_dual").click(smallthin_dual_CLICK);
	
	$sa("#smallthin_medtronic").click(smallthin_medtronic_CLICK);
	$sa("#smallthin_stjude").click(smallthin_stjude_CLICK);
	
	$sa("#smallthin_sources").toggle(smallthin_sources_OPEN, smallthin_sources_CLOSE);
	
	$sa("#smallthin_teligen").trigger("click", true);
	$sa("#smallthin_dual").trigger("click", true);
	$sa("#smallthin_medtronic").trigger("click");
}

function smallthin_sources_OPEN(){
	$sa(".smallthin_bottom_row").css({visibility: "hidden"});
	$sa("#smallthin_sources span").html("Close");
	$sa("#smallthin_info").slideDown();
}

function smallthin_sources_CLOSE(){
	$sa(".smallthin_bottom_row").css({visibility: "visible"});
	$sa("#smallthin_sources span").html("Open");
	$sa("#smallthin_info").slideUp();
}

function smallthin_toggle_BELOW(){
	$sa(".smallthin_mask:visible").stop();
	$sa(".smallthin_mask:visible").animate({left: -animateDistance}, animateFast, smallthin_mask_ANIMATE_BELOW);
}

function smallthin_toggle_ABOVE(){
	$sa(".smallthin_mask:visible").stop();
	$sa(".smallthin_mask:visible").animate({left: animateDistance}, animateFast, smallthin_mask_ANIMATE_ABOVE);
}

function smallthin_medtronic_CLICK(event, toggle){
	if($sa(this).hasClass("smallthin_disabled")){
		return false;
	}
	$(this).css({opacity: .6}).addClass("smallthin_disabled");
	$("#smallthin_stjude").css({opacity: 1}).removeClass("smallthin_disabled");
	mask = "medtronic";
	if(!toggle){
		sa_render();
	}
}

function smallthin_stjude_CLICK(event, toggle){
	if($sa(this).hasClass("smallthin_disabled")){
		return false;
	}
	$(this).css({opacity: .6}).addClass("smallthin_disabled");
	$("#smallthin_medtronic").css({opacity: 1}).removeClass("smallthin_disabled");
	mask = "stjude";
	if(!toggle){
		sa_render();
	}
}

function smallthin_profile_CLICK(event, toggle){
	if($sa(this).hasClass("smallthin_disabled")){
		return false;
	}
	$(this).css({opacity: .6}).addClass("smallthin_disabled");
	$("#smallthin_medtronic, #smallthin_stjude").css({opacity: .75}).addClass("smallthin_disabled");
	$("#smallthin_dual").css({opacity: 1}).removeClass("smallthin_disabled");
	view = "profile";
	if(!toggle){
		sa_render();
	}
}

function smallthin_dual_CLICK(event, toggle){
	if($sa(this).hasClass("smallthin_disabled")){
		return false;
	}
	$(this).css({opacity: .6}).addClass("smallthin_disabled");
	
	if(mask == "medtronic"){
		$("#smallthin_stjude").css({opacity: 1}).removeClass("smallthin_disabled");
	}else{
		$("#smallthin_medtronic").css({opacity: 1}).removeClass("smallthin_disabled");
	}
	
	$("#smallthin_profile").css({opacity: 1}).removeClass("smallthin_disabled");
	view = "dual";
	if(!toggle){
		sa_render();
	}
}

function smallthin_teligen_CLICK(event, toggle){
	if($sa(this).hasClass("smallthin_disabled")){
		return false;
	}
	$(this).css({opacity: .6}).addClass("smallthin_disabled");
	product = "teligen";
	$("#smallthin_cognis").css({opacity: 1}).removeClass("smallthin_disabled");
	$sa("#smallthin_toggle span").html($sa(this).html());
	if(!toggle){
		sa_render();
	}
}

function smallthin_cognis_CLICK(event, toggle){
	if($sa(this).hasClass("smallthin_disabled")){
		return false;
	}
	$(this).css({opacity: .6}).addClass("smallthin_disabled");
	product = "cognis";
	$("#smallthin_teligen").css({opacity: 1}).removeClass("smallthin_disabled");
	$sa("#smallthin_toggle span").html($sa(this).html());
	if(!toggle){
		sa_render();
	}
}

function smallthin_mask_ANIMATE_BELOW(){
	$sa("#smallthin_toggle i").html("back");
	$sa(".smallthin_mask").animate({left: 0});
	$sa(".smallthin_product").css({zIndex: 2});
	$sa(".smallthin_mask").css({zIndex: 1});
}

function smallthin_mask_ANIMATE_ABOVE(){
	$sa("#smallthin_toggle i").html("front");
	$sa(".smallthin_mask").animate({left: 0});
	$sa(".smallthin_product").css({zIndex: 1});
	$sa(".smallthin_mask").css({zIndex: 2});
}

function sa_render(){
	sa_transition_out();
	//profiles
	if(product == "cognis" && view == "profile"){
		sa_transition_in(0);
		return false;
	}
	if(product == "teligen" && view == "profile"){
		sa_transition_in(1);
		return false;
	}
	//cognis or teligen dual vs st jude
	if(product == "cognis" && view == "dual" && mask == "stjude"){
		sa_transition_in(2);
		return false;
	}
	if(product == "teligen" && view == "dual" && mask == "stjude"){
		sa_transition_in(3);
		return false;
	}
	//cognis or teligen dual vs medtronic
	if(product == "cognis" && view == "dual" && mask == "medtronic"){
		sa_transition_in(4);
		return false;
	}
	if(product == "teligen" && view == "dual" && mask == "medtronic"){
		sa_transition_in(5);
		return false;
	}
}

function sa_transition_in(ci){
	if($sa.browser.msie){
		$sa(".smallthin_slide:eq(" + ci + ")").show();
	}else{
		$sa(".smallthin_slide:eq(" + ci + ")").fadeIn();
	}
}

function sa_transition_out(){
	if($sa.browser.msie){
		$sa(".smallthin_slide:visible").hide();
	}else{
		$sa(".smallthin_slide:visible").fadeOut();
	}
}