// JavaScript Document



function preloadImages(){
	
	
	 // counter     
	 var i = 0;
     // create object     
	 img = new Image();
     // set image list     
	 images = new Array();
	 	images[0]="images/Books.gif"
		images[1]="images/BusinessCards.gif"
		images[2]="images/Direct-Mail.gif"
		images[3]="images/Photography.gif"
		images[4]="images/Websites.giff"
		images[5]="images/Brochures.gif"
	 	images[6]="images/menu_button_aboutus.gif"
		images[7]="images/menu_button_contact.gif"
		images[8]="images/menu_button_references.gif"
		images[9]="images/menu_button_services.gif"
		images[10]="images/menu_button_webdesign.gif"
	 	images[11]="images/Hd_about_us.jpg" 
		images[12]="images/Hd_contact.jpg"
		images[13]="images/Hd_references.jpg"
		images[14]="images/Hd_services.jpg"
		images[15]="images/Hd_webdesign.jpg"
		images[16]="images/Logo_small.jpg"
		
     // start preloading     
	 for(i=0; i<=16; i++){
		 img[i] = new Image();
		 img[i].src=images[i];     }
	
}

function switchRef(nextprev)
{	
	var opt = nextprev;
	var i = 0;
	var	ref = new Array();
			ref[0]="ref1";
			ref[1]="ref2";
			ref[2]="ref3";
			ref[3]="ref4";
			ref[4]="ref5";
			ref[5]="ref6";
			
	for(i=0; i<=5; i++){
		var styl = $(ref[i]).getStyle('display');
		
		
			if(styl == 'block')
			{
				if(opt == 'prev')
					{
						var a= [i];
						if(a == 0){var a = '5';};
					}
				else
					{
						var a= parseInt([i]) + parseInt(2);
						if(a > ref.length){var a = '1'};	
					};
						
						
				var b = 'ref';
				var c = b + a;
				//alert(c);
				$(ref[i]).hide();
				$(c).setStyle({display:'block'});
				return;
				//[i]=5;				
			};
		};
		
}
function menuControl(id)
{
	var caroseldisplay = $('carosel').style.display ;
	if(caroseldisplay == 'none')
	{
		Effect.Parallel(
		[
		Effect.BlindDown('carosel'),
		Effect.BlindDown('imageWindow'),
		menuChange(id),
		$('contentWindow').style.height="260px"
		],
		{duration: 1}
		);
	}
	else
	{
		menuChange(id);
	}
}


function menuChange(id){
	var menu = id;
	var url = '/' + id + '.html';
new Ajax.Request(url, 
{ method: 'get', onSuccess: function (transport) { 
  var data = transport.responseText; 
  new Effect.Fade('winContent', { afterFinish: 
				  function () {
						  $('winContent').update(data); 
							new Effect.Appear('winContent'); 
								 } 
   }); 
}
}); 	
}



function menutest(obj)
{
	new Effect.Parallel
	(
		[ new Effect.BlindUp('carosel'), 
		  new Effect.Fade('carosel'),
		  new Effect.BlindUp('imageWindow')
],
		{
			duration: .5, 
			afterFinish:function()
				{
					var url = '/websites.html';
					new Ajax.Request(url, 
									 {method:'get', 
									 onSuccess: function(transport)
									 				{
														var data=transport.responseText;
														new Effect.Fade('winContent',{afterFinish:
																	function()
																	{
																		$('contentWindow').style.height="575px";
																		$('winContent').update(data);
																		new Effect.Appear('winContent');
																	}
																	}
																	);
																		
													}
										//onFailure: function(){alert('aa')}
										
									 }
									 );//end ajax request
				}
		}
	);

	



	//Effect.BlindUp('carosel');
}

//function menu(id){
//	var menu = id;
//	var url = '/' + id + '.html';
// 	Effect.Fade('winContent',{ duration: .5 });
// 	ajaxAppear.delay(.8,'winContent', url);
//}
//
//
//
//function ajaxAppear(obj, url)
//{
//	var a = new Ajax.Updater({success: obj},url,{method: 'get'});
//	Effect.Appear(obj,{ duration: 1 });
//}



function showpic(obj)
{
	var a = obj;
	//document.getElementById("imageWindow").style.display="none";
Effect.BlindUp('imageWindow',{duration:.5});
Effect.Appear(obj,{duration:.5});
}



function showcaresel(obj)
{
Effect.Fade(obj,{duration:.5});
Effect.Appear('imageWindow',{duration:.5});
var speed = 0.3;
	
}