// JavaScript Document

function resetSquares() {
	var $squares = document.getElementById('SquaresContainer').getElementsByTagName('a')
	
	for (var i = 0; i < $squares.length; i++) 
   		{
			var $squareImg = $squares[i].childNodes;
			var TargetElement = $squareImg[0];
			$(TargetElement).css({opacity: 1.0});
   		};
};

function squareAnimateIn() {};

function squareAnimateIn_X() {
	var $squares = document.getElementById('SquaresContainer').getElementsByTagName('a')
	
	for (var i = 0; i < $squares.length; i++) 
   		{
			var $squareImg = $squares[i].childNodes;
			var TargetElement = $squareImg[0];
			$(TargetElement).css({opacity: 0.0});
   		};
	
	for (var i = 0; i < $squares.length; i++) 
   		{
			var $squareImg = $squares[i].childNodes;
			var TargetElement = $squareImg[0];
			var RandomDuration = (Math.floor(Math.random()*1500+500));
			$(TargetElement).animate({ opacity:1.0 }, RandomDuration);
   		};

};

function squareAnimateOut(TargetURL) {
	var $squares = document.getElementById('SquaresContainer').getElementsByTagName('a')
	var finishedAnimation = 0
	var total = $squares.length;
	total = (total-1);
	for (var i = 0; i < $squares.length; i++) 
   		{
			var $squareImg = $squares[i].childNodes;
			var TargetElement = $squareImg[0];
			var RandomDuration = (Math.floor(Math.random()*1500+100));
			//alert(i + " " + total);
			if (i<total)
				{
					$(TargetElement).animate({ opacity:0.0 }, RandomDuration);
				}
			else if (i=total)
				{
					//alert('last one');
					$(TargetElement).animate({ opacity:0.0 }, RandomDuration, function(){window.location = TargetURL;} );
				}
   		};

};

function squareRollIn(targetObj) {
	$(targetObj).animate({ opacity:0.5 }, 250);
};

function squareRollOut(targetObj) {
	$(targetObj).animate({ opacity:1.0 }, 250);
};

function formOther(myindex) {
	var $mylabel = document.getElementById('other1A');
	var $myfield = document.getElementById('other1B');
	if (myindex == 7) 
		{
		$mylabel.style.display='block';
		$myfield.style.display='block';
		}
	else
		{
		$mylabel.style.display='none';
		$myfield.style.display='none';
		}
};

function preloadHeaders() {
	if (document.images)
	    {
	      preload_image_object = new Image();
	      // set image url path
	      image_url_path = new Array();
	      image_url_path[0] = "images/home/";
		  image_url_path[1] = "images/about/";
		  image_url_path[2] = "images/contact/";
		  image_url_path[3] = "images/design/";
		  image_url_path[4] = "images/news/";
		  image_url_path[5] = "images/sample/";
		  
		  image_url_name = new Array();
	      image_url_name[1] = "HeaderSlice_01.jpg";
		  image_url_name[2] = "HeaderSlice_02.jpg";
		  image_url_name[3] = "HeaderSlice_03.jpg";
		  image_url_name[4] = "HeaderSlice_04.jpg";
		  image_url_name[5] = "HeaderSlice_05.jpg";
		  image_url_name[6] = "HeaderSlice_06.jpg";
		  image_url_name[7] = "HeaderSlice_07.jpg";
		  image_url_name[8] = "HeaderSlice_08.jpg";
		  image_url_name[9] = "HeaderSlice_09.jpg";
		  image_url_name[10] = "HeaderSlice_10.jpg";
		  image_url_name[11] = "HeaderSlice_11.jpg";
		  image_url_name[12] = "HeaderSlice_12.jpg";
		  image_url_name[13] = "HeaderSlice_13.jpg";
		  image_url_name[14] = "HeaderSlice_14.jpg";
		  image_url_name[15] = "HeaderSlice_15.jpg";
		  image_url_name[16] = "HeaderSlice_16.jpg";
		  image_url_name[17] = "HeaderSlice_17.jpg";
		  image_url_name[18] = "HeaderSlice_18.jpg";

    	   var x = 0;
    	   for(x=0; x<=3; x++) 
		   	{
				var y = 1;
    	   		for(y=1; y<=18; y++) 
					{
    	     		preload_image_object.src = (image_url_path[x]+image_url_name[y]);
					}
			}
    	}  
};