﻿	var tran_id, load_id = -1, mouseover = false;
	
	var car_arr = new Array();
	car_arr.push(['browse store', 'images/browse_store.png', 'Browse.aspx']);
	car_arr.push(['about us', 'images/about_us2.png', 'About.aspx']);
	car_arr.push(['subscriptions', 'images/subscriptions2.png', 'Subscriptions.aspx']);
	car_arr.push(['news', 'images/news2.png', 'News.aspx']);
	car_arr.push(['new arrivals', 'images/new_arrivals3.png', 'New.aspx']);
	car_arr.push(['t&cs', 'images/tc.png', 'Shipping.aspx']);
	car_arr.push(['contact us', 'images/contact_us2.png', 'Contact.aspx']);
	
	var car_f = 0;

    function switchImg() {
		var lnk = $('car_lnk');
		var img = $('car_img');
		var par = $('car');
		
		var ul = document.createElement('ul');
		ul.setAttribute('id', 'car_nav');
		par.appendChild(ul);
		
		var li_id = 'car_li_';
		
		for (var i = 0; i < car_arr.length; i++) {
			var li = document.createElement('li');
			li.setAttribute('id', li_id + i);
			li.setAttribute('idx', i);
			li.appendChild(document.createTextNode(car_arr[i][0]));
			li.onmouseover = function() {
				mouseover = true;
				var nf = k3r.number(this.getAttribute('idx'));
				
				if (car_f != nf) {
					k3r.removeClass('focus', $(li_id + car_f));
					car_f = nf;
					showNew();
				}
			}
			li.onmouseout = function() {
				mouseover = false;
			}
			li.onclick = function() {
				location.href = car_arr[this.getAttribute('idx')][2];
			}
			ul.appendChild(li);
		}
		
		k3r.addClass('focus', $(li_id + 0));
		
		function showNew() {
			if (car_f > (car_arr.length - 1))
				car_f = 0;
			
			lnk.setAttribute('href', car_arr[car_f][2]);
			lnk.setAttribute('title', car_arr[car_f][0]);
			img.setAttribute('src', car_arr[car_f][1]);
			img.setAttribute('alt', car_arr[car_f][0]);
			
			k3r.addClass('focus', $(li_id + car_f));
			
			k3r.animt.fade(img, 0, 100, 2);
		}
		
		function hideOld() {
			console.info('hide');
			if (!mouseover) {
				k3r.removeClass('focus', $(li_id + car_f++));
				k3r.animt.fade(img, 100, 0, 2, showNew);
			}
		}
		
		function checkLoad() {
			console.info('check');
			for (var i = 0; i < car_arr.length; i++) {
				console.info(car_arr[i][3].complete);
				if (!car_arr[i][3].complete) {
					if (load_id == -1) {
						load_id = setInterval(checkLoad, 1000);
					}
					return false;
				}
			}
			
			if (load_id != -1) {
				clearInterval(load_id);
			}
			k3r.addClass('hide', $('car_ldg'));
			hideOld();
			tran_id = setInterval(hideOld, 7500);
		}
		
		for (var i = 0; i < car_arr.length; i++) {
			var che = new Image();
			che.src = car_arr[i][1];
			car_arr[i].push(che);
			console.info(car_arr[i]);
		}
		
		checkLoad();
	}
	
	ondomready.push(switchImg);