/*-----------------------
main.js
francis@artemisbranding.com
-----------------------*/

$(document).ready(function() {
	$('#curtain').fadeOut(1000);
	// Preload images
	var aImages = new Array();
	var aPreloadBg = new Array();
	var aPreloadL = new Array();
	var aPreloadS = new Array();
	var aPreloadT = new Array();
	
	var aLimit = new Array();
	var aDirection = new Array();
	
	var sModule;
	var nInfoCount = 0;
	var nLoadedCount = 0;
	
	// Get main images
	var aImages = new Array("main1", "main2", "main3", "studio", "services", "products", "whatsnew", "wecare", "contact");
	$.each(aImages, function(i, val) {
		aPreloadBg[i] = new Image();
		aPreloadBg[i].src = '/images/backgrounds/' + val + '.jpg';
	});
	// Get JSON - preload gallery images
	$.getJSON("/javascript/json/gallery.json", function(data){
		aImages = data;
		$.each(aImages, function(i, val) {
			aPreloadL[i] = new Image();
			aPreloadL[i].src = '/images/gallery/large/' + val +'.jpg';
			aPreloadS[i] = new Image();
			aPreloadS[i].src = '/images/gallery/small/' + val +'.jpg';
			aPreloadT[i] = new Image();
			aPreloadT[i].src = '/images/gallery/thumbs/' + val +'.jpg';
		});
	});
	// Parse CSS
	$.preloadCssImages();
	// JScroll
	$('.scroll').jScrollPane({arrowSize:8, showArrows:true, scrollbarWidth:6, scrollbarMargin:15});
	// Tag selected menu item
	if ($.url.segment(0) == undefined) {
		sModule = 'main';
	} else {
		sModule = $.url.segment(0);
	}
	$('#menu #item-' + sModule + '').parent().addClass("selected");
	// Menu mouseover/mouseout
	$('#menu li')
		.css( {backgroundPosition: '0px 130px'} )
		.mouseover (
			function(){
				if(!$(this).is(".selected")) {
					$(this).stop().animate({backgroundPosition: '(0px 380px)'}, {duration:200});
					$('#menu #item-' + sModule + '').parent().css( {backgroundPosition: '0px 130px'} );
				}
			}	
		)
		.mouseout (
			function(){
				if(!$(this).is(".selected")) {
					$(this).stop().animate({backgroundPosition: '(0px 130px)'}, {duration:200});
					$('#menu #item-' + sModule + '').parent().css( {backgroundPosition: '0px 380px'} );
				}
			}
		);
	// Swap background images
	function generateRandom() {
		var nRand = Math.random();
		nRand = Math.floor(nRand * 3) + 1;
		return nRand;
	}
	if (sModule == 'main') {
		$('#container').css('background-image' , 'url(/images/backgrounds/main' + generateRandom() + '.jpg)');
	} else {
		$('#container').css('background-image' , 'url(/images/backgrounds/' + sModule + '.jpg)');
	}
	// Highlight selected
	$('#menu #item-' + sModule + '').parent().css( {backgroundPosition: '0px 380px'} );
	// Accordion silde duration
	$.extend($.ui.accordion.animations, {
		customspeed: function(options) {
			$.ui.accordion.animations.slide(options, { duration: 400 }); 
		}
	});
	
	// Accordion One
	$('#accordion-one').accordion({ 'animated' : 'customspeed', fillSpace: true});
	$('.selected').css('border-bottom', 'none');
	$('#accordion-one h4').removeClass('selected');
	// One - on click
	$('#accordion-one h4').click(function() {
		$('#accordion-two').accordion( 'activate' , false );
		$(this).css('border-bottom', 'none');
		$(this).addClass('selected');
	});
	// One - on change
	$('#accordion-one').bind('accordionchange', function(event, ui) {
		$('#accordion-one h4').css('border-bottom', '1px solid #605f5f');
		$('.selected').css('border-bottom', 'none');
		$('#accordion-one h4').removeClass('selected');
	});
	// Accordion Two
	$('#accordion-two').accordion({ 'animated' : 'customspeed', 'active' : 'false', fillSpace: true });
	// Two - on click
	$('#accordion-two h4').click(function() {
		$('#accordion-one').accordion( 'activate' , false );
		$(this).css('border-bottom', 'none');
		$(this).addClass('selected');
	});
	// Two - on change
	$('#accordion-two').bind('accordionchange', function(event, ui) {
		$('#accordion-two h4').css('border-bottom', '1px solid #605f5f');
		$('.selected').css('border-bottom', 'none');
		$('#accordion-two h4').removeClass('selected');
	});
	// What's new roll
	var nTop = 0;
	$('.up').click(function() {
		if (nTop != 0) {
			if (!$(':animated').length) {
				nTop += 240;
				$('.info').animate({ top: '' + nTop + '' }, 500, "swing");
			}
		}
	});
	var nNumRows = $('#num-rows').val();
	$('.down').click(function() {
		if (nTop != (nNumRows-1) * -240) {
			if (!$(':animated').length) {
				nTop -= 240;
				$('.info').animate({ top: '' + nTop + '' }, 500, "swing");
			}
		}
	});
});