//////////////////////////////////////////////////////////////////////////////////////////////////
function $(id){return document.getElementById(id)};
//////////////////////////////////////////////////////////////////////////////////////////////////
var collapseAn;
var restoreAn;
var anDuration=500;
var banner;
var savedOffset;
var collapseAn;
var restoreAn;
var bannerAn;
var request=null;
var honda=new Object();
var yamaha=new Object();
var suzuki=new Object();
var recieveReq;
var imgCatalog;
ie=false;
safari=false;

var markArray=new Array("honda","yamaha","suzuki")
var markIndex=0;
///////////////////////////////////////////////////////////////////////////////////////////
function getXmlHttpRequestObject() 
{
		if (window.XMLHttpRequest) 
		{
			return new XMLHttpRequest();
			
		} 
		else 
			if(window.ActiveXObject) 
			{
				return new ActiveXObject("Microsoft.XMLHTTP");
			} 
			else
			{
				alert("Upgrade your browser")
			}
};


function showLetter(word,mark)
{
	$(mark+"_link").firstChild.nodeValue+=word.charAt($(mark+"_link").firstChild.nodeValue.length)
	if ($(mark+"_link").firstChild.nodeValue.length==word.length)
	{clearInterval(letterID)}
};

function processInfo()
{
		if (recieveReq.readyState == 4) 
		{
			response = eval("(" + recieveReq.responseText + ")");
			imgCatalog=response.imgCatalog;
			
			
			honda=response.honda;
			honda.realLen=honda.length;
			honda.activeIndex=-1;
			honda.counter=-1;
			yamaha=response.yamaha;
			yamaha.realLen=yamaha.length;
			yamaha.activeIndex=-1;
			yamaha.counter=-1;
			suzuki=response.suzuki;
			suzuki.realLen=suzuki.length;
			suzuki.activeIndex=-1;
			suzuki.counter=-1;
			$("honda_preload").firstChild.src=imgCatalog+"honda/"+honda[(honda.activeIndex+1)%honda.length].photo;
			$("suzuki_preload").firstChild.src=imgCatalog+"suzuki/"+suzuki[(suzuki.activeIndex+1)%suzuki.length].photo;
			$("yamaha_preload").firstChild.src=imgCatalog+"yamaha/"+yamaha[(yamaha.activeIndex+1)%yamaha.length].photo;
			
			mainID=setInterval(changePreview,5000);
		};
};




var markHandler;
var letterID;
function changePreview()
{
	mark=markArray[markIndex];
	var preloadCont;
	var visibleCont;
	var mark_array=eval(mark);
	markHandler=mark_array;
	
	mark_array.activeIndex++;
	mark_array.counter++;
	mark_array.activeIndex%=mark_array.length;
	
	$(mark+"_link").firstChild.nodeValue=mark_array[mark_array.activeIndex].name;
	$(mark+"_link").href=mark_array[mark_array.activeIndex].link;
	$(mark+"_price").firstChild.nodeValue=mark_array[mark_array.activeIndex].price;
	
	//preloadNext

	if((mark_array.counter+1)%2==0)
	{
		preloadCont=$(mark+"_preload");
		visibleCont=$(mark+"_image");
	}
	else
	{
		preloadCont=$(mark+"_image");
		visibleCont=$(mark+"_preload");
	}
	
	preloadCont.style.zIndex=2;
	visibleCont.style.zIndex=3;
	preloadCont.style.zIndex=1;
        
	//preloadCont.style.zIndex=1;
	//visibleCont.style.zIndex=2;

	interval=1000/mark_array[mark_array.activeIndex].name.length;
	
	Name=mark_array[mark_array.activeIndex].name;
	Mark=mark;
	$(mark+"_link").firstChild.nodeValue=Name.charAt(0);
	letterID=setInterval("showLetter(Name,Mark)",interval);
	visibleCont.style.opacity=0;
	var previewAnimator=new Animator({duration: 1000}).addSubject(new NumericalStyleSubject(visibleCont, 'opacity', 0,1));
	previewAnimator.play();
	visibleCont.style.display="block"

	var CP=setTimeout(function(){preloadCont.style.display="none";preloadCont.firstChild.src=imgCatalog+mark+"/"+mark_array[(mark_array.activeIndex+1)%mark_array.length].photo;},500)
	markIndex=(markIndex+1)%markArray.length;
};
//////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function toTopSet()
{
		if(doc.scrollTop==0)
		{
			$("totop").style.display = 'none';
		}
		else
		{
			$("totop").style.display = 'block';
		}
};
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function init()
{
		
	
		if(safari){doc=document.body;}
		$("mininav").style.top=0;
		$("banner").style.top="290px";
		
		navAnimator=new Animator();
		collapseAn=new Animator();
		restoreAn=new Animator();
		banAnimator=new Animator();
		toTopSet();
	
		$("honda_preload").style.display="none";
		$("suzuki_preload").style.display="none";
		$("yamaha_preload").style.display="none";
		
	
		
		function detectPause()
		{
				if($("banner"))
				{
			
					curBan=$('banner').style.top;
					nextBan=290+doc.scrollTop;
					banAnimator.clearSubjects();
					banAnimator=new Animator({transition:Animator.makeElastic(2), duration: 2000}).addSubject(new NumericalStyleSubject($('banner'), 'top',curBan ,nextBan));
					banAnimator.play();
				}
				if(ie)
				{
					current=$("mininav").style.top;
					next=doc.scrollTop+"px";
					navAnimator.clearSubjects();
					navAnimator=new Animator({transition:Animator.makeElastic(2), duration: 2000}).addSubject(new NumericalStyleSubject($('mininav'), 'top', current, next));
					navAnimator.play();
					
				};
				clearInterval(pauseID);
		};
		
		pauseID=0;
		window.onscroll=function()
		{
			toTopSet();
			if(pauseID!=0){clearInterval(pauseID)};
			pauseID=setInterval(detectPause,500);
		};
		
		recieveReq=getXmlHttpRequestObject();
		recieveReq.onreadystatechange = processInfo; 
		recieveReq.open("GET", 'data/mopeds.json', true);
		recieveReq.send(null);	

};

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
switch(navigator.appName)
{
	case "Microsoft Internet Explorer":
		doc=document.documentElement;
		window.attachEvent("onload",init);
		ie=true;
		break    
	case "Netscape":
		if(navigator.vendor=="Apple Computer, Inc.") //SAFARI
		{
			window.onload=init;
			safari=true;
		}
		else                                                       //FIREFOX
		{
			
			doc=document.documentElement;
			document.addEventListener("DOMContentLoaded", init, false);
		};
		break
	default:
		doc=document.documentElement;
		window.onload = init;	
};