//****************************************************************
//Author: 
//Wasabi Digtial 2011
//****************************************************************
$(document).ready(function() {
	
	
	//HIDE EXTENDED MENU
	$('.accordNav li ul').hide();
	//SHOW CONTENT WHEN LOADED AND HIDE LOADER
	$(".outerWrap").show();
	$('.loaderSpin').fadeTo(100,0.0);
	//$(".outerWrap").fadeTo("slow", 1.0, function(){ $('.loaderSpin').fadeTo(100,0.0); });
	//INITIALISE VERT SLIDER
	vertSlide();
	slideFade();
	//INITIALIZE HOME SHOWCASE
	homeShowcase();
});
//****************************************************************
//ALIGN CONTENT VERTICALLY
//****************************************************************
$.fn.vAlign = function() {
	return this.each(function(i){
	var ah = $(this).height();
	var ph = $(this).parent().height();
	var mh = (ph - ah) / 3;
	$(this).css('margin-top', mh);
	});
};
//****************************************************************
//ACCORDIAN NAVIGATION
//****************************************************************
/*$('.accordClk').click(function(event){
	event.preventDefault();	
	event.stopImmediatePropagation();
	$('.accordNav li ul').slideUp(600,'easeOutQuad', function() { });
	$('.accordNav li a').removeClass('activeNav');
		
	if ( $(this).next('.levelTwo').is(':visible')) { 
			return;
		 } else {
			$(this).addClass('activeNav').next().slideDown(600,'easeOutQuad', function() { });
		}
	return false;
});*/
//****************************************************************
//VERTICAL ITEM SLIDER
//****************************************************************
function vertSlide(){ 
	//UP ARROW CLICK
	$('#upPort').click(function(event){
		event.preventDefault();	
		$('.loader').fadeOut(200, 0.0);
		$('ul.sliderList').animate({top:'-470px'},{duration: 800, easing: "easeOutQuad", complete: function() { 
			$('ul.sliderList li:last').after($('ul.sliderList li:first')); 
            $('ul.sliderList').css({'top' : '0px'});
			$('.loader').fadeIn(200, 0.0);
			} 
		});
    }); 
	//DOWN ARROW CLICK
    $('.downArrow').click(function(event){   
		event.preventDefault();	
        $('.loader').fadeOut(200, 0.0);
		$('ul.sliderList li:first').before($('ul.sliderList li:last'));
		$('ul.sliderList').css({'top' : '-470px'});
		$('ul.sliderList').animate({top:'0px'},{duration: 800, easing: "easeOutQuad", complete: function() { 
			$('.loader').fadeIn(200, 0.0);
			} 
		});
    });
}
//****************************************************************
//HORIZONTAL FADE
//****************************************************************
function slideFade(){ 
	var slidesWrap = $('.horizSlideWrapOuter');
	//HIDE ALL SLIDES AND SHOW FIRST
	$('.horizSlideWrap').fadeOut(0, function() { });
	slidesWrap.each(function(){
    	$(this).children('.horizSlideWrap').eq(0).fadeTo(0, 1.0);
	});
	//ICON CLICK
    $('.box').click(function(event){   
        event.preventDefault();	
		//FIND WHICH SET ICON BELONGS TO
		var iconSet = $(this).parent('.loader').attr('id');
		//FIND ORDER OF ICON
		var iconIndex = $(this).index();
		var iconTarget = $(".horizSlideWrapOuter").filter("#"+iconSet+'-slides');
		//HIDE SLIDES
		iconTarget.children('.horizSlideWrap').fadeTo(200, 0.0);
		iconTarget.children('.horizSlideWrap').eq(iconIndex-1).fadeTo(200, 1.0);
    });
	
}
//****************************************************************
//HOME SHOWCASE
//****************************************************************
function homeShowcase(){
	var id = 'listItemOne'; 
	var listIndex = 0;
	//HID ALL SLIDES
	$('.articleWrap article').fadeOut(0, function() { });
	//SHOW FIRST SLIDE
	$('.articleWrap article').eq(listIndex).fadeTo(0, 1.0);
	//UP ICON CLICK
    $('#homeShowUp').click(function(event){   
        event.preventDefault();	
		//FADE OUT SLIDES
		$('.articleWrap article').fadeOut(0, function() { });
		//FADE IN CORRECT SLIDE	
		$('ul.listSelect li').filter(":first").next().click();
    });
	
	
	//DOWN ICON CLICK
    $('#homeShowDown').click(function(event){   
        event.preventDefault();	
		//FADE OUT SLIDES
		$('.articleWrap article').fadeOut(0, function() { });
		//FADE IN CORRECT SLIDE	
		 $('ul.listSelect li').filter(":last").click();
    });
	
	
	//LIST CLICK
    $('ul.listSelect li').click(function(event){   
       
		event.preventDefault();	
		//FADE OUT SLIDES
		$('.articleWrap article').fadeOut(0, function() { });
		//CLICK ANCHOR
		var clicked = $(this);
		
		//FIND ID OF CLICK ELEMENT
		var id = clicked.attr("id");
		//alert('id= ' + id);
		//FADE IN CORRECT SLIDE	
		$('.articleWrap article').filter("#"+id+'-slides').fadeTo(200, 1.0);
		
		// ALL ELEMENTS ABOVE CLICKED
		var previousAll = clicked.prevAll();
		
		//PROCEED IF NOT ON TOP
		//alert(previousAll.length);
		if(previousAll.length > 0) {
			//TOP LI
			var top = $(previousAll[previousAll.length - 1]);
			// IMMEDIATELY PREVIOUS LI
			var previous = $(previousAll[0]);
			//HOW FAR TO MOVE UP
			var moveUp = clicked.attr('offsetTop') - top.attr('offsetTop');
			//HOW FAR TO MOVE DOWN
			var moveDown = (clicked.offset().top + clicked.outerHeight()) - (previous.offset().top + previous.outerHeight());
			//MOVE STUFF UP
			clicked.css('position', 'relative');
			previousAll.css('position', 'relative');
			//clicked.animate({'top': -moveUp});
			clicked.animate({opacity: '0.0'}, {complete: function() {
			  //REARRANGE DOM
			  clicked.css({'opacity': '1.0'});
			}});
			previousAll.animate({'top': moveDown}, {complete: function() {
			  //REARRANGE DOM
			  clicked.parent().prepend(clicked);
			  clicked.css({'position': 'static', 'top': 0});
			  previousAll.css({'position': 'static', 'top': 0}); 
			}});
		}
    });
	
}