//IF IPHONE SAFARI USER "tap" INSTEAD OF "click"
var userAgent = navigator.userAgent.toLowerCase();
var isiPhone = (userAgent.indexOf('iphone') != -1 || userAgent.indexOf('ipod') != -1) ? true : false;
clickEvent = isiPhone ? 'tap' : 'click';

//SCREENSIZE

$(document).ready(function() {

	jQuery('#save_settings').click(function(e){
		
		// WRITE USER SETTINGS
		var name = $("#piwigo_name").val();
		localStorage.setItem("piwigo_name", name);

		var url = $("#piwigo_url").val();
		localStorage.setItem("piwigo_url", url);
						
		var username = $("#piwigo_username").val();
		localStorage.setItem("piwigo_username", username);
						
		var password = $("#piwigo_password").val();
		localStorage.setItem("piwigo_password", password);
		
		// WRITE HIGH_RES
		var highres = $('#piwigo_highres:checked').val();
		localStorage.setItem("piwigo_highres", highres);
		e.preventDefault();
		
		// IMAGE SIZE
		var width = $("#piwigo_width").val();
		localStorage.setItem("piwigo_width", width);

		var height = $("#piwigo_height").val();
		localStorage.setItem("piwigo_height", height);
		

		var urlLogin = url + 'ws.php?format=json&method=pwg.session.login&username=' +username+ '&password=' +password;
		//alert(urlLogin);

		$.ajax({
		   type: "POST",
		   url: "http://localhost:8888/piwigo/ws.php",
		   data: "format=json&method=pwg.session.login&username=admin&password=admin",
		   success: function(msg){
		     //$("#settings .bindSuccess").hide().prepend('<ul id="success" class="success"><li>User data saved!</li></ul>');
		     $('<ul id="success" class="success"><li>User data saved!' +msg+ '</li></ul>').hide().prependTo('#settings .bindSuccess').fadeIn(200);
		     $("#settings #success").delay(2000).fadeOut("slow");
		   }
		 });
		
		
	});

	// LOAD USER SETTINGS
	var name = localStorage.getItem("piwigo_name");
	$("#piwigo_name").val(name);

	var url = localStorage.getItem("piwigo_url");
	$("#piwigo_url").val(url);

	var username = localStorage.getItem("piwigo_username");
	$("#piwigo_username").val(username);

	var password = localStorage.getItem("piwigo_password");
	$("#piwigo_password").val(password);

	// HIGH_RES - LOAD
	var highres = localStorage.getItem("piwigo_highres");

	if(highres=='on'){
		$('#piwigo_highres').attr("checked","checked");	
	}
	else{
	
	}
	
	// IMAGE SIZE
	var width = localStorage.getItem("piwigo_width");
	$("#piwigo_width").val(width);

	var height = localStorage.getItem("piwigo_height");
	$("#piwigo_height").val(height);
				

	$("a.categoriesLink").tap(function(e){
		var url = $(this).attr('url');
		$('.images').empty();
	
		$.getJSON(url,		
			function(data) {
			for (var i=0; i<data.result.images._content.length; i++) {
				var image = data.result.images._content[i];
				console.log('image loaded ' +image.file);
				$('.images').append('<li url="' +image.element_url+ '" class="rounded"><a class="imagesLink pop" file="' +image.file+ '" thumbnail="' +image.tn_url+ '" rel="' +image.high_url+ '" url="' +image.element_url+ '" href="#imageZoom"><img width="143px" src="'+image.tn_url+'"/><div class="file">'+image.file+ '</div></a></li>');
	        }

		});
	});

	$("a.imagesLink").tap(function(e){
		var url = $(this).attr('url');
		$('ul.images li').removeClass('selected');
		$(this).parent('li').addClass('selected');
		$('.imageZoom').empty();
		$('.imageZoom').append('<li class="fullscreen"><img  src="'+url+'"/></li>');
	});


	$("a.prev").tap(function(e){
		var url = $('li.selected').prev().attr('url');
		var prevLi = $('li.selected').prev();
		var title = $('li.selected .file').html();
		if (typeof url == 'undefined') {
			e.preventDefault();
		} else {
			//alert(url);
			$('.imageZoom').empty();
			$('.imageZoom').append('<li class="fullscreen"><img  src="'+url+'"/></li>');
			$('#imageZoom h1').text(title);
			console.log('Big image loaded ' +url);
			$('ul.images li:not(:first)').removeClass('selected');
			$(prevLi).addClass('selected');
		}
	});



	$("a.play").tap(function(e){
		var interval = $(this).replaceWith('<a class="pause" href="#">Pause</a>');
		var url = $('li.selected').next().attr('url');
		var nextLi = $('li.selected').next();
		if (typeof url == 'undefined') {
			e.preventDefault();
		} else {
			window.setInterval(function(play){
				$("a.next").click();
			},2000);
		}
	});

	$("a.pause").tap(function(e){
		$(this).replaceWith('<a class="play" href="#">Play</a>');
			window.clearInterval(function(play){
				$("a.next").click();
			},2000);	});
	

	$("a.next").tap(function(e){
		var url = $('li.selected').next().attr('url');
		var nextLi = $('li.selected').next();
		var title = $('li.selected .file').html();
		if (typeof url == 'undefined') {
			e.preventDefault();
		} else {
			//alert(url);
			$('.imageZoom').empty();
			$('.imageZoom').append('<li class="fullscreen"><img  src="'+url+'"/></li>');
			$('#imageZoom h1').text(title);
			console.log('Big image loaded ' +url);
			$('ul.images li:not(:last)').removeClass('selected');
			$(nextLi).addClass('selected');
		}
	});


    $.getJSON(
      /* "http://piwigo.knallimall.org/ws.php?format=json&method=pwg.categories.getList", */
      "http://localhost:8888/piwigo/ws.php?format=json&method=pwg.categories.getList",
      function(data) {
        /* alert(dump(data)); */
        for (var i=0; i<data.result.categories.length; i++) {
          var category = data.result.categories[i];
          console.log('category loaded ' +category.name);
          $('.categories').append('<li><a class="categoriesLink" url="http://localhost:8888/piwigo/ws.php?format=json&method=pwg.categories.getImages&cat_id='+category.id+'" href="#images">'+category.name+' </a> <small class="counter">'+category.total_nb_images+' </small></li>');
        }
      }
    );

/**
* Function : dump()
* Arguments: The data - array,hash(associative array),object
*    The level - OPTIONAL
* Returns  : The textual representation of the array.
* This function was inspired by the print_r function of PHP.
* This will accept some data as the argument and return a
* text that will be a more readable version of the
* array/hash/object that is given.
*/
function dump(arr,level) {
var dumped_text = "";
if(!level) level = 0;

//The padding given at the beginning of the line.
var level_padding = "";
for(var j=0;j<level+1;j++) level_padding += "    ";

if(typeof(arr) == 'object') { //Array/Hashes/Objects
 for(var item in arr) {
  var value = arr[item];
 
  if(typeof(value) == 'object') { //If it is an array,
   dumped_text += level_padding + "'" + item + "' ...\n";
   dumped_text += dump(value,level+1);
  } else {
   dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
  }
 }
} else { //Stings/Chars/Numbers etc.
 dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
}
return dumped_text;
}
});

// JQTOUCH
var jQT = new $.jQTouch({
    icon: 'jqtouch.png',
    addGlossToIcon: false,
    startupScreen: 'jqt_startup.png',
    statusBar: 'black',
    preloadImages: [
        'themes/piwigo/img/back_button.png',
        'themes/piwigo/img/back_button_clicked.png',
        'themes/piwigo/img/button_clicked.png',
        'themes/piwigo/img/grayButton.png',
        'themes/piwigo/img/whiteButton.png',
        'themes/piwigo/img/loading.gif'
        ]
});
// Some sample Javascript functions:
$(function(){
// Orientation callback event
$('body').bind('turn', function(e, data){
  if (data.orientation == 'landscape')
  {
    $(this).addClass('wide');
    $(this).removeClass('small');
    
	var $winWidth = $(window).width();
	var $winHeight = $(window).height();
    $(".fullscreen img").attr({
		width: $winWidth,
		height: $winHeight
	});	
  } else{
    $(this).addClass('small');
    $(this).removeClass('wide');
	var $winWidth = $(window).width();
	var $winHeight = $(window).height();
    $(".fullscreen img").attr({
		width: $winWidth,
		height: $winHeight
	});
  }

}); 
});