jQuery(document).ready(function() {
	try {
	lastBlock = jQuery("#seoReviewSlide");
    maxWidth = 700;
    minWidth = 120;	

    jQuery(".large-sell-banner ul > li span").click(
      function(){
        jQuery(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
		jQuery(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
		lastBlock = this;
      }
    );
    } catch (e) {
    }


	jQuery('a.basic').click(function (e) {			
		e.preventDefault();
			
			jQuery.modal('<iframe src="' + this.href + '" height="650" width="920" style="border:0">', {
				containerCss:{
					backgroundColor:"#fff",
					height:650,
					padding:0,
					width:920
				},
				overlayClose:true 
				});	
			});

	jQuery('a.screencast').click(function (e) {			
		e.preventDefault();
			jQuery.modal('<iframe src="' + src + '" height="650" width="920" style="border:0">', {
				containerCss:{
					backgroundColor:"#fff",
					height:650,
					padding:0,
					width:920
				},
				overlayClose:true 
				});	
			});

	// clear form
	jQuery("form #s").click(function (e) {			
			e.preventDefault();
			this.value = "";
	});

	//toggle forms optional content
	jQuery(".optional").hide();
	jQuery(".paymentshow").hide();
	
	jQuery(".messaging h3").click(function (e) {			
		e.preventDefault();
		jQuery(".optional").toggle();	
	});
	
	//test case controller

	jQuery("#TestCaseController").jFlow({
		slides: "#TestCaseSlides",
		controller: ".jFlowControlTest", // must be class, use . sign
		slideWrapper : "#jFlowSlideTest", // must be id, use # sign
		selectedWrapper: "jFlowSelectedTest",  // just pure text, no sign
		width: "900px",
		height: "600px",
		duration: 400
	});

	
	//work slides	

	jQuery("#myController").jFlow({
		slides: "#mySlides",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		width: "355px",
		height: "300px",
		duration: 400,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
	//mcc
	jQuery("#myController2").jFlow({
		slides: "#mySlides2",
		controller: ".jFlowControl2", // must be class, use . sign
		slideWrapper : "#jFlowSlide2", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		width: "355px",
		height: "300px",
		duration: 400,
		prev: ".jFlowPrev2", // must be class, use . sign
		next: ".jFlowNext2" // must be class, use . sign
	});
	//greenloop
	jQuery("#myController3").jFlow({
		slides: "#mySlides3",
		controller: ".jFlowControl3", // must be class, use . sign
		slideWrapper : "#jFlowSlide3", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		width: "355px",
		height: "300px",
		duration: 400,
		prev: ".jFlowPrev3", // must be class, use . sign
		next: ".jFlowNext3" // must be class, use . sign
	});
	
	//fppi
	jQuery("#myController4").jFlow({
		slides: "#mySlides4",
		controller: ".jFlowControl4", // must be class, use . sign
		slideWrapper : "#jFlowSlide4", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		width: "355px",
		height: "300px",
		duration: 400,
		prev: ".jFlowPrev4", // must be class, use . sign
		next: ".jFlowNext4" // must be class, use . sign
	});
	
	//wordpress
	jQuery("#myController5").jFlow({
		slides: "#mySlides5",
		controller: ".jFlowControl5", // must be class, use . sign
		slideWrapper : "#jFlowSlide5", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		width: "355px",
		height: "300px",
		duration: 400,
		prev: ".jFlowPrev5", // must be class, use . sign
		next: ".jFlowNext5" // must be class, use . sign
	});

});