$(document).ready(function(){

//window.setInterval(fadeText, 7 * 1000);

$title = $('#title');
$title.css('width', $(window).width() - 600);

$(window).bind("resize", function(){
    $title.css('width', $(window).width() - 600);

    if ($(window).width() > 1100) {
	$('body').removeClass('tablet');
    } else {
	$('body').addClass('tablet');
    }
});


if ('ontouchstart' in document) {
    $('body').removeClass('no-touch');
}

if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
    
    $('body').removeClass('no-touch');

    var viewportmeta = document.querySelector('meta[name="viewport"]');
    if (viewportmeta) {
        viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0';
        document.body.addEventListener('gesturestart', function () {
            viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6';
        }, false);
    }
}


var presentMode = false;
$fadable = $('.fadable');
$fadable_present = $('.fadable:not("#presentationTrigger"), .fadablePresent');
$presentationTrigger = $('#presentationTrigger');


if ($(window).width() > 1100) {
    // click on image for next one
    $('#items li').click(
	function() {
	    $next=$(this).next();
	    $.scrollTo($next, 800);
	}
    );

    $('body').removeClass('tablet');
} else {
    $('body').addClass('tablet');
}

if ($(window).width() > 480) {
    // show related submenu
    $('li.selected').parents('ul.submenu').show();



//var faded = false;
//function fadeText() {
////    $fadable.fadeOut(3000, function() {faded = true;});
//    $fadable.stop().animate({opacity: 0}, 5000);
//    faded = true;
//}
//var fadeTimeout = window.setTimeout(fadeText, 7 * 1000);
//
//$().mousemove(
//    function() {
//	clearTimeout(fadeTimeout);
//	fadeTimeout = window.setTimeout(fadeText, 7 * 1000);
//
//	if (faded == true) {
//	    faded = false;
////	    $fadable.stop().fadeIn(300);
//	    $fadable.stop().animate({opacity: 1.0}, 300);
//	}
//    }
//);
//
//$().scroll(
//    function() {
//	clearTimeout(fadeTimeout);
//	fadeTimeout = window.setTimeout(fadeText, 7 * 1000);
//
//	if (faded == true) {
//	    faded = false;
////	    $fadable.stop().fadeIn(300);
//	    $fadable.stop().animate({opacity: 1.0}, 300);
//	}
//    }
//);

}

// menu trigger
$('.menuTrigger').click(
    function() {
	$(this).siblings('ul.submenu').show();

	// close other submenus
	$(this).parent('li').siblings('li').find('ul.submenu').hide();
    }
);



$presentationTrigger.click(
    function() {

//	alert( itemsCount );

        presentMode = !presentMode;
	if (presentMode == true) {
	    $fadable_present.stop().animate({opacity: 0}, 300);
	    var i = actualItem();
	    if (i < 0) {
		i = 0;
		$.scrollTo( $('.item').eq(i) , 800);
	    }
	    var title = $(this).attr('data-hide-str');
	    $(this).text(title);

//
//	    clearTimeout(fadeTimeout);
	} else {
	    $fadable_present.stop().animate({opacity: 1}, 300);

	    var title = $(this).attr('data-show-str');
	    $(this).text(title);

//	    fadeTimeout = window.setTimeout(fadeText, 6 * 1000);
	}
    }
);


var itemsCount = verticals.length;
var $allItems = $('.item');


function actualItem() {
    scroll = $(window).scrollTop();
    pos = -1;
    for (var i = -1; i < verticals.length; i++) {
	if (scroll + 42> verticals[i]) {
	    pos = i;
	}
    }
    return pos;
}


$(document).keyup(function(e) {
    if (presentMode == true) {
	// next
	if (e.keyCode == 39 || e.keyCode == 40) {
	    var actualItemI = actualItem();
	    var $actual = $allItems.eq( actualItemI );
	    var i;
//	    alert('actual: ' + actualItemI);
	    i = (actualItemI + 1) % itemsCount;
	    $.scrollTo( $allItems.eq(i) , 800);
	}

	// prev
	if (e.keyCode == 38 || e.keyCode == 37) {
	    var i = actualItem() - 1;
	    if (i < 0) i = itemsCount - 1;
	    $.scrollTo( $('.item').eq(i) , 800);
	}

	// esc
	if (e.keyCode == 27) {
	    presentMode = false;
	    $fadable_present.stop().animate({opacity: 1.0}, 300);
	    var title = $presentationTrigger.attr('data-show-str');
	    $presentationTrigger.text(title);
	}
    }

});

});