// JavaScript Document

$(document).ready(function(){
	$("#overlay").delay(100).fadeOut(100);
	$("#col-left-hidden, #col-right-hidden").slideUp(100);
	$('form').jqTransform({imgPath:'jqtransform/jqtransformplugin/img/'});
	$('#slider').plusSlider({
		displayTime: 6000, // The amount of time the slide waits before automatically moving on to the next one. This requires 'autoPlay: true'
		sliderType: 'fader', // Choose whether the carousel is a 'slider' or a 'fader'
		autoPlay: true, // Creats a times, looped 'slide-show'
		speed: 500, // The amount of time it takes for a slide to fade into another slide
		keyboardNavigation: true, // The keyboard's directional left and right arrows function as next and previous buttons
		pauseOnHover: true, // Autoplay does not continue ifsomeone hovers over Plus Slider.
		width: 960, // Overide the default CSS width
		height: 260 // Overide the default CSS width
	});
	$("#expand-left, #expand-left-txt").click(function () {
    $("#col-left-hidden").slideDown(500);
		$("#expand-left").hide();
		$("#contract-left").show();
		$("#rt-col-image").delay(500).fadeIn(500);
		$("#col-right-hidden").slideUp(500);
		$("#contract-right").hide();
		$("#expand-right").show();
		$("#lft-col-image").fadeOut(200);
		$("#quote-right").show();
		$("#quote-left").hide();
		$("#drop-down").show();
		$("#expand-left-txt").hide();
		$("#contract-left-txt").show();
		$("#expand-right-txt").show();
		$("#contract-right-txt").hide();
		
		$('#expand-right-txt').css('color','#CCCCCC');
	});
	$("#expand-right, #expand-right-txt").click(function () {
    $("#col-right-hidden").slideDown(500);
		$("#expand-right").hide();
		$("#contract-right").show();
		$("#lft-col-image").delay(500).fadeIn(500);
		$("#col-left-hidden").slideUp(500);
		$("#contract-left").hide();
		$("#expand-left").show();
		$("#rt-col-image").fadeOut(200);
		$("#quote-left").show();
		$("#quote-right").hide();
		$("#expand-right-txt").hide();
		$("#contract-right-txt").show();
		$("#expand-left-txt").show();
		$("#contract-left-txt").hide();
		$('#expand-left-txt').css('color','#CCCCCC');
	});
	$("#contract-left, #contract-left-txt").click(function () {
    $("#col-left-hidden").slideUp(500);
		$("#contract-left").hide();
		$("#expand-left").show();
		$("#rt-col-image").fadeOut(200);
		$("#quote-left").delay(600).fadeIn(200);
		$("#expand-left-txt").show();
		$("#contract-left-txt").hide();
		$('#expand-right-txt').css('color','#333333');
	});
	$("#contract-right, #contract-right-txt").click(function () {
    $("#col-right-hidden").slideUp(500);
		$("#contract-right").hide();
		$("#expand-right").show();
		$("#lft-col-image").fadeOut(200);
		$("#quote-right").delay(600).fadeIn(200);
		$("#contract-right-txt").hide();
		$("#expand-right-txt").show();
		$('#expand-left-txt').css('color','#333333');
	});
	
	$(".pos-dt-show").click(function () {
    	$(this).parent().parent().find("p.pos-dt").slideDown(200);
		$(this).css("display","none");
		$(this).parent().find("a.pos-dt-hide").css("display","inline-block");
	});
	$(".pos-dt-hide").click(function () {
    	$(this).parent().parent().find("p.pos-dt").slideUp(200);
		$(this).css("display","none");
		$(this).parent().find("a.pos-dt-show").css("display","inline-block");
	});
	$(".title-open").click(function () {
    	$(this).parent().find(".details").slideToggle(200);
		$(this).toggleClass('title-open, title-close');
	});
	$(".sort-open").click(function () {
    	$(this).parent().find("ul").slideToggle(200);
		$(this).toggleClass('sort-open, sort-close');
	});
});