var XMLPATH = "Objects/Images/NppAndGtrCampain/slider/budgetSlider.xml";

//plugin
(function($)
{
	var Slider = function(obj, width, speed)
	{
		//constants
		this.DIV = obj;
		this.WIDTH = width;
		this.SPEED = speed;
		
		//call constractor
		this.init();	
	};
	
	Slider.prototype = {
		
		SlidesNumber : 0,
		CurrentSlide : 0,
		SliderAnchor: window.location.hash,
		
		//jump
		jump: function(slidename)
		{			
			var slidePos;
			this.CurrentSlide = this.GetSlideIndexBySlideName(slidename);							
			slidePos = -1*this.WIDTH *this.CurrentSlide;						
			this.DIV.find("ul#SlideShowUl").css("left", slidePos);	

		},		
	
		//constractor
		init: function()
		{
			var handler = this;
			
			this.SlidesNumber = this.DIV.find("div.Slide").length;
			this.DIV.find("ul#SlideShowUl").css("width", this.WIDTH*this.SlidesNumber);
		 
		 
		  	//click left arrow --------------------------
			this.DIV.find("a#leftArrow").click(function()
			{
				var NextSlide, animateArgs, NextPos;
							
	
				$("#rightArrowImg").css("visibility","visible")
				
				if(eval(handler.CurrentSlide) - 1 >= 0)
				{
					NextSlide = eval(handler.CurrentSlide) - 1;                    
					NextPos = (-1*handler.WIDTH *NextSlide)+167;						
					animateArgs = {left:NextPos};  
					handler.DIV.find("ul#SlideShowUl").animate(animateArgs, handler.SPEED);
					handler.CurrentSlide = eval(handler.CurrentSlide) - 1; 
					//window.location.replace("#" + $("ul#SlideShowUl div.Slide:eq(" + handler.CurrentSlide + ") table.slideTbl").attr("slidename"));
					
			
					if(handler.CurrentSlide == 0){

					     $("#leftArrowImg").css("visibility","hidden");   
					}
					
				}	
				
				return false;
			});	

			//click right arrow --------------------------
			this.DIV.find("a#rightArrow").click(function()
			{
				var NextSlide, animateArgs, NextPos;
				
				$("#leftArrowImg").css("visibility","visible")
				
				//get next slide
				if(eval(handler.CurrentSlide) + 1 < handler.SlidesNumber)
				{   					
			    	
				
					NextSlide = eval(handler.CurrentSlide) + 1;
					NextPos = (-1*handler.WIDTH *NextSlide)+167;					
					animateArgs = {left:NextPos};  					
					handler.DIV.find("ul#SlideShowUl").animate(animateArgs, handler.SPEED);
					handler.CurrentSlide = eval(handler.CurrentSlide) + 1;
					//window.location.replace("#" + $("ul#SlideShowUl div.Slide:eq(" + handler.CurrentSlide + ") table.slideTbl").attr("slidename"));
					 
	 
					if(handler.CurrentSlide == 15){
				    	 $("#rightArrowImg").css("visibility","hidden"); 
					}
				}				
				
				
				return false;
			});	
			
			//init first anchor (onload)
			this.init_anchor();
		},
		
		//init anchor
		init_anchor: function()
		{
			if(this.SliderAnchor == "" || this.SliderAnchor.replace("#", "")  == "")
			{
				return;
			}
			else
			{				
				this.SliderAnchor = this.SliderAnchor.replace("#", "");						
				this.jump(this.SliderAnchor);
			}
		},
				
		//
		GetSlideIndexBySlideName: function(_slidename)
		{
			var slidename;
			var slides = this.DIV.find("div.Slide");
			var counter = 0;
			var index = 0;
			

			
			slides.each(function()
			{
				slidename = $(this).attr("slidename");
				
				if(slidename != undefined && slidename == _slidename)	
					index = counter;			
				
				counter ++;
			});	
			
			return index;		
		}
	}	
	
	$.fn.PluginsSlider = function(width, speed)
	{
		var slider = new Slider(this, width, speed);
		
	}
})(jQuery);


$("document").ready(function()
{
     $.ajax({url: XMLPATH,
		    type: "GET",
			cache: false, 
		    success: DrawMenu,			
			dataType: "xml"});
});


function DrawMenu(XmlDoc)
{
   var items = $("item", XmlDoc);
   var name, image, url, popupImg, popupW, popupH;
   
   var html = "";
   
     items.each(function()
	{   
	    name     = $(this).find("name").text(); 
		image    = "Objects/Images/NppAndGtrCampain/slider/" + $(this).find("image").text(); 
		//url      = "objects/html/plug-ins_html/" + $(this).find("url").text(); 
		popupImg = "objects/images/" + $(this).find("popupImg").text(); 
		popupW   = $(this).find("popupW").text(); 
		popupH   = $(this).find("popupH").text(); 
		
		
	
		
	
		html+="<li style=\"float:left; margin:0px; padding:0px\">";

        html+="<div class=\"Slide\" style=\"position:relative; width: 250px; height: 140px; background-color: transparent; text-align: center;\">";
		
		/* 
		 html+= "<a class=\"popup\" style='width: 200px;' title=\"\"   href=\""+ url +"\"  onclick=\"window.open(this.href,this.target,'width="+popupW+",height="+popupH+",left=200,top=100'); return false\" target=\"_blank\" toolbar=\"no\" resizable=\"yes\">";
		 */
		 
		 html+= "<a rel=\"prettyPhoto[pp_gal]\" title=\""+name+"\"  href=\""+popupImg+"\" >";
		 html+= "<img  src=\""+ image +"\"/>"; 
         html+="</a>";
		 
		
		 
		/* html+= "<a rel=\"popup\" title=\""+name+"\"  href=\""+popupImg+"\" >";
		 html+= "<img alt=\""+ name +"\"  src=\""+ image +"\"/>"; 
         html+="</a>";*/
		
	   	html+= "<p style=\"color:#ffffff; font-weight:bold; margin-top:10px;\">" + name+ "</p>";
		
		html+="</div>";
 
	  	html+="</li>";
		
				
	});
	
    $("ul#SlideShowUl").html(html);
	
    $("div#slider").PluginsSlider(250, 1000);
	
    $("a[rel='videoLightbox']").prettyPhoto();

	$("a[rel='prettyPhoto[pp_gal]']").prettyPhoto();
	//$("a[rel='popup']").colorbox();
	

	
}