/* WOS SLIDEPANEL JAVASCRIPT */

jQuery(document).ready(function($) {
	//$.ajaxSetup({cache:false});
	//var refresh = setInterval(function(){   	
	//	$("#status").load("/wp-content/plugins/wos-slide-panel/wos-slide-panel-loader.php");
	//},1000);
	
	/*$(".featurewrapper").load("/wp-content/plugins/wos-slide-panel/wos-slide-panel-loader.php?mode=load_all", function() {
		prepFeatures();
	});*/
	
	
	
	$.getJSON('/wp-content/plugins/wos-slide-panel/wos-slide-panel-loader.php?mode=load_all', function(data) {
		var current_feature = 0;
		var panel_transition = 'fade'; // Default transition
		var items = [];
		$.each(data, function(key, val) {
			items.push(val);
		});
		var autoplay = ''; // autoplay variable
		var panels = [];
		var itemcount = items[0].length;
		var feature_total = itemcount;
		for (i = 0; i < itemcount; i++) { // Process all panel formatting and create array
			var panel =   '<div id="p_id_'+items[0][i].fp_id+'" class="featurewrapperinner feature_ref'+i+'">';
			panel = panel+'<div class="panel grid_12 vgrid_8 colour0 clearfix" style="background-image:url('+items[0][i].feature_panel_image+');">';
			if (items[0][i].feature_panel_desc_position == 'Top Left') {
				pos = "topleft";
			
			} else if (items[0][i].feature_panel_desc_position == 'Top Right') {
				pos = "topright";
			
			} else if (items[0][i].feature_panel_desc_position == 'Bottom Right') {
				pos = "bottomright";
			
			} else if (items[0][i].feature_panel_desc_position == 'Bottom Left') {
				pos = "bottomleft";
			
			} else if (items[0][i].feature_panel_desc_position == '') {
				pos = "bottomleft";
			}
			if (items[0][i].feature_panel_desc_width == '4') {
				dwidth = "desc4";
			
			} else if (items[0][i].feature_panel_desc_width == '3.5') {
				dwidth = "desc3_5";
			
			} else if (items[0][i].feature_panel_desc_width == '3') {
				dwidth = "desc3";
			
			} else if (items[0][i].feature_panel_desc_width == '2.5') {
				dwidth = "desc2_5";
			
			} else if (items[0][i].feature_panel_desc_width == '2') {
				dwidth = "desc2";
				
			} else if (items[0][i].feature_panel_desc_width == '') {
				dwidth = "desc3";
			}
			if (items[0][i].feature_panel_desc_link != '') {
				panel = panel+'<a href="'+items[0][i].feature_panel_desc_link+'" class="feature_description '+pos+' '+dwidth+'"><h2>'+items[0][i].feature_panel_description+'</h2><span class="feature_desc_link">More »</span></a>';
			} else {
				panel = panel+'<div class="feature_description '+pos+' '+dwidth+'"><h2>'+items[0][i].feature_panel_description+'</h2></div>';
			}
			panel = panel+'</div>';
			panel = panel+'</div>';
			
			panels.push(panel);
		}
		
		//console.log(panels[0]);
		
		
		$("p.loading").css("display","none");
		$(".featurewrapper").html(panels[0]);
		$(".featurewrapper").prepend(panels[1]);
		$(".featurewrapperinner").css("display","none");	
		$(".feature_ref0").css("display","block");
		
		//$("#featurepanel_a_content").css("background-image","url("+items[0][0].feature_panel_image+")");
		//$("#featurepanel_a_link").attr("href",items[0][0].feature_panel_desc_link);
		//$("#featurepanel_a_desc").html(items[0][0].feature_panel_description);
		
		$(".featurewrapper").append('<a href="" class="feature_nav_button feature_nav_left">&laquo;</a><a href="" class="feature_nav_button feature_nav_right">&raquo;</a>'); // Add Nav buttons
		toggleButtons(); // Initial call to hide left hand button
				
		function renderPanel() {
			// Check if panels exist?
			var pnum = (current_feature)+1;
			if ($(".feature_ref"+pnum).length == 0) {
				$(".featurewrapper").prepend(panels[pnum]);
			}
		}
		
		function changePanel(current_feature) {
			if (panel_transition == 'fade') {
				$(".featurewrapperinner").fadeOut("slow");
				$(".feature_ref"+current_feature).fadeIn("slow");
			} else if (panel_transition == 'cut') {
				$(".featurewrapperinner").css("display","none");
				$(".feature_ref"+current_feature).css("display","block");
			}
		}
		
		function toggleButtons() {
			if (current_feature == 0) {
				$(".feature_nav_left").css("display","none");
			} else if (current_feature == feature_total-1) {
				$(".feature_nav_right").css("display","none");
			} else {
				$(".feature_nav_left").fadeIn("fast");
				$(".feature_nav_right").fadeIn("fast");
			}
			//console.log(current_feature);
		}
		
		$(".feature_nav_right").click(function(){
			//console.log('Right button clicked');
			if (current_feature < feature_total) {
				current_feature++;
				changePanel(current_feature);
				toggleButtons();
				renderPanel();
			}
			return false;
		});
		
		$(".feature_nav_left").click(function(){
			//console.log('Left button clicked');
			if (current_feature > 0) {
				current_feature--;
				changePanel(current_feature);
				toggleButtons();
			} 
			return false;
		});
		
		
		// Autoplay functions
		function autoPlay() {
			autoplay = setInterval(function(){   	
				//logger(current_feature);
					if (current_feature < feature_total-1) {
						current_feature++;
						changePanel(current_feature);
						toggleButtons();
						renderPanel();
					} else if (current_feature == feature_total-1) {
						current_feature = 0;
						changePanel(current_feature);
						toggleButtons();
						$(".feature_nav_right").fadeIn("fast");
					}
					
				},5000);
		}
		autoPlay();
		
		$(".featurewrapper").hover(
			function () {
				clearInterval(autoplay);
			},
			function () {
				autoPlay();
			}
		);
		
		/*function logger(e) { // Only send console.log requests to Safari as Firefox chokes on it unless firebug is installed!
			if ($.browser.webkit) {
				console.log(e);
			}
		}*/
	});
	
	 //First we get all the Post IDs for the panels and add them to an array 
	/*$.getJSON("/wp-content/plugins/wos-slide-panel/wos-slide-panel-loader.php?mode=load_all", 
		function(data) {
			console.log(data);
			var items = [];
			$.each(data, function(key, val) {
				items.push(val);
			});*/
			
			// This function loads a panel into the feature area
			/*function loadPanel(pid) {
				$(".featurewrapper").load("/wp-content/plugins/wos-slide-panel/wos-slide-panel-loader.php?mode=load_panel&id="+pid);
			}*/
			//loadPanel(items[0]); // Grab the first panel and load it
			
			//function prepFeatures() {
//				if (current_feature == 0) {
//				}
//				feature_total = items.length;
//				/*$(".featurewrapper").append('<a href="" class="feature_nav_button feature_nav_left">&laquo;</a><a href="" class="feature_nav_button feature_nav_right">&raquo;</a>'); // Add Nav buttons
//				$(".featurewrapperinner").css("display","none"); // Hide all features first...
//				$(".feature_ref1").css("display","block"); // Then display the first one.
//				
//				toggleButtons(); // Initial call to hide left hand button*/
//				console.log(feature_total);
//			}
			
		//});
	
	
	

	/*$('.feature_nav_right').bind('click', function() {
		if (current_feature < feature_total) {
			current_feature++;
			changePanel(current_feature);
			toggleButtons();
		}
		return false;
		console.log('Right button clicked');
	});
	
	$('.feature_nav_left').bind('click', function() {
		if (current_feature > 1) {
			current_feature--;
			changePanel(current_feature);
			toggleButtons();
		} 
		return false;
		console.log('left button clicked');
	});*/
		
	
	
	/*$(".featurewrapper").load("/wp-content/plugins/wos-slide-panel/wos-slide-panel-loader.php?mode=load_all", function() {
		feature_total = $('.feature_total').attr("id").replace(/[^0-9]/g, '');
		//$(".featurewrapper").prepend('<div id="status">Status:</div>');
		$(".featurewrapper").append('<a href="" class="feature_nav_button feature_nav_left">&laquo;</a><a href="" class="feature_nav_button feature_nav_right">&raquo;</a>');
		$(".featurewrapperinner").css("display","none");	
		$(".feature_ref1").css("display","block");
		
		$(".Xfeature_nav_button").click(function(){
			toggleButtons();
			return false;
		});
		
		toggleButtons(); // Initial call to hide left hand button
		
		function changePanel(current_feature) {
			if (panel_transition == 'fade') {
				$(".featurewrapperinner").fadeOut("slow");
				$(".feature_ref"+current_feature).fadeIn("slow");
				
			} else if (panel_transition == 'cut') {
				$(".featurewrapperinner").css("display","none");
				$(".feature_ref"+current_feature).css("display","block");
				
			}
		}
		
		function toggleButtons() {
			if (current_feature == 1) {
				$(".feature_nav_left").css("display","none");
				
			} else if (current_feature == feature_total) {
				$(".feature_nav_right").css("display","none");
			
			} else {
				$(".feature_nav_left").fadeIn("fast");
				$(".feature_nav_right").fadeIn("fast");
			}
		}
	
			
		$(".feature_nav_right").click(function(){
			if (current_feature < feature_total) {
				current_feature++;
				changePanel(current_feature);
				toggleButtons();
			}
			//$("#status").load("/wp-content/plugins/wos-slide-panel/wos-slide-panel-loader.php?id=9");
			return false;
		});
		
		$(".feature_nav_left").click(function(){
			if (current_feature > 1) {
				current_feature--;
				changePanel(current_feature);
				toggleButtons();
			} 
			//$("#status").load("/wp-content/plugins/wos-slide-panel/wos-slide-panel-loader.php?id=11");
			return false;
		});
		
	});*/
	
	
	
	
	
	
});