﻿/******************************************************************************************************
Javascripts for TampaDiamonds.com
Author: Micah Potter
Required: MooTools 1.3
******************************************************************************************************/

/****** Fading in Bullets ***********/
function bulletsFadeIn() {
    list_items = $$('#fade_in li');
    list_items2 = $$('#fade_in2 li');
	
	var timing = 0;
	list_items.each(function(li){
		new Fx.Tween(li, {
			property: 'opacity',
			link: 'chain'
		}).start(0.01,0).wait(timing).start(1);

		timing += 500;
	});

	list_items2.each(function(li){
		new Fx.Tween(li, {
			property: 'opacity',
			link: 'chain'
		}).start(0.01,0).wait(timing).start(1);

		timing += 500;
	});
	
	new Fx.Tween($('banner_call_today_overlay'), {
			duration: 1000,
			property: 'margin-left',
			link: 'chain'
		}).start(0.01,0).wait(timing+5000).start(230);
}
/******* End of Fading in bullets *********/


/****** Scroll Page ***********/
function scrollPage(el){
	var scrollMe = new Fx.Scroll(window).toElement($(el), {
		wait: false,
		duration: 500,
		transition: Fx.Transitions.Quad.easeInOut
	});
	scrollMe.start();
}

function scrollToTop(){
	var myFx = new Fx.Scroll(window);
	myFx.start(0,0);
}
/****** End of Scroll Page ***********/



/******* Navigation Animations *********/
function setNavAnimations() {
    
    var list = $$('.level1');
    
    list.each(function(element) {
        var list_height = "";
		
        var fx = new Fx.Morph(element.getElement('ul.level2'), {duration:1000, wait:false, transition: Fx.Transitions.Quad.easeOut});
         
		if(element.getElement('ul.level2').id == "p1"){
			list_height = "150px";
			if(!p1Expand){
				element.addEvent('mouseenter', function(){
					fx.start({
						'height': list_height
					});
				});
			}else{
				fx.start({
					'height': list_height
				});			
			}
		}
		
		if(element.getElement('ul.level2').id == "p2"){
			list_height = "25px";
			if(!p2Expand){
				element.addEvent('mouseenter', function(){
					fx.start({
						'height': list_height
					});
				});
			}else{
				fx.start({
					'height': list_height
				});			
			}
		}		
     
/* TONY DEOSN'T WANT IT TO COLAPSE ONCE EXPANDED!       
		$('nav-list').addEvent('mouseleave', function(){
			fx.start({
				'height': '0px'
			});	 
        }); */
 
    });
}
/******* End of Navigation Animations *********/


/** Setup Special Offer Animation **/
var offerIsActive = false;
function setSpecialOffer(){
        var fx = new Fx.Morph($('special_offer_image'), {duration:1000, wait:false, transition: Fx.Transitions.Quad.easeOut});
         
		if($('special_offer_link')){
			
/* 				OPERATE OFFER LINK BY CLICK EVENT
				$('special_offer_link').addEvent('click', function(){
					if(offerIsActive){
						offerIsActive = false;
						fx.start({
							'margin-left': "-759px"
						});
					}else{
						offerIsActive = true;
						fx.start({
							'margin-left': "-20px"
						});	
						
					}
				}); */
				
				
				$('special_offer_link').addEvent('mouseenter', function(){
					$('special_offer').style.display='';
					fx.start({
						'margin-left': "-20px"
					});
				});

				$('special_offer_link').addEvent('mouseleave', function(){
					fx.start({
						'margin-left': "-759px"
					});
					setTimeout("$('special_offer').style.display='none';",1000);
				});				
	
				$('special_offer').style.display='none';

		}
}

function highlite(id, toggle){
	li = $(id);
	if(toggle == "on"){
		li.style.backgroundColor='#bbbbff';
		li.style.border='1px #000000';
	}
	
	if(toggle == "off"){
		li.style.backgroundColor='#ebebeb';
		li.style.border='none';	
	}
}

/****** Call functions on DomReady ******/



/****** MouseOver Code for Diamond Cuts ******/
function diamondCutsPrep(){
	var cuts_images = $$('.diamond_shape_images');
	cuts_images.each(function(element) {
		element.addEvent('mouseover', function(){
			element.src = element.src.replace("_off", "_on");
		});
		
		element.addEvent('mouseout', function(){
			element.src = element.src.replace("_on", "_off");
		});
	});
}
	
/******  End Of MouseOver Code for Diamond Cuts ******/
window.addEvent('domready', function() {
	setSpecialOffer();
	setNavAnimations();
	bulletsFadeIn();
	diamondCutsPrep();
});
/****** End of Call functions on DomReady ******/
