var baseXMLUrl = 'xml/';
var xmls = {0: baseXMLUrl+'directingPlaylist.xml', 1: baseXMLUrl+'filmmakingPlaylist', 2: baseXMLUrl +'historyPrintOverview.xml', 4: baseXMLUrl +'historyFilmPlaylist.xml', 5: baseXMLUrl +'showreelPlaylist.xml'};
var isMobile;
var isIPhone = navigator.userAgent.indexOf("iPhone") != -1 ;
var isIPod = navigator.userAgent.indexOf("iPod") != -1 ;
var isIPad = navigator.userAgent.indexOf("iPad") != -1 ;
var css =  isIPhone || isIPod || isIPad ? 'IPhone.css' : 'Desktop.css'; 


if(isIPhone || isIPod || isIPad){
		var parentCss = 'mobile.css';
			var link = $("<link>");
			 link.attr({
					 type: 'text/css',
					 rel: 'stylesheet',
					 href: 'Css/' +parentCss
			 });
			 $("head").append( link ); 
		
		
 		/*
var css =  isIPhone || isIPod
			? 'iPhone.css' 
			: isIPad
				? 'iPad.css'
				: 'Desktop.css'; 
		
		alert('isPhone: ' +isIPhone+ ' isPod: ' +isIPod+ ' isPad: ' +isIPad);
		
		var link = $("<link>");
		 link.attr({
				 type: 'text/css',
				 rel: 'stylesheet',
				 href: 'Css/' +css
		 });
		 $("head").append( link ); 
*/
}	 

		 
$(document).ready(function() {
	
	isMobile = isIPhone || isIPod || isIPad;
	
		//alert('isPhone: ' +isIPhone+ ' isPod: ' +isIPod+ ' isPad: ' +isIPad);
	//console.log('main ready ');
	
	$('#logo').addClass('logo noChangeColor');
	$('div.logo').unbind('click.dirk').bind('click.dirk', function(eventObject) {
		backTo('toc');
	});
	
	
	/*$('div.button').unbind('click.dirk').bind('click.dirk', function(eventObject) {
		
		var $eventObj = $(eventObject.currentTarget);
		
		var $id = $eventObj.attr('id');
		//console.log("i was clicked ", $id);
		
		switch($id){
			case 'logo':
				backTo('toc');
				break;
		}
		return;
	});*/
	

//	
//	$('div.wrap').append("<div class=version>Version 1.02</div>");

	if(isMobile){
		$('#startPage_img').unbind('click.dirk').bind('click.dirk', function(eventObject) {
			getUrl('index.php?action=toc');
		});
		
		$('#directing_img').unbind('click.dirk').bind('click.dirk', function(eventObject) {
			getUrl('index.php?action=toc');
		});
		
		$('#film_img').unbind('click.dirk').bind('click.dirk', function(eventObject) {
			getUrl('index.php?action=toc');
		});
	}

});



/*
function loadContent(id){
	
	var url = 'html/' +id+ '.html';
	
	var complete = function(){
		console.log('loaded ' +url);
	};
	
	$('#main').load(url, complete);
}
*/

function setTitle(value) {
	
	//console.log('set Title: ' +value);
	document.title = value;
}
 

// load config.xml
function loadXML(url, delegate){
	$.ajax({
        type: "GET",
		url: url,
		dataType: "xml",
		success: function(xml) {
	 		//console.log(xml);
			parseXML(xml, delegate);
		}
	});
}

// get url parameters
$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});

function backTo(action){
	//console.log('back to: ' +action);
	getUrl('index.php?action='+action, '_self');
}

function back(){
	//console.log('back');
	history.back(); 
	
}