// JavaScript Document

var bckGdResize = function(){			
	var bckGrnd = $('bg').getElementById('bgimg');
	var bgHeight = bckGrnd.getStyle('height').toInt();
	var bgWidth = bckGrnd.getStyle('width').toInt();
	var bckWidth = window.innerWidth;
	var bckHeight = window.innerHeight;
				
	var windowRatio = bckHeight/bckWidth;
	var imageRatio = bgHeight/bgWidth;
				
	if(windowRatio < imageRatio){
		var change = bckWidth/bgWidth;
	}
	else var change = bckHeight/bgHeight;
	//alert(change);		
	bgWidth = bgWidth * change;
	bgHeight =  bgHeight * change;
				
	bckGrnd.setStyle('width', bgWidth);
	bckGrnd.setStyle('height', bgHeight);
				
	$('bg').setStyles({'left':(-bgWidth/2)+bckWidth/2, 'top':(-bgHeight/2)+bckHeight/2});
	
			
				
};
function slideShow(container){
	
	var butNext = container.getElement('.next');
	var butPrevious = container.getElement('.prev');
	
	butNext.setStyles({
	
		left:container.getSize().x-butNext.getSize().x,
		top: container.getSize().y/2-butNext.getSize().y/2
	});
	butPrevious.setStyles({
		
		top: container.getSize().y/2-butPrevious.getSize().y/2
	});
	butNext.addEvent('click', function(){
		show();
	});
	butPrevious.addEvent('click', function(){
		showPrev();
	});
	/* settings */
	var showDuration = 4000;
	var images = container.getElements('img');
	var currentIndex = 0;
	var interval;
	/* opacity and fade */
	images.each(function(img,i){ 
		if(i > 0) {
			img.set('opacity',0);
		}
	});
		
	/* worker */
	var show = function() {
		images[currentIndex].fade('out');
		images[currentIndex = currentIndex < images.length - 1 ? currentIndex+1 : 0].fade('in');
			
			
	};
	var showPrev = function() {
		images[currentIndex].fade('out');
		images[currentIndex = currentIndex > 0 ? currentIndex-1 : images.length - 1].fade('in');
			
			
	};
	container.addEvent('mouseover',function(){
		if(images.length > 1){
			butNext.setStyle('visibility', 'visible');
			butPrevious.setStyle('visibility', 'visible');
		}	
		//images[currentIndex].fade('in');
		$clear(interval);
	});
	container.addEvent('mouseout', function(){
		butNext.setStyle('visibility', 'hidden');
		butPrevious.setStyle('visibility', 'hidden');
		
		interval = show.periodical(showDuration);
	});
	/* start once the page is finished loading */
	window.addEvent('load',function(){
		interval = show.periodical(showDuration);
	});
		
};

function infoShow(inspector){
	if(inspector.getElement('.expanded'))
						inspector.getElement('.expanded').setStyle('display', 'block');
	$$('.item').each(function(item){				
		item.addEvent('click', function(e){ 
			e = new Event(e).stop();
						
			var std2Show = 'std'+item.get('id').substr(3,item.get('id').length);
			inspector.getElements('.store_detail').setStyle('display', 'none');
			
			inspector.getElement('#'+std2Show).setStyle('display', 'block');
		});			
	});				
};

function lightBox(){
	
	
	var container = $('lightbox');
	var links = new Array();
	container.getElement('#lightbox-back').set('opacity', 0);
	var i = 0;
	$$('.lightB').each(function(link){
			links.push(link);
			link.store('id', i);
			link.addEvent('click', function(e){
					if(e)
						e.stop();
					toggleLightBox(container);
					if(container.getElement('img'))
						container.getElement('img').destroy();
					var newImgLarge = new Asset.image(link.get('href'), {id: 'imgLarge', onload:function(){affchImgLarge(newImgLarge, container, link, links);}});
				
			});
		i++;
	});
	var bckg = container.getElement('#lightbox-back');
	bckg.addEvent('click', function(){
		bckg.set('opacity', 0);
		container.setStyle('display', 'none');
		
	});

		
};
	
	
function toggleLightBox(container){
		container.getElement('#lightPrev').setStyle('visibility', 'hidden');
		container.getElement('#lightNext').setStyle('visibility', 'hidden');
		container.setStyle('display', 'block');
		container.getElement('#lightbox-back').set('opacity',0.7);
		
};

function affchImgLarge(newImgLarge, container, link, links){
		var id = link.retrieve('id');
		
		if(container.getElement('img'))
						container.getElement('img').destroy();
			
		var lightPrev = container.getElement('#lightPrev');
		var lightNext = container.getElement('#lightNext');
		
		lightPrev.removeEvents();
		lightNext.removeEvents();
		
		newImgLarge.set('opacity',0);
		newImgLarge.inject(container);
		var fact = 1;
		var largeur = newImgLarge.getSize().x;
		var hauteur = newImgLarge.getSize().y;
		if(newImgLarge.getSize().x > container.getSize().x){
			largeur = container.getSize().x;
			fact = container.getSize().x/newImgLarge.getSize().x;
			hauteur = newImgLarge.getSize().y*fact;
		}
		if(newImgLarge.getSize().y > container.getSize().y){
			hauteur = container.getSize().y;
			fact = container.getSize().y/newImgLarge.getSize().y;
			largeur = newImgLarge.getSize().x*fact;
		}
	
		if(id > 0){
			lightPrev.addEvent('click', function(e){

				links[id-1].fireEvent('click');
			});
			lightPrev.setStyles({
				visibility:'visible',
				left:((container.getSize().x-largeur)/2)-lightPrev.getSize().x-10,
				top: container.getSize().y/2-lightPrev.getSize().y/2
			});
		}
		
		if(id < links.length-1){
			lightNext.addEvent('click', function(e){
			
				links[id+1].fireEvent('click');
			});
			lightNext.setStyles({
				visibility:'visible',
				left:(container.getSize().x/2+largeur/2)+10,
				top: container.getSize().y/2-lightNext.getSize().y/2
			});
		}
			
		newImgLarge.setStyles({

			position: 'absolute',
			width:largeur,
			height:hauteur,
			left: (container.getSize().x-largeur)/2,
			top: (container.getSize().y-hauteur)/2
							  
	});
		
	newImgLarge.fade(1);
}

function checkForm(){
	var formC = $('formContact');
	formC.addEvent('submit', function(e){
			e.stop();

			validate = true;
			formC.getElements('input[name!=sub]').each(function(input){
				
				if(input.get('value') == ''){
					input.setStyle('border', '#FF0000 1px solid');
					validate = false;
				}
				else
					input.setStyle('border', '#000 1px solid');
			});
			if(formC.getElement('#email').get('value')!=formC.getElement('#retype').get('value')){
				formC.getElement('#email').setStyle('border', '#FF0000 1px solid');
				formC.getElement('#retype').setStyle('border', '#FF0000 1px solid');
				validate = false;
			}
			
	
			if(validate)
				$('formContact').submit();
	});
}