// JavaScript Document

var bg = new Image();
var bgStyle = '';
var isPlayMusic = true;



function fixedAtBottom(obj){

    var obj = $("." + obj);
    if (obj.length > 0) {
        var objBottom = parseInt(obj.css("bottom").substring(0, obj.css("bottom").indexOf("px")));
        var offset = $('#bg-holder').scrollTop();
        var objBottomOffset = $('#bg-holder').height() - $(window).height() - offset;
        //obj.animate({bottom:objBottomOffset},{duration:800,queue:false});
        obj.css({
            bottom: objBottomOffset
        });

        $(window).scroll(function() {
            objBottom = parseInt(obj.css("bottom").substring(0, obj.css("bottom").indexOf("px")));

            offset = $(document).scrollTop();
            objBottomOffset = $('#bg-holder').height() - $(window).height() - offset;
            //obj.animate({bottom:objBottomOffset},{duration:800,queue:false});
            obj.css({
                bottom: objBottomOffset
            });
        });
    }
}

function updateBottomObj(id){
	var obj = $("#"+id);
	var objBottom = parseInt(obj.css("bottom").substring(0,obj.css("bottom").indexOf("px")));
	var offset = $('#bg-holder').scrollTop();
	var objBottomOffset = $('#bg-holder').height()- $(window).height()- offset;	
	obj.animate({bottom:objBottomOffset},{duration:800,queue:false});	
}


function playMusic(){
	if(isPlayMusic){
		isPlayMusic = false;
		$.cookie('isPlayMusic','false');
		$("#audio").jPlayer('pause');
	}else{
		isPlayMusic = true;
		$.cookie('isPlayMusic','true');
		$("#audio").jPlayer('play');
	}
}

function initNavigation(){
	$("#nav").lavaLamp({ fx: "backout", speed: 200 });


		$("#nav  li ul li  a").append('<span class="shover"> </span>');
		// set opacity to nill on page load
		$("#nav  li ul li  a span").css("opacity","0");
		// on mouse over
		$("#nav  li ul li  a ").hover(function () {
			// animate opacity to full
			
			$(this).find(".shover").stop().animate({
				opacity: 1
			}, 'fast');
		},
		// on mouse out
		function () {
			// animate opacity to nill
			$(this).find(".shover").stop().animate({
				opacity: 0
			}, 'slow');
		});


	$('#social-link li, #nav li').hover(
		function(){
			$(this).addClass('hover');
		},
		
		function(){
			if(!$(this).hasClass('active')){
				$(this).removeClass('hover');
			}
		}
	);/**/
	
	
	$('#nav').superfish({
	});
}

function enableTabs(){
	$(".tab-box").tabs();
}

function initPageElements(){
	//$('#bg-selector').bgiframe();
	//$('#the-beer').pngFix();

	$('a.btn').append('<span class="btn-right"></span><span class="btn-hover"><span class="btn-hover-left"></span></span>');
	
	$('a.btn .text').wrap('<span class="btn-left" />');
	
	$('.btn-hover').css("opacity","0");
	
	$("a.btn").hover(function () {		
		$(this).find(".btn-hover").stop().animate({
			opacity: 1
		}, 'slow');
	},
	function () {
		$(this).find(".btn-hover").stop().animate({
			opacity: 0
		}, 'slow');
});

$('a').click(
        function() {
            if ($(this).hasClass('in-active')) {
               return false;
            }
        }
    );
	
}

function enalbeMusic(){
	$("#audio").jPlayer({
			ready: function () {	
				$(this).jPlayer("setMedia", {
					mp3: "media/audio/Kalimba.mp3"	
				});
			},
			swfPath: "media/swf",
			supplied: "mp3"
		});
	if(isPlayMusic){
		$("#audio").jPlayer("play");
	}
}



function enableCarousel(id, direction, auto, wrap){
	var wrapMethor;
	if(direction == null){
		d=false;
	}else{
		d=direction;
	}
	
	if(wrap == null){
		wrapMethor='circular'
	}else{
		wrapMethor='null';
	}
	
	if(auto == null || auto ==  false){
		$('#'+id).jcarousel({
			vertical:	d,
			scroll:1,
       		 wrap: wrapMethor,
			 initCallback: carousel_initCallback
		});
		return;
	}else{
		$('#'+id).jcarousel({
			vertical:	d,
			auto: auto,
			scroll:1,
       		 wrap: wrapMethor,
			 initCallback: carousel_initCallback
		});
		return;
	}

	$('#'+id).jcarousel({
		vertical:	d,
		initCallback: carousel_initCallback
	});
}

function carousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });
 
    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });
 
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
	
	$('a.to-begin').bind('click', function() {
        carousel.scroll(0);
        return false;
    });
	
	$('a.to-end').bind('click', function() {

	carousel.scroll($('#q2-thumbnail-list li').length);
        return false;
    });
};

function enbaleBackgroundSelector(){
    $('#bg-selector-carousel li').click(function() {
        var selectedItem = $(this).find('img');

        var bgFile = selectedItem.attr('src').replace('_thumbnail.jpg', '.jpg');
        bgStyle = selectedItem.attr('rel') + '.css';

        bg.src = bgFile;
        $('#sign-holder').html('<img src="images/loadingAnimation.gif" id="loading" />');

        bg.load(updateBG());
    });
}

function updateBG(){
	$("#mask").fadeIn('slow',
		function(){
			$('#loading').remove();
			$('#bg-holder').css({ background : 'url('+bg.src+')'});
			$("#mask").fadeOut('slow');
		}
	);
		$.cookie('background', bg.src, { path: '/'});
		$.cookie('bgStyle', bgStyle, { path: '/' });


		var styleFile = $('#bg-style').attr('href').split('/');
		styleFile[styleFile.length - 1] = bgStyle;
		var newStyleFile = styleFile.join('/')
		$('#bg-style').attr('href', newStyleFile);
}

function enableQuestionBehaviou(){								 
	return false;
}

function RecipeUI() {
    $('#recipe-detail').jScrollPane();
}

$(function() {

    if( $.cookie('isPlayMusic') != null){
    isPlayMusic=$.cookie('isPlayMusic');
    }else{
    $.cookie('isPlayMusic', isPlayMusic);
    }

    if ($.cookie('background') != null) {
        $('#bg-holder').css({ background: 'url(' + $.cookie('background') + ')' });
    }

    if ($.cookie('bgStyle') != null) {
        var styleFile = $('#bg-style').attr('href').split('/');
        styleFile[styleFile.length - 1] = $.cookie('bgStyle');
        var newStyleFile = styleFile.join('/')
        $('#bg-style').attr('href', newStyleFile);
    }

    fixedAtBottom('the-beer');


    initNavigation();
    enableCarousel('bg-selector-carousel', null, false, null);

    enableTabs('tab-box');


    enbaleBackgroundSelector();
   initPageElements();
    //enalbeMusic();

    enableQuestionBehaviou();

    RecipeUI();
});

function showRules(sectionName) {
    switch (sectionName) {
        case 'vb':
            $('.video-booth-left').append('<div class="overlay-holder"><iframe src="Rules.aspx" width="565" height="600" frameborder="0" scrolling="no"></iframe></div>');
            break;
        default:
            return false;
    }
    return false;
}

function closeIframePopup() {
    $('.overlay-holder').remove();
}