// JavaScript Document
function init() {
	if($('maintext') != null) {
		var mySlide = new Fx.Slide('maintext',{duration: 3000});
		mySlide.hide();
		mySlide.slideIn();
		
		if($('vmarquee').getSize().y <= $('content').getSize().y) {
			$("scrollup").style.visibility = "hidden";
			$("scrolldown").style.visibility = "hidden";
		}
		
		var scroll = new Fx.Scroll('content', {
			wait: false,
			duration: 3000,
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('scrollup').addEvents({
    		'mouseover': function(){
        		scroll.toTop();
   			 },
    		'mouseout': function(){
      			scroll.cancel();
    		}
		});
		$('scrolldown').addEvents({
    		'mouseover': function(){
        		scroll.toBottom();
   			 },
    		'mouseout': function(){
      			scroll.cancel();
    		}
		});		
	}
	if($('textlarge') != null) {
				
		if($('vmarquee').getSize().y <= $('content').getSize().y) {
			$("scrollup").style.visibility = "hidden";
			$("scrolldown").style.visibility = "hidden";
		}
		
		var scroll = new Fx.Scroll('content', {
			wait: false,
			duration: 3000,
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('scrollup').addEvents({
    		'mouseover': function(){
        		scroll.toTop();
   			 },
    		'mouseout': function(){
      			scroll.cancel();
    		}
		});
		$('scrolldown').addEvents({
    		'mouseover': function(){
        		scroll.toBottom();
   			 },
    		'mouseout': function(){
      			scroll.cancel();
    		}
		});		
	}
	if($('textsearch') != null) {
				
		if($('vmarquee').getSize().y <= $('content').getSize().y) {
			$("scrollup").style.visibility = "hidden";
			$("scrolldown").style.visibility = "hidden";
		}
		
		var scroll = new Fx.Scroll('content', {
			wait: false,
			duration: 3000,
			transition: Fx.Transitions.Quad.easeInOut
		});
		$('scrollup').addEvents({
    		'mouseover': function(){
        		scroll.toTop();
   			 },
    		'mouseout': function(){
      			scroll.cancel();
    		}
		});
		$('scrolldown').addEvents({
    		'mouseover': function(){
        		scroll.toBottom();
   			 },
    		'mouseout': function(){
      			scroll.cancel();
    		}
		});		
	}
	if($('scroller') != null) {
		$('mainpic').set('opacity','0');		
		var fadeIn = new Fx.Morph('mainpic',{duration: 3000 });
		fadeIn.start({ opacity : 1 }); 
		
		$('thumbpic').set('opacity',0.8);
	
		
		var scroll = new Fx.Scroll('thumbpic', {
			wait: false,
			duration: 3000,
			transition: Fx.Transitions.Quad.easeInOut
		});
		var pos = ($('thumbtable').getSize().x/2) - ($('thumbpic').getSize().x/2);
		scroll.start(pos ,0);
		
		$('scrollleft').addEvents({
    		'mouseover': function(){
        		scroll.toLeft();
   			 },
    		'mouseout': function(){
      			scroll.cancel();
    		}
		});
		$('scrollright').addEvents({
    		'mouseover': function(){
        		scroll.toRight();
   			 },
    		'mouseout': function(){
      			scroll.cancel();
    		}
		});
	
		var tips = new Tips($$('.tips'));
		
	}
	if($('mainpicinfo') != null) {
		$('mainpic').addEvent('mouseenter', function() { $('mainpicdesc').style.visibility = 'visible'; });
		$('scrollholder').addEvent('mouseenter', function() { $('mainpicdesc').style.visibility = 'hidden'; });
	}
	if($('authimage')!=null) {
		getAuthImage();					
	}
	if($chk($('addBasketForm'))) {
		ajaxForm('overlaycontent','addBasketForm');
	}
	
	found = true;
	i = 0;
	while(found) {
		if($chk($('addBasketForm' + i ))) {
			ajaxForm('overlaycontent','addBasketForm' + i);
			i++;
		} else 	found = false;
	}
		
		
	
	
}

function ajaxForm(updateid,formid) {
	if($chk($(formid))) {
		$(formid).addEvent('submit', function(e){
			new Event(e).stop();
			this.set('send',{
				onComplete: function(responseHTML) {
					showPopup();
					$(updateid).set('html', responseHTML);
					ajaxForm('overlaycontent','shopCartRegister');
					ajaxForm('overlaycontent','shopCartLogin');
					ajaxForm('overlaycontent','shopCart');	
				},
				evalScripts: true
			}).send();
		});
	} else {
		//alert('Unable to set value ' + formid);	
	}
}

function logout() {
	var url = "ajaxshopcart.php?type=logout";
	$('overlaycontent').set('load', {method: 'get',evalScripts: true,
	onComplete: function() {
			showLogin();
		}
	});
	$('overlaycontent').load(url);	
}

function hidePopup() {
	document.getElementById('overlaycontent').innerHTML = "";
	document.getElementById('greyout').style.visibility = "hidden";	
}

function showPopup() {
	document.getElementById('greyout').style.visibility = "visible";		
}

function showCheckout() {
	$('checkout').innerHTML = "<a href='javascript:checkout()'><img src='images/checkout.png' /></a>";
	$('checkout').style.visibility = "visible";
}

function showLogin() {
	$('checkout').innerHTML = "<a href='javascript:login()'><img src='images/login.png' /></a>";
	$('checkout').style.visibility = "visible";
}

function setImage(id) {
	var url = "ajaximages.php?id="+id;
	$('mainpic').set('load', {method: 'get',evalScripts: true});
	$('mainpic').load(url);
	
}

function setProduct(id) {
	var url = "ajaxproducts.php?id="+id;
	$('mainpic').set('load', {method: 'get',evalScripts: true,
	onComplete: function() {
		ajaxForm('overlaycontent','addBasketForm');	
	}
	});
	$('mainpic').load(url);
	
}

function checkout() {
	var url = "ajaxshopcart.php?type=checkout";
	$('overlaycontent').set('load', {method: 'get',evalScripts: true,
	onComplete: function() {
		showPopup();
		ajaxForm('overlaycontent','shopCart');	
	}
	});
	$('overlaycontent').load(url);
}

function login() {
	var url = "ajaxshopcart.php?type=normlogin";
	$('overlaycontent').set('load', {method: 'get',evalScripts: true,
	onComplete: function() {
		showPopup();
		ajaxForm('overlaycontent','shopCartLogin');
		ajaxForm('overlaycontent','shopCartRegister');
	}
	});
	$('overlaycontent').load(url);
}

function removeProduct(prodid) {
	var url = "ajaxshopcart.php?type=removeproduct&prodid="+prodid;
	$('overlaycontent').set('load', {method: 'get',evalScripts: true,
	onComplete: function() {
		showPopup();
		ajaxForm('overlaycontent','addBasketForm');	
		ajaxForm('overlaycontent','shopCartRegister');
		ajaxForm('overlaycontent','shopCartLogin');
	}
	});
	$('overlaycontent').load(url);
}

function getAuthImage() {
	var reference = Math.floor(Math.random() * 9999999);
	$('authimage').innerHTML = "Copy text (<a href=\"javascript:getAuthImage()\">refresh</a>) <img src='http://www.afxdesign.com/getAuthImage.php?reference= " + reference + "' /><input type='hidden' name='imagereference' value='" + reference + "' /><input type='text' name='imagetext' style='width: 60px; height: 20px;' />";
}


/* DomReady Event fires when all Elements are ready, but not images. */
window.addEvent('domready', function() {
	init();	
});
 
/* Load Event fires when the whole page is loaded, included all images */
window.addEvent('load', function() {
});