var featurePickerSettings = new Object;
var featurePickerTimer;

function featurePicker(){	
	featurePickerSettings.wrapperid= "feature-picker";
	featurePickerSettings.fadeOutduration= 500;
	featurePickerSettings.fadeInduration= 1000;
	featurePickerSettings.fadedelay= 5000;
	//featurePickerSettings.curimage= 0;
	featurePickerSettings.totalsteps= $("div.feature").length;
	$("#"+featurePickerSettings.wrapperid).bind("mouseenter", function(){clearInterval(featurePickerTimer);/*featurePickerSettings.ismouseover=true;*//*alert(setting.ismouseover);*/}) //pause slideshow mouseover
	$("#"+featurePickerSettings.wrapperid).bind("mouseleave", function(){featurePickerTimer = setInterval(automateFeaturePicker, featurePickerSettings.fadedelay);/*featurePickerSettings.ismouseover=false;*//*alert(setting.ismouseover);*/})

	$("div.feature-picker-controls a").each(function(i){
		$(this).bind("mouseenter", function(){
			$("div.feature-picker-controls a.selected").removeClass("selected");
			$("." + this.className).addClass("selected");
			$("#feature-picker div.feature:eq("+ featurePickerSettings.curimage +")").hide();
			$("#feature-picker div.feature:eq("+ i +")").show(); //hide all images except current one
			$("#feature-picker div.feature:eq("+ i +")").css({opacity:0}) //background layer becomes foreground
				.stop().css({opacity:0}).animate({opacity:1}, featurePickerSettings.fadeduration, function(){ //Callback function after fade animation is complete:
			});
			featurePickerSettings.curimage=i;
		});
		$(this).bind("mouseleave", function(){
		});
	});
	automateFeaturePicker();
	featurePickerTimer = setInterval(automateFeaturePicker, featurePickerSettings.fadedelay);
}

function automateFeaturePicker(){
	var featureindex= featurePickerSettings.curimage<featurePickerSettings.totalsteps-1? featurePickerSettings.curimage+1 : 0; 
	$("#feature-picker div.feature:eq("+ featurePickerSettings.curimage +")").css({opacity:1}) //background layer becomes foreground
		.stop().css({opacity:1}).animate({opacity:0}, featurePickerSettings.fadeOutduration, function(){ //Callback function after fade animation is complete:
			$("#feature-picker div.feature:eq("+ featurePickerSettings.curimage +")").hide();
		}) //end callback function	
	$("#feature-picker div.feature:eq("+ featureindex +")").show(); //hide all images except current one
	$("div.feature-picker-controls a.selected").removeClass("selected");
	$("div.feature-picker-controls a:eq("+ featureindex +")").addClass("selected");
	$("#feature-picker div.feature:eq("+ featureindex +")").css({opacity:0}) //background layer becomes foreground
			.stop().css({opacity:0}).animate({opacity:1}, featurePickerSettings.fadeInduration, function(){ //Callback function after fade animation is complete:
				featurePickerSettings.curimage=featureindex;
			}) //end callback function
}

function AddSeparatorDiv(){
	var listingDivs = $("#twoColumnListingTopDiv").children();
	
	for(i =0 ; i<listingDivs.length; i++){
		var listingDiv = listingDivs[i];
		if(i==0){
			$("<div class='row' />").insertBefore($(listingDiv));
		}
		if(i%2== 1){	
			$("<div class='row' />").insertAfter($(listingDiv));
		}
	}
	if(listingDivs.length%2 != 0){
		$("#twoColumnListingTopDiv").append($("<div class='row' />"));
	}
}