var bag_jFlow_init_done = 0;
var bag_opened = 0;

$(document).ready(function() {
						   
	
	// Expand Panel
	$(".bagopen").click(function(){
		
		$(".bag-panel").slideDown("fast");
		
		
		if (bag_jFlow_init_done<1) {
			bag_init_jflow();
		}
		$(".bagtoggle a").toggle();
		bag_opened = 1;
		return false;
	});	
	
	// Collapse Panel
	$(".bagclose").click(function(){
		$(".bag-panel").slideUp("fast");
		$(".bagtoggle a").toggle();
		bag_opened = 0;
		return false;
	});	
	
	
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$(".bagtoggle a").click(function () {
	});	
	
	
		
});

function bag_init_jflow() {
	bag_jFlow_init_done = 1;
			$(".bagController").jFlow({
				slides: ".bagSlides",
				controller: ".bagControl", // must be class, use . sign
				slideWrapper : "#bagSlide", // must be id, use # sign
				selectedWrapper: "bagSelected",  // just pure text, no sign
				auto: true,		//auto change slide, default true
				width: "200px",
				height: "300px",
				duration: 400,
				prev: ".bagPrev", // must be class, use . sign
				next: ".bagNext" // must be class, use . sign
			});					   
	return false;
}