(function(){
	
	

	
	var slideshow = proto.object.create(Application.Slideshow , { 
	container         : {value : $("#slideshow").css( {"width" : 1024 , height : 205} ) }, 
	defaultSlideIndex : {value : 0},
	slidesPanel       : {value : $("#slideshow-panel").css( { "width" : 1024 , height : 205} ) , writable : false },
	controlsContainer : {value : $("#slideshow-control"), writable : false },
	renderControls    : {value :true}
	}),
	getImage = proto.getImage,
	newWorkContainerList = $(".new-work-container");	
		var banners = [ { data : { brandName  : "enaya"  } ,  src : "/indesign/images/slideshow/enaya.jpg"   },
		                { data : { brandName  : "enaya"  } ,  src : "/indesign/images/slideshow/velor.jpg"   }, 
		                { data : {brandName  : "velor" }, src   : "/indesign/images/slideshow/raysan.jpg" }, 
		                { data : {brandName  : "raysan" }, src   : "/indesign/images/slideshow/cofique.jpg" }, 
						{ data : {brandName  : "cade" }, src   : "http://www.indesign-ksa.com/indesign/images/slideshow/cade.jpg" }, 
					    { data : {brandName  : "shami"} ,  src : "http://www.indesign-ksa.com/indesign/images/slideshow/shami.jpg"  },
						{ data : {brandName  : "wakame"   },  src : "http://www.indesign-ksa.com/indesign/images/slideshow/wakame.jpg"  }, 
						//{ data : {brandName  : "aqua" },   src : "http://www.indesign-ksa.com/indesign/images/slideshow/aqua.jpg"    },
						{ data : {brandName  : "nadec"} ,  src : "http://www.indesign-ksa.com/indesign/images/slideshow/nadec.jpg"   }]
	

			proto.array.forEach( banners ,function( element , index ){
			

			var html =  $("<div></div>")
										.css({"width" : 1024 , "height" : 205})
										.addClass("loading-image");
						
				getImage(element.src,function(img){
					
					
					html.append( $(img)
			                            .css({"margin" : "auto" , "display" : "block"})
										.attr("src",element.src))
					                    .removeClass("loading-image");
				});
				
										
					slideshow.appendSlide({ 
			                        name : element.brandName,  
								    html : html,  
								    data : element   					
				                           });

				
				})
			
newWorkContainerList.hover(function(){
	if($(this).data("open")){
		
		return;
	}
	if(!$(this).data("overlay")){

	$(this).data("overlay",$("<div></div>").addClass("new-work-overlay")
	                                       .css({"opacity":0,position:"static",width : 150,height : 0 })
										   .append($("<span class='new-work-overlay-text'>view case study</span>"))
										   .appendTo(this))
	}

	
	$(this).data("overlay").animate({height : 150,opacity : 1},400);
	
	$(this).data("open",true);
	
	
},function(){
	
	$(this).data("overlay").animate({height : 0,opacity : 0} , 400);
	
	$(this).data("open",false);
	

	
}).click(function(e){
	
	
});
/*
newWorkContainerList.bind("mouseout",function(){
	
	$(this).data("overlay").animate({height : 0},800);$(this).data("open",false);
	
});
	*/ 
	
slideshow.render();
	
slideshow.play();
		 
 
 
}());