jQuery(document).ready(function() {
	
	 $(document).ready(
		function () {
			$('.navBar, .prevPage, .nextPage, .navi, .appSelectionNav,').show();
	 });
	
	$("#closeLink").click(function () {
    	$("#fullsize").hide();
    	$('.appBgCover').animate( {opacity:0}, null, null, function() { $(this).hide(); } );

    });
       
	$(".appcell img").click(
		function () {
			$('#browsable, .appCenter .navi, .appSelectionNav, .navBar, .nextPage, .prevPage, #tip').hide();
			$('#appPage, .appHeader .navi, .appPageNav, #sideBlock').show();
			$('.nextPage, .prevPage').css( 'display', 'block' );
		return true;
    });
    
     $("a#appPageClose").click(
		function () {
			$('#appPage, #detailsBlock, #darkOverlay,  #sideBlock').hide()
			$('#browsable, .navBar, .prevPage, .nextPage, .navi, .appSelectionNav').show();
	 });
	 
	$("a#sideBlockClose").click(
		function () {
			$('#sideBlock').hide()
	});
    
    $("a#appcellLink").click( startAppScrollable );
    
    $("a#details").click(
		function () {
			$('#detailsBlock').show(200);
			$('#darkOverlay').show();
			$('.detailsNav, .appHeader .button-buy, .appHeader .navi, .appPageNav').hide();
	 });
	 
	$("a#detailsClose").click(
		function () {
			$('#detailsBlock, #darkOverlay').hide();
			$('.detailsNav, .appHeader .button-buy, .appHeader .navi, .appPageNav').show();
	 });
	 
	try{
	$("#browsable").scrollable({ 
    	size: 1,
    	keyboard: false,
    	globalNav: false,
    	items: '.items',
    	clickable: false
    })
 
    .navigator() 
    .find('a');}catch(e){}
    
    $("#browsableAppPage").scrollable({ 
    	size: 1,
    	items: '.items'
    })
        
    $('#home').click(function () {
		$('#browsable, .navBar, .prevPage, .nextPage, .appCenter .navi, .appSelectionNav').show();
		$('#appPage, #detailsBlock, #darkOverlay, #sideBlock').hide();
	return true;
    });
    
    $('#home').click( resetScrollable );
    
    $('.appcell img').tooltip({
    	tip: '#tip',
    	offset: [10, 2],
    	effect: 'slide',
    	predelay: 25,
    	lazy: false
    }).dynamic({
    	bottom: {
    		direction: 'down',
    		bounce: true
    	},
    	right: {
    		offset: [10, 0]
    	},
    	left: {
    		offset: [0, -280],
    		relative: true
    	}
    });
    
	
	//Caroussel applications
    $("#appTicker").scrollable({
    	keyboard:false,
		size: 10
	}).circular().autoscroll({autoplay: true, interval: 2000});
	
	//Tooltip sur caroussel elt
	$(".caroussel_application a img").tooltip({
		tip:"#tip2",
	    effect: 'slide',
	    predelay: 0,
	    delay:0,
	    lazy: false,
	    offset:[-3,0],
	    onShow: function(){
	    	$('#appTicker').scrollable().pause();
	    },
	    onHide: function(){
	    	$('#appTicker').scrollable().pause();
	    }
	}).dynamic({
	    bottom: {
	    direction: 'down',
	    bounce: false
	 }});
	 
});


function resetScrollable() {
	var api = $("#browsable").scrollable(); 
	api.reload().begin(); 
}

function startAppScrollable() {
	var api = $("#browsableAppPage").scrollable(); 
	api.reload().begin().prev(); 
}