// JavaScript Document
$(document).ready(function(){
			function loadGalleria() {
				$("<div class='artist-name'></div>").appendTo(".content");
				$("#nav_623196 li>a").first().clone().appendTo(".artist-name");
						$("<div class='galleria-image-nav'></div>").appendTo("#galleria");
						$("<div class='galleria-image-nav-left'></div>").appendTo(".galleria-image-nav");
						$("<div class='galleria-image-nav-right'></div>").appendTo(".galleria-image-nav");
				var loc =  document.URL;
				var newloc = loc.replace('index.html', '');
				
				
				$(function () {
					var images = $("#hiddenField").val();
					//console.log(images);
					var imageArray = images.split(',');

							 $.each(imageArray, function(index, value) { 
								var imageHtml = "<img style='display:none;' src='" + value +"' alt />";
								$(".galleria-images").append(imageHtml);

							});//end array
							
							var accum_width = 0;
							
							$('.galleria-images').find('img').each(function() {
								$(this).load(function(){
									var h = $(window).height();
									var galleriaHeight = h-142;
									$(this).height(galleriaHeight);
									$(this).css("width","auto");
									accum_width += $(this).width();
									
									$('.galleria-images').width(accum_width+2);
									//console.log(accum_width);
									$(this).fadeIn();
								});
		
							});//end each
							
							
							$('.galleria-images').width(accum_width+2);
							$('.galleria-images img').eq(0).addClass("selected");
							
						});
						
						//console.log(countImages);

				
				
				var numberOfImages = $(".galleria-images img").length;
				var countImages = numberOfImages-1;
				//parseImg();	
			};//end function
				
			

				
			function resizeGalleria(){
				var h = $(window).height();
				var galleriaHeight = h-142;
				var w = $(window).width();
				if( navigator.userAgent.match(/Android/i) ||
				 navigator.userAgent.match(/webOS/i) ||
				 navigator.userAgent.match(/iPhone/i) ||
				 navigator.userAgent.match(/iPod/i)
				 ){
					$("#galleria").height(galleriaHeight);
					$("#galleria .galleria-images img").height(galleriaHeight);
										 $(".hair li, .makeup li, .styling li ").css("padding-right","9px");



				 }else if ( navigator.userAgent.match(/iPad/i) ){
					 $(".hair li, .makeup li, .styling li ").css("padding-right","9px");
					 $("#galleria").height(galleriaHeight);
					$("#galleria .galleria-images img").height(galleriaHeight);


				 }else {
					$("#galleria").height(galleriaHeight);
					$("#galleria .galleria-images img").height(galleriaHeight);

				 }
				$("#galleria").css({"position":"absolute","bottom":"0"});
				$("#galleria").width(w);
				
				
				$("#galleria .galleria-images img").css("width","auto");	

			};
			
			
    		loadGalleria();
			resizeGalleria();
				var numberOfImages = $(".galleria-images img").length;
				var countImages = numberOfImages-1;	
			
			var counter = 0;
			$('#galleria .galleria-image-nav .galleria-image-nav-right').click(function(){
				var numberOfImages = $("body").find(".galleria-images img").length;
				var countImages = numberOfImages-1;	
	 			var scrollAmount = $('.galleria-images img').eq(counter).width();
				if(countImages != counter){
					
					$('.galleria-images img').eq(counter+1).addClass("selected");
					$('.galleria-images img').eq(counter).removeClass("selected");
					
					$("#galleria .galleria-images").animate({'left':'-=' + scrollAmount}, 500, function() {
						
					});
					//parseImg();
					counter ++;
					//console.log(counter);
					//console.log(countImages);
				}else{
					$("#galleria .galleria-images").animate({'left':'0'}, 500, function() {
						
					});
					//parseImg();
					$('.galleria-images img').eq(0).addClass("selected");
					counter = 0;
					//console.log(counter);
					//console.log(countImages);
				}
				
				//console.log(counter);
		  });

		$('#galleria .galleria-image-nav .galleria-image-nav-left').click(function(){
				var numberOfImages = $("body").find(".galleria-images img").length;
				var countImages = numberOfImages-1;	
	 			var scrollAmount = $('.galleria-images img').eq(counter-1).width();
			if(counter != 0){	
				$('.galleria-images img').eq(counter-1).addClass("selected");
				$('.galleria-images img').eq(counter).removeClass("selected");
				
			  	$("#galleria .galleria-images").animate({'left':'+=' + scrollAmount}, 500, function() {
						
					});
					//parseImg();
				counter --;
				//console.log(counter);
				//console.log(countImages);
			}else{
				var addedWidths = 0;
					$('.galleria-images').find('img').each(function() {
   						addedWidths += $(this).width();
					});//end each
					
				var lastImage = $('.galleria-images img').eq(countImages).width();
				var newScroll = addedWidths-lastImage;
				$("#galleria .galleria-images").animate({'left':"-"+newScroll+"px"}, 500, function() {
						
					});
				$('.galleria-images img').eq(countImages).addClass("selected");
				$('.galleria-images img').eq(0).removeClass("selected");
				//parseImg();
				counter = countImages;
				//console.log(counter);
				//console.log(countImages);
			}	
				
				//console.log(counter);

		  });
						
		//});
   /* $(window).resize(function() {
      resizeGalleria();
	  
    }); */
	var myimages = [
        {color1: "#06050A", color2: "#5A2E09", color3: "#BD1D11", color4: "#979797"},
        {color1: "#A14645", color2: "#72231F", color3: "#000100", color4: "#75757F"},


		{color1: "#DBBE24", color2: "#F6D4CB", color3: "#5F2940", color4: "#C18D99"},
		{color1: "#CCCCCC", color2: "#000D3A", color3: "#0177BF", color4: "#650103"},
		
		//{color1: "#FFF6BB", color2: "#484C4D", color3: "#000004", color4: "#868789"},
		
		{color1: "#FFDA1A", color2: "#FFFFFD", color3: "#E2CCBE", color4: "#BFA17F"},
		
		{color1: "#B1C3C5", color2: "#EB008B", color3: "#000002", color4: "#849698"}
    ];

    var ry=Math.floor(Math.random()*myimages.length);

    var randomImage = myimages[ry];


	/*var values0=new Array("#06050A","#5A2E09","#BD1D11","#979797");
	var values1=new Array("#A14645","#72231F","#000100","#75757F");
	var ry=Math.floor(Math.random()*1);
	var randomArray = "values"+ry;
	console.log(randomArray[0]);*/
	
			/* var values0 = ["#06050A","#5A2E09","#BD1D11","#979797"];
			 var values1 = ["#A14645","#72231F","#000100","#75757F"];
			 
				  var ry=Math.floor(Math.random()*1);
				  var randomArray = values+ry;
					
					console.log(randomArray);
			 */
			 $(".main-navigation").find("div").eq(0).css("background-color",randomImage.color1);
			 $(".main-navigation").find("div").eq(1).css("background-color",randomImage.color2);
			 $(".main-navigation").find("div").eq(2).css("background-color",randomImage.color3);
			 $(".main-navigation").find("div").eq(3).css("background-color",randomImage.color4);
	
		});