// JavaScript Document

var loadcounter = 0;
var noOfImages = 16;
var gAllImages = [];
var imageLoaders=[];
var	images = new Array();  
//var theImage = new Image();

function preloader() 
{

	var i = 0;
     // create object
   	
     // set image list
 
 
	images[0]="images/pages/home_body.jpg";
  	images[1]="images/pages/june_page.jpg";
  	images[2]="images/pages/july_page.jpg";
  	images[3]="images/pages/august_page.jpg";
  	images[4]="images/pages/sept_page.jpg";
  	images[5]="images/pages/october_page.jpg";
  	images[6]="images/pages/november_page.jpg";
  	images[7]="images/pages/december_page.jpg";
  	images[8]="images/pages/jan_page.jpg";
  	images[9]="images/pages/february_page.jpg";
  	images[10]="images/pages/march_page.jpg";
  	images[11]="images/pages/april_page.jpg";
  	images[12]="images/pages/may_page.jpg";
  	images[13]="images/pages/end_page.jpg";
	images[14]="images/footer/emaillinkover.png";
	images[15]="images/footer/addressover.png";
	
	alts = new Array();
	alts[0]="Introduction Page";
  	alts[1]="Arla Testimonial";
  	alts[2]="MK Ice Skating Blades";
  	alts[3]="mymatebill.com";
  	alts[4]="Showcase brand guidelines";
  	alts[5]="Leeds Brewery";
  	alts[6]="Tabasco Sauce Advertisement";
  	alts[7]="Leeds Brewery Christmas Promotion";
  	alts[8]="Inspired Street Trials";
  	alts[9]="Castleford Tigers Rugby";
  	alts[10]="Rugby League World Cup";
  	alts[11]="Seafish Promotion";
  	alts[12]="Tetley's Leave Leeds";
  	alts[13]="Merge With Bloom Media";
	alts[14]="";
	alts[15]="";
     // start preloading
	 //var o = new Object;
	 this.imageLoaders[loadcounter]=new Image();
  	this.imageLoaders[loadcounter].src= images[loadcounter];
	var pt = document.getElementById("pltext");
	pt.innerHTML = "Loading Images<br/>Please Wait...<br/>"+(loadcounter+1)+" of "+noOfImages;
     //for(i=0; i<=13; i++) 
     //{		
		//o["imageObj"+i] = new Image();
		//o["imageObj"+i].onLoad=imagesLoaded();
       // o["imageObj"+i].src=images[i];
		
		//o["imageObj"+i] = new Image();
       // o["imageObj"+i].src = images[i];
        //gAllImages.push(o["imageObj"+i]);

       
       // window.status="Creating thumbnail "+(i+1)+" of " + 14;

     //}
	  setTimeout('checkForAllImagesLoaded()', 20);

}
function loadNextImage()
{
	loadcounter++;
	if(loadcounter>=noOfImages)
	{
		//console.log("loaded all "+noOfImages);
  	 	replaceBody();
	} else
	{
		 this.imageLoaders[loadcounter]=new Image();
  	this.imageLoaders[loadcounter].src= images[loadcounter];
		//theImage.src = images[loadcounter];
		var pt = document.getElementById("pltext");
	pt.innerHTML = "Loading Images<br/>Please Wait...<br/>"+(loadcounter+1)+" of "+noOfImages;
		setTimeout('checkForAllImagesLoaded()', 50);
	}
}

function checkForAllImagesLoaded()
{
	if ( this.imageLoaders[loadcounter].complete)
	{
		loadNextImage();	
	} else
	{
		setTimeout('checkForAllImagesLoaded()', 50);
	}
	/*
	var foundany=false;
    for (var i = 0; i < gAllImages.length; i++) 
	{
        if (!gAllImages[i].complete) 
		{
			console.log("found one");
			foundany = true;
            return;
        }
    }
	if(!foundany)
	{
		console.log("replace body");
  	 	replaceBody();
	} else
	{
		setTimeout('checkForAllImagesLoaded()', 50);
	}
	*/
}

// function invoked on image load
function imagesLoaded()
{    
	//loadcounter ++;
    //alert("loaded:"+loadcounter);
	//if (loadcounter == 14)
	//{
		//all loaded
	//	replaceBody();	
	//}
}


function replaceBody()
{
	var elem = document.getElementById("content");
	
	var code = "<div id='ss1'>";
	code += "<img src=\"images/pages/home_body.jpg\" alt=\""+alts[0]+"\" title=\""+alts[0]+"\" width=\"962\" height=\"658\" />";
  code += "</div>";
  
 	code += "<div id=\"dates\">";
   	code += "<ul>";
   	code += "<li class=\"lifirst\"><a class=\"highlightLink\" id=\"link0\" href=\"javascript:void(0)\" onclick=\"changeImage(0)\">START</a></li>";
   	code += "<li><a id=\"link1\" href=\"javascript:void(0)\" onclick=\"changeImage(1)\">JUNE</a></li>";
    code += "<li><a id=\"link2\" href=\"javascript:void(0)\" onclick=\"changeImage(2)\">JULY</a></li>";
    code += "<li><a id=\"link3\" href=\"javascript:void(0)\" onclick=\"changeImage(3)\">AUG</a></li>";
    code += "<li><a id=\"link4\" href=\"javascript:void(0)\" onclick=\"changeImage(4)\">SEPT</a></li>";
    code += "<li><a id=\"link5\" href=\"javascript:void(0)\" onclick=\"changeImage(5)\">OCT</a></li>";
    code += "<li><a id=\"link6\" href=\"javascript:void(0)\" onclick=\"changeImage(6)\">NOV</a></li>";
    code += "<li><a id=\"link7\" href=\"javascript:void(0)\" onclick=\"changeImage(7)\">DEC</a></li>";
    code += "<li><a id=\"link8\" href=\"javascript:void(0)\" onclick=\"changeImage(8)\">JAN</a></li>";
    code += "<li><a id=\"link9\" href=\"javascript:void(0)\" onclick=\"changeImage(9)\">FEB</a></li>";
    code += "<li><a id=\"link10\" href=\"javascript:void(0)\" onclick=\"changeImage(10)\">MAR</a></li>";
    code += "<li><a id=\"link11\" href=\"javascript:void(0)\" onclick=\"changeImage(11)\">APR</a></li>";
    code += "<li><a id=\"link12\" href=\"javascript:void(0)\" onclick=\"changeImage(12)\">MAY</a></li>";
    code += "<li><a id=\"link13\" href=\"javascript:void(0)\" onclick=\"changeImage(13)\">END</a></li>";
    
    code += "</ul>";
	
	code += "<div id=\"slider\">";
    code += "<div id=\"sliderBlock\"></div>";
    code += "</div>";
    
    code += "</div>";
	
	code += "<div id=\"footer\">";
    code += "<a href=\"callto:+441132473789\"><img src=\"images/footer/tel.png\" width=\"200\" height=\"21\"/></a>";
    code += "<a href=\"mailto:hello@beautiful-minds.co.uk?subject=enquiry from beautiful-minds.co.uk\" class=\"email\" onmouseover=\"doOverEmail();\" onmouseout=\"doOutEmail();\" ><img src=\"images/footer/emaillink.png\" width=\"264\" height=\"21\" name=\"elink\"/></a>";
    code += "<a href=\"http://g.co/maps/v8yu\" target=\"_blank\" onmouseover=\"doOverAddress();\" onmouseout=\"doOutAddress();\"><img src=\"images/footer/address.png\" width=\"480\" height=\"21\" name=\"alink\"/></a>";
   	code += " </div>";
  
   
   	elem.innerHTML = code;
	
	if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) != null) 
	{
    	var a = document.getElementsByTagName ("a");
    	for (var i = 0; i < a.length; i++) 
		{
      		if (a[i].getAttribute ('href').search (/callto:/i) === 0) 
			{
        		a[i].setAttribute ('href', a[i].getAttribute ('href').replace (/^callto:/, "tel:"));
      		}
    	}
  	}
	
	$(function()
	{
		//$('.email').mailto();
	});
	
	//initSlidesImages();

}
function doOutAddress()
{
	if (document.images) 
	{
		document["alink"].src = "images/footer/address.png";
	}
}

function doOverAddress()
{
	if (document.images) 
	{
		document["alink"].src = "images/footer/addressover.png";
	}
}

function doOutEmail()
{
	if (document.images) 
	{
		document["elink"].src = "images/footer/emaillink.png";
	}
}

function doOverEmail()
{
	if (document.images) 
	{
		document["elink"].src = "images/footer/emaillinkover.png";
	}
}

var ss1 = "";

var currentSlide = 0;

function changeImage(whichImage)
{
	if (whichImage!=currentSlide)
	{
		//console.log("change image to :"+images[whichImage]);
		var elem = document.getElementById("ss1");
	
		var code = "<img src=\""+images[currentSlide]+"\" width=\"962\" height=\"658\"  alt=\""+alts[currentSlide]+"\" title=\""+alts[currentSlide]+"\" />";
		code += "<img src=\""+images[whichImage]+"\" width=\"962\" height=\"658\"  alt=\""+alts[whichImage]+"\" title=\""+alts[whichImage]+"\" />";
		elem.innerHTML = code;
	
		setLinkColour(currentSlide, whichImage);
	
		 $('#sliderBlock').animate({
    	left: (whichImage*70) }, 600, function() {
    	// Animation complete.
  });
	
	initSlidesImages();
	currentSlide=whichImage;
	}
	return false;
}

function setLinkColour(currentSlide, whichImage)
{
	var oldLinkClass = document.getElementById("link"+currentSlide);
	oldLinkClass.className = "";
	var newLink = document.getElementById("link"+whichImage);
	newLink.className = "highlightLink";
}

function initSlidesImages ( )
{  

		//console.log("initSlidesImages");	
		ss1 = $('#ss1').cycle({  timeout:6500, speed:  2000  }); 	
		ss1.opts = ss1.cycle.opts();
		ss1.els = ss1.cycle.els(); 

		cycleImages();
		//setTimeout('cycleImages()', 6500);
	
}; 

function cycleImages ( )
{
	//console.log("cycleImages");
	ss1.cycle.mygo(ss1.els, ss1.opts);

	//setTimeout('cycleImages()', 6500);
};