/**
 * Handle: list_script    
 * Version: 0.0.1
 * Deps: $jq
 * Enqueue: true
 */

(function($) {
	
	var images;
	var current_img_id = 0;
	
	$.fn.initadmin = function() {	
		this.each(function(){
			var self = $(this);
			
		});
	}
			
	$.fn.startCoursesScript = function() {			
		this.each(function(){
			var self = $(this);
			

			var nav = self.find("#panel_nav");
			var nav_ul = nav.find("ul:first");
			nav_ul.find("li").each(function(){
				init($(this));
				$(this).click(function(){
					if ($(this).attr("class")=="green") {
						resetClass($(this).parent().parent());	
						$(this).attr("class","red");
						changeImage($(this).attr("id"),$(this).parent().parent().parent());
						
						
					}
				});				
			});
			
			var img_container = self.find("#action_image");
			var img_ul = img_container.find("ul:first");
			var img = img_ul.find("img");
			images = $.makeArray(img);
						
			$(images[current_img_id]).fadeTo("fast",1);
			
		})
		
		function resetClass(parentobj) {
			
			var ul_nav = parentobj.find("ul:first");			
			ul_nav.find("li").each(function(){
				$(this).attr("class","green");
			});
		}
		
		function changeImage(id,parentobj) {
			
			var img_container = parentobj.find("#action_image");
			var img_ul = img_container.find("ul:first");
			var img = img_ul.find("img");
			images = $.makeArray(img);
			
			$(images[current_img_id]).fadeTo("fast",0);	
			current_img_id = id;
			$(images[id]).fadeTo("slow",1);	
		}
		
		function init(obj) {
			if (obj.attr("id") == 0) obj.addClass("red");
			else obj.addClass("green");
		}
	}		
	
}) (jQuery);