New Jquery branch. Initial development version for istreamdev 1.0

4 files changed, 0 insertions, 768 deletions

diff --git a/javascript/ajax.js b/javascript/ajax.js
deleted file mode 100755
index 9b5db5e..0000000
--- a/javascript/ajax.js
+++ /dev/null
@@ -1,61 +0,0 @@
-function ajax(session)
-{
-    var xhr=null;
-
-    xhr = new XMLHttpRequest();
-    //on définit l'appel de la fonction au retour serveur
-    xhr.onreadystatechange = function() { alert_ajax(xhr, session); };
-
-    xhr.open("GET", "streamstatus.php?session=" + session, true);
-    xhr.send(null);
-}
-
-function alert_ajax(xhr, session)
-{
-	if (xhr.readyState==4)
-	{
-		var docXML= xhr.responseXML;
-		var streamstatus = null;
-		var items = docXML.getElementsByTagName("streamstatus");
-		streamstatus = items.item(0).firstChild.data;
-		if ( streamstatus == 'error' ) {
-		var items2 =  docXML.getElementsByTagName("message");
-                var errmessage = items2.item(0).firstChild.data;
-		errorMsg(errmessage);
-		}
-		else
-			swapPic(session);
-	}
-}
-
-function playmusic(path,name)
-{
-    var xhr=null;
-
-    xhr = new XMLHttpRequest();
-    //on définit l'appel de la fonction au retour serveur
-    xhr.onreadystatechange = function() { openpls(xhr); };
-    encpath=escape(path);
-    encname=escape(name);
-    xhr.open("GET", "genplaylist.php?path=" + encpath + "&name=" + encname, false);
-    xhr.send(null);
-
-}
-
-function openpls(xhr)
-{
-        if (xhr.readyState==4)
-        {
-                var docXML= xhr.responseXML;
-                var streamstatus = null;
-                var items = docXML.getElementsByTagName("m3u")
-
-                streamstatus = items.item(0).firstChild.data;
-                if ( streamstatus == 'error' ) {
-                        this.location.href = 'error.php';
-               		}
-                
-		//this.location.href = 'playlist/playlist.m3u';        
-		//document.s1.Play();
-	}		
-}
diff --git a/javascript/functions.js b/javascript/functions.js
deleted file mode 100755
index e520663..0000000
--- a/javascript/functions.js
+++ /dev/null
@@ -1,214 +0,0 @@
-function fullscreen() {

-	var a = document.getElementsByTagName("a");

-	for (var i = 0; i < a.length;i++) {

-		if (a[i].className.match("noeffect")) {

-		}

-		else {

-			a[i].onclick = function () {

-				window.location = this.getAttribute("href");

-				return false;

-			};

-		}

-	}

-}

-

-function hideURLbar() {

-	window.scrollTo(0, 0.9);

-}

-

-

-window.onload = function () {

-	fullscreen();

-	hideURLbar();

-}

-function updateOrientation() {

-     switch(window.orientation) {

-     case 0:

-         orient = "portrait";

-         break;

-     case -90:

-         orient = "landscape";

-         break;

-     case 90:

-         orient = "landscape";

-         break;

-     case 180:

-         orient = "portrait";

-         break;

-     }

-     document.body.setAttribute("orient", orient);

-     window.scrollTo(0, 1);

-

-}

-function sendForm(formid) {

-	var frm;

-	frm = document.getElementById(formid);

-	frm.submit();

-}

-

-function swapPic(session) {

-        document.getElementById('videofeed').src = "ram/" +session +"/stream.m3u8";

-}

-

-function openSelectDate(timer_year,timer_month,timer_day) {

-	var now = new Date();

-	if ( timer_year == null ) {

-	var now_year = now.getFullYear();

-	var now_month = now.getMonth()+1;

-	var now_day = now.getDate();

-	}

-	else

-	{

-	var now_year = timer_year;

-	var now_month = timer_month;

-	var now_day = timer_day;

-	}

-	var layer = 'layer_date';

-	var days = { };

-	var years = { };

-	var months = { '01': '01', '02': '02', '03': '03', '04': '04', '05': '05','06': '06', '07': '07', '08': '08', '09': '09', '10': '10', '11': '11', '12': '12' };

-	

-	for( var i = 1; i < 32; i += 1 ) {

-		days[i] = str_pad(i, 2, '0', 'STR_PAD_LEFT');

-	}

-

-	for( i = now.getFullYear(); i < now.getFullYear()+5; i += 1 ) {

-		years[i] = i;

-	}

-

-	SpinningWheel.addSlot(years, 'right', now_year );

-	SpinningWheel.addSlot(months, '', now_month);

-	SpinningWheel.addSlot(days, 'right', now_day);	

-	SpinningWheel.setCancelAction(cancel_date);

-	SpinningWheel.setDoneAction(done_date);

-	

-	SpinningWheel.open();

-}

-

-function done_date() {

-	var results = SpinningWheel.getSelectedValues();

-	

-	document.getElementById('layer_date').innerHTML = results.keys.join('-');

-	document.timer.timer_date.value = results.keys.join('-');

-	

-}

-

-function cancel_date() {

-}

-function openSelectTime(layer,timer_hour,timer_minute) {

-	if ( timer_hour == null ) {

-	var now = new Date();

-	var now_hour = now.getHours();

-	var now_minute = now.getMinutes()+1;

-	}

-	else

-	{

-	var now_hour = timer_hour;

-	var now_minute = timer_minute;

-	}

-	var hours = { };

-	var minutes = { };

-	

-	for( var i = 0; i < 24; i += 1 ) {

-		hours[i] = str_pad(i,2,'0','STR_PAD_LEFT');

-	}

-

-	for( var i = 0; i < 60; i += 1 ) {

-		minutes[i] = str_pad(i,2,'0','STR_PAD_LEFT');

-	}

-

-	SpinningWheel.addSlot(hours, 'right', now_hour);

-	//SpinningWheel.addSlot({ separator: 'h' }, 'readonly shrink');

-	SpinningWheel.addSlot(minutes, '', now_minute);

-	

-	SpinningWheel.setCancelAction( function() {} );

-	SpinningWheel.setDoneAction(function () {var results = SpinningWheel.getSelectedValues(); document.getElementById(layer).innerHTML = results.values.join('h');if ( layer == 'layer_starttime' ) { var forminput = 'timer_starttime'; } else { var forminput = 'timer_endtime'; }; eval ("document.timer." + forminput + ".value = results.values.join('')");  });

-	SpinningWheel.open();

-}

-

-function str_pad (input, pad_length, pad_string, pad_type) {

-    // Returns input string padded on the left or right to specified length with pad_string  

-    // 

-    // version: 909.322

-    // discuss at: http://phpjs.org/functions/str_pad    // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)

-    // + namespaced by: Michael White (http://getsprink.com)

-    // +      input by: Marco van Oort

-    // +   bugfixed by: Brett Zamir (http://brett-zamir.me)

-    // *     example 1: str_pad('Kevin van Zonneveld', 30, '-=', 'STR_PAD_LEFT');    // *     returns 1: '-=-=-=-=-=-Kevin van Zonneveld'

-    // *     example 2: str_pad('Kevin van Zonneveld', 30, '-', 'STR_PAD_BOTH');

-    // *     returns 2: '------Kevin van Zonneveld-----'

-    var half = '', pad_to_go;

-     var str_pad_repeater = function (s, len) {

-        var collect = '', i;

- 

-        while (collect.length < len) {collect += s;}

-        collect = collect.substr(0,len); 

-        return collect;

-    };

- 

-    input += '';    pad_string = pad_string !== undefined ? pad_string : ' ';

-    

-    if (pad_type != 'STR_PAD_LEFT' && pad_type != 'STR_PAD_RIGHT' && pad_type != 'STR_PAD_BOTH') { pad_type = 'STR_PAD_RIGHT'; }

-    if ((pad_to_go = pad_length - input.length) > 0) {

-        if (pad_type == 'STR_PAD_LEFT') { input = str_pad_repeater(pad_string, pad_to_go) + input; }        else if (pad_type == 'STR_PAD_RIGHT') { input = input + str_pad_repeater(pad_string, pad_to_go); }

-        else if (pad_type == 'STR_PAD_BOTH') {

-            half = str_pad_repeater(pad_string, Math.ceil(pad_to_go/2));

-            input = half + input + half;

-            input = input.substr(0, pad_length);        }

-    }

- 

-    return input;

-}

-

-function checkform()

-{

-	

-	if ( document.timer.timer_name.value=="" )

-	{

-	alert('Recording name is missing');

-	return false;

-	}

-	else if ( document.timer.timer_chan.value=="" )

-	{

-	alert('Select a channel to record');

-	return false;

-t

-	}

-	else if ( document.timer.timer_date.value=="" )

-	{

-	alert('Select recording date');

-	return false;

-	}

-	else if ( document.timer.timer_starttime.value=="" )

-	{

-	alert('Select recording start time');

-	return false;

-	}

-	else if ( document.timer.timer_endtime.value=="" )

-	{

-	alert('Select recording end time');

-	return false;

-	}

-	

-	return true;

-

-}

-

-function addplayer(path,name,track) {

-

-

-	playercode= "<embed src='" + escape(track[0]) + "' width='0' height='0' autoplay='false' name='player' type='audio/mp3' loop='true' controller='false' "; 

-	for ( var i=1; i<track.length; i+=1 ){

-		playercode += "qtnext" + i + "='<" + escape(track[i]) + ">' ";

-

-	}

-	playercode+= "></embed>"; 

-	playmusic(path,name);

-	document.getElementById('div_player').innerHTML = playercode;

-

-}

-function errorMsg(errmessage) {

-	htmlmsg="<span class='graytitle'>Error</span><ul class='pageitem'><li class='textbox'><span class='header'>Error</span><p><strong>" + errmessage + "</strong></li></ul>";

-	document.getElementById('content').innerHTML = htmlmsg;

-}

-

diff --git a/javascript/spinningwheel-min.js b/javascript/spinningwheel-min.js
deleted file mode 100755
index a2b68dd..0000000
--- a/javascript/spinningwheel-min.js
+++ /dev/null
@@ -1 +0,0 @@
-var SpinningWheel={cellHeight:44,friction:0.003,slotData:[],handleEvent:function(e){if(e.type=="touchstart"){this.lockScreen(e);if(e.currentTarget.id=="sw-cancel"||e.currentTarget.id=="sw-done"){this.tapDown(e)}else{if(e.currentTarget.id=="sw-frame"){this.scrollStart(e)}}}else{if(e.type=="touchmove"){this.lockScreen(e);if(e.currentTarget.id=="sw-cancel"||e.currentTarget.id=="sw-done"){this.tapCancel(e)}else{if(e.currentTarget.id=="sw-frame"){this.scrollMove(e)}}}else{if(e.type=="touchend"){if(e.currentTarget.id=="sw-cancel"||e.currentTarget.id=="sw-done"){this.tapUp(e)}else{if(e.currentTarget.id=="sw-frame"){this.scrollEnd(e)}}}else{if(e.type=="webkitTransitionEnd"){if(e.target.id=="sw-wrapper"){this.destroy()}else{this.backWithinBoundaries(e)}}else{if(e.type=="orientationchange"){this.onOrientationChange(e)}else{if(e.type=="scroll"){this.onScroll(e)}}}}}}},onOrientationChange:function(e){window.scrollTo(0,0);this.swWrapper.style.top=window.innerHeight+window.pageYOffset+"px";this.calculateSlotsWidth()},onScroll:function(e){this.swWrapper.style.top=window.innerHeight+window.pageYOffset+"px"},lockScreen:function(e){e.preventDefault();e.stopPropagation()},reset:function(){this.slotEl=[];this.activeSlot=null;this.swWrapper=undefined;this.swSlotWrapper=undefined;this.swSlots=undefined;this.swFrame=undefined},calculateSlotsWidth:function(){var div=this.swSlots.getElementsByTagName("div");for(var i=0;i<div.length;i+=1){this.slotEl[i].slotWidth=div[i].offsetWidth}},create:function(){var i,l,out,ul,div;this.reset();div=document.createElement("div");div.id="sw-wrapper";div.style.top=window.innerHeight+window.pageYOffset+"px";div.style.webkitTransitionProperty="-webkit-transform";div.innerHTML='<div id="sw-header"><div id="sw-cancel">Cancel</div><div id="sw-done">Done</div></div><div id="sw-slots-wrapper"><div id="sw-slots"></div></div><div id="sw-frame"></div>';document.body.appendChild(div);this.swWrapper=div;this.swSlotWrapper=document.getElementById("sw-slots-wrapper");this.swSlots=document.getElementById("sw-slots");this.swFrame=document.getElementById("sw-frame");for(l=0;l<this.slotData.length;l+=1){ul=document.createElement("ul");out="";for(i in this.slotData[l].values){out+="<li>"+this.slotData[l].values[i]+"</li>"}ul.innerHTML=out;div=document.createElement("div");div.className=this.slotData[l].style;div.appendChild(ul);this.swSlots.appendChild(div);ul.slotPosition=l;ul.slotYPosition=0;ul.slotWidth=0;ul.slotMaxScroll=this.swSlotWrapper.clientHeight-ul.clientHeight-86;ul.style.webkitTransitionTimingFunction="cubic-bezier(0, 0, 0.2, 1)";this.slotEl.push(ul);if(this.slotData[l].defaultValue){this.scrollToValue(l,this.slotData[l].defaultValue)}}this.calculateSlotsWidth();document.addEventListener("touchstart",this,false);document.addEventListener("touchmove",this,false);window.addEventListener("orientationchange",this,true);window.addEventListener("scroll",this,true);document.getElementById("sw-cancel").addEventListener("touchstart",this,false);document.getElementById("sw-done").addEventListener("touchstart",this,false);this.swFrame.addEventListener("touchstart",this,false)},open:function(){this.create();this.swWrapper.style.webkitTransitionTimingFunction="ease-out";this.swWrapper.style.webkitTransitionDuration="400ms";this.swWrapper.style.webkitTransform="translate3d(0, -260px, 0)"},destroy:function(){this.swWrapper.removeEventListener("webkitTransitionEnd",this,false);this.swFrame.removeEventListener("touchstart",this,false);document.getElementById("sw-cancel").removeEventListener("touchstart",this,false);document.getElementById("sw-done").removeEventListener("touchstart",this,false);document.removeEventListener("touchstart",this,false);document.removeEventListener("touchmove",this,false);window.removeEventListener("orientationchange",this,true);window.removeEventListener("scroll",this,true);this.slotData=[];this.cancelAction=function(){return false};this.cancelDone=function(){return true};this.reset();document.body.removeChild(document.getElementById("sw-wrapper"))},close:function(){this.swWrapper.style.webkitTransitionTimingFunction="ease-in";this.swWrapper.style.webkitTransitionDuration="400ms";this.swWrapper.style.webkitTransform="translate3d(0, 0, 0)";this.swWrapper.addEventListener("webkitTransitionEnd",this,false)},addSlot:function(values,style,defaultValue){if(!style){style=""}style=style.split(" ");for(var i=0;i<style.length;i+=1){style[i]="sw-"+style[i]}style=style.join(" ");var obj={values:values,style:style,defaultValue:defaultValue};this.slotData.push(obj)},getSelectedValues:function(){var index,count,i,l,keys=[],values=[];for(i in this.slotEl){this.slotEl[i].removeEventListener("webkitTransitionEnd",this,false);this.slotEl[i].style.webkitTransitionDuration="0";if(this.slotEl[i].slotYPosition>0){this.setPosition(i,0)}else{if(this.slotEl[i].slotYPosition<this.slotEl[i].slotMaxScroll){this.setPosition(i,this.slotEl[i].slotMaxScroll)}}index=-Math.round(this.slotEl[i].slotYPosition/this.cellHeight);count=0;for(l in this.slotData[i].values){if(count==index){keys.push(l);values.push(this.slotData[i].values[l]);break}count+=1}}return{keys:keys,values:values}},setPosition:function(slot,pos){this.slotEl[slot].slotYPosition=pos;this.slotEl[slot].style.webkitTransform="translate3d(0, "+pos+"px, 0)"},scrollStart:function(e){var xPos=e.targetTouches[0].clientX-this.swSlots.offsetLeft;var slot=0;for(var i=0;i<this.slotEl.length;i+=1){slot+=this.slotEl[i].slotWidth;if(xPos<slot){this.activeSlot=i;break}}if(this.slotData[this.activeSlot].style.match("readonly")){this.swFrame.removeEventListener("touchmove",this,false);this.swFrame.removeEventListener("touchend",this,false);return false}this.slotEl[this.activeSlot].removeEventListener("webkitTransitionEnd",this,false);this.slotEl[this.activeSlot].style.webkitTransitionDuration="0";var theTransform=window.getComputedStyle(this.slotEl[this.activeSlot]).webkitTransform;theTransform=new WebKitCSSMatrix(theTransform).m42;if(theTransform!=this.slotEl[this.activeSlot].slotYPosition){this.setPosition(this.activeSlot,theTransform)}this.startY=e.targetTouches[0].clientY;this.scrollStartY=this.slotEl[this.activeSlot].slotYPosition;this.scrollStartTime=e.timeStamp;this.swFrame.addEventListener("touchmove",this,false);this.swFrame.addEventListener("touchend",this,false);return true},scrollMove:function(e){var topDelta=e.targetTouches[0].clientY-this.startY;if(this.slotEl[this.activeSlot].slotYPosition>0||this.slotEl[this.activeSlot].slotYPosition<this.slotEl[this.activeSlot].slotMaxScroll){topDelta/=2}this.setPosition(this.activeSlot,this.slotEl[this.activeSlot].slotYPosition+topDelta);this.startY=e.targetTouches[0].clientY;if(e.timeStamp-this.scrollStartTime>80){this.scrollStartY=this.slotEl[this.activeSlot].slotYPosition;this.scrollStartTime=e.timeStamp}},scrollEnd:function(e){this.swFrame.removeEventListener("touchmove",this,false);this.swFrame.removeEventListener("touchend",this,false);if(this.slotEl[this.activeSlot].slotYPosition>0||this.slotEl[this.activeSlot].slotYPosition<this.slotEl[this.activeSlot].slotMaxScroll){this.scrollTo(this.activeSlot,this.slotEl[this.activeSlot].slotYPosition>0?0:this.slotEl[this.activeSlot].slotMaxScroll);return false}var scrollDistance=this.slotEl[this.activeSlot].slotYPosition-this.scrollStartY;if(scrollDistance<this.cellHeight/1.5&&scrollDistance>-this.cellHeight/1.5){if(this.slotEl[this.activeSlot].slotYPosition%this.cellHeight){this.scrollTo(this.activeSlot,Math.round(this.slotEl[this.activeSlot].slotYPosition/this.cellHeight)*this.cellHeight,"100ms")}return false}var scrollDuration=e.timeStamp-this.scrollStartTime;var newDuration=(2*scrollDistance/scrollDuration)/this.friction;var newScrollDistance=(this.friction/2)*(newDuration*newDuration);if(newDuration<0){newDuration=-newDuration;newScrollDistance=-newScrollDistance}var newPosition=this.slotEl[this.activeSlot].slotYPosition+newScrollDistance;if(newPosition>0){newPosition/=2;newDuration/=3;if(newPosition>this.swSlotWrapper.clientHeight/4){newPosition=this.swSlotWrapper.clientHeight/4}}else{if(newPosition<this.slotEl[this.activeSlot].slotMaxScroll){newPosition=(newPosition-this.slotEl[this.activeSlot].slotMaxScroll)/2+this.slotEl[this.activeSlot].slotMaxScroll;newDuration/=3;if(newPosition<this.slotEl[this.activeSlot].slotMaxScroll-this.swSlotWrapper.clientHeight/4){newPosition=this.slotEl[this.activeSlot].slotMaxScroll-this.swSlotWrapper.clientHeight/4}}else{newPosition=Math.round(newPosition/this.cellHeight)*this.cellHeight}}this.scrollTo(this.activeSlot,Math.round(newPosition),Math.round(newDuration)+"ms");return true},scrollTo:function(slotNum,dest,runtime){this.slotEl[slotNum].style.webkitTransitionDuration=runtime?runtime:"100ms";this.setPosition(slotNum,dest?dest:0);if(this.slotEl[slotNum].slotYPosition>0||this.slotEl[slotNum].slotYPosition<this.slotEl[slotNum].slotMaxScroll){this.slotEl[slotNum].addEventListener("webkitTransitionEnd",this,false)}},scrollToValue:function(slot,value){var yPos,count,i;this.slotEl[slot].removeEventListener("webkitTransitionEnd",this,false);this.slotEl[slot].style.webkitTransitionDuration="0";count=0;for(i in this.slotData[slot].values){if(i==value){yPos=count*this.cellHeight;this.setPosition(slot,yPos);break}count-=1}},backWithinBoundaries:function(e){e.target.removeEventListener("webkitTransitionEnd",this,false);this.scrollTo(e.target.slotPosition,e.target.slotYPosition>0?0:e.target.slotMaxScroll,"150ms");return false},tapDown:function(e){e.currentTarget.addEventListener("touchmove",this,false);e.currentTarget.addEventListener("touchend",this,false);e.currentTarget.className="sw-pressed"},tapCancel:function(e){e.currentTarget.removeEventListener("touchmove",this,false);e.currentTarget.removeEventListener("touchend",this,false);e.currentTarget.className=""},tapUp:function(e){this.tapCancel(e);if(e.currentTarget.id=="sw-cancel"){this.cancelAction()}else{this.doneAction()}this.close()},setCancelAction:function(action){this.cancelAction=action},setDoneAction:function(action){this.doneAction=action},cancelAction:function(){return false},cancelDone:function(){return true}};
\ No newline at end of file
diff --git a/javascript/spinningwheel.js b/javascript/spinningwheel.js
deleted file mode 100755
index 1147d3a..0000000
--- a/javascript/spinningwheel.js
+++ /dev/null
@@ -1,492 +0,0 @@
-/**
- * 
- * Find more about the Spinning Wheel function at
- * http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11
- *
- * Copyright (c) 2009 Matteo Spinelli, http://cubiq.org/
- * Released under MIT license
- * http://cubiq.org/dropbox/mit-license.txt
- * 
- * Version 1.4 - Last updated: 2009.07.09
- * 
- */
-
-var SpinningWheel = {
-	cellHeight: 44,
-	friction: 0.003,
-	slotData: [],
-
-
-	/**
-	 *
-	 * Event handler
-	 *
-	 */
-
-	handleEvent: function (e) {
-		if (e.type == 'touchstart') {
-			this.lockScreen(e);
-			if (e.currentTarget.id == 'sw-cancel' || e.currentTarget.id == 'sw-done') {
-				this.tapDown(e);
-			} else if (e.currentTarget.id == 'sw-frame') {
-				this.scrollStart(e);
-			}
-		} else if (e.type == 'touchmove') {
-			this.lockScreen(e);
-			
-			if (e.currentTarget.id == 'sw-cancel' || e.currentTarget.id == 'sw-done') {
-				this.tapCancel(e);
-			} else if (e.currentTarget.id == 'sw-frame') {
-				this.scrollMove(e);
-			}
-		} else if (e.type == 'touchend') {
-			if (e.currentTarget.id == 'sw-cancel' || e.currentTarget.id == 'sw-done') {
-				this.tapUp(e);
-			} else if (e.currentTarget.id == 'sw-frame') {
-				this.scrollEnd(e);
-			}
-		} else if (e.type == 'webkitTransitionEnd') {
-			if (e.target.id == 'sw-wrapper') {
-				this.destroy();
-			} else {
-				this.backWithinBoundaries(e);
-			}
-		} else if (e.type == 'orientationchange') {
-			this.onOrientationChange(e);
-		} else if (e.type == 'scroll') {
-			this.onScroll(e);
-		}
-	},
-
-
-	/**
-	 *
-	 * Global events
-	 *
-	 */
-
-	onOrientationChange: function (e) {
-		window.scrollTo(0, 0);
-		this.swWrapper.style.top = window.innerHeight + window.pageYOffset + 'px';
-		this.calculateSlotsWidth();
-	},
-	
-	onScroll: function (e) {
-		this.swWrapper.style.top = window.innerHeight + window.pageYOffset + 'px';
-	},
-
-	lockScreen: function (e) {
-		e.preventDefault();
-		e.stopPropagation();
-	},
-
-
-	/**
-	 *
-	 * Initialization
-	 *
-	 */
-
-	reset: function () {
-		this.slotEl = [];
-
-		this.activeSlot = null;
-		
-		this.swWrapper = undefined;
-		this.swSlotWrapper = undefined;
-		this.swSlots = undefined;
-		this.swFrame = undefined;
-	},
-
-	calculateSlotsWidth: function () {
-		var div = this.swSlots.getElementsByTagName('div');
-		for (var i = 0; i < div.length; i += 1) {
-			this.slotEl[i].slotWidth = div[i].offsetWidth;
-		}
-	},
-
-	create: function () {
-		var i, l, out, ul, div;
-
-		this.reset();	// Initialize object variables
-
-		// Create the Spinning Wheel main wrapper
-		div = document.createElement('div');
-		div.id = 'sw-wrapper';
-		div.style.top = window.innerHeight + window.pageYOffset + 'px';		// Place the SW down the actual viewing screen
-		div.style.webkitTransitionProperty = '-webkit-transform';
-		div.innerHTML = '<div id="sw-header"><div id="sw-cancel">Cancel</' + 'div><div id="sw-done">Done</' + 'div></' + 'div><div id="sw-slots-wrapper"><div id="sw-slots"></' + 'div></' + 'div><div id="sw-frame"></' + 'div>';
-
-		document.body.appendChild(div);
-
-		this.swWrapper = div;													// The SW wrapper
-		this.swSlotWrapper = document.getElementById('sw-slots-wrapper');		// Slots visible area
-		this.swSlots = document.getElementById('sw-slots');						// Pseudo table element (inner wrapper)
-		this.swFrame = document.getElementById('sw-frame');						// The scrolling controller
-
-		// Create HTML slot elements
-		for (l = 0; l < this.slotData.length; l += 1) {
-			// Create the slot
-			ul = document.createElement('ul');
-			out = '';
-			for (i in this.slotData[l].values) {
-				out += '<li>' + this.slotData[l].values[i] + '<' + '/li>';
-			}
-			ul.innerHTML = out;
-
-			div = document.createElement('div');		// Create slot container
-			div.className = this.slotData[l].style;		// Add styles to the container
-			div.appendChild(ul);
-	
-			// Append the slot to the wrapper
-			this.swSlots.appendChild(div);
-			
-			ul.slotPosition = l;			// Save the slot position inside the wrapper
-			ul.slotYPosition = 0;
-			ul.slotWidth = 0;
-			ul.slotMaxScroll = this.swSlotWrapper.clientHeight - ul.clientHeight - 86;
-			ul.style.webkitTransitionTimingFunction = 'cubic-bezier(0, 0, 0.2, 1)';		// Add default transition
-			
-			this.slotEl.push(ul);			// Save the slot for later use
-			
-			// Place the slot to its default position (if other than 0)
-			if (this.slotData[l].defaultValue) {
-				this.scrollToValue(l, this.slotData[l].defaultValue);	
-			}
-		}
-		
-		this.calculateSlotsWidth();
-		
-		// Global events
-		document.addEventListener('touchstart', this, false);			// Prevent page scrolling
-		document.addEventListener('touchmove', this, false);			// Prevent page scrolling
-		window.addEventListener('orientationchange', this, true);		// Optimize SW on orientation change
-		window.addEventListener('scroll', this, true);				// Reposition SW on page scroll
-
-		// Cancel/Done buttons events
-		document.getElementById('sw-cancel').addEventListener('touchstart', this, false);
-		document.getElementById('sw-done').addEventListener('touchstart', this, false);
-
-		// Add scrolling to the slots
-		this.swFrame.addEventListener('touchstart', this, false);
-	},
-
-	open: function () {
-		this.create();
-
-		this.swWrapper.style.webkitTransitionTimingFunction = 'ease-out';
-		this.swWrapper.style.webkitTransitionDuration = '400ms';
-		this.swWrapper.style.webkitTransform = 'translate3d(0, -260px, 0)';
-	},
-	
-	
-	/**
-	 *
-	 * Unload
-	 *
-	 */
-
-	destroy: function () {
-		this.swWrapper.removeEventListener('webkitTransitionEnd', this, false);
-
-		this.swFrame.removeEventListener('touchstart', this, false);
-
-		document.getElementById('sw-cancel').removeEventListener('touchstart', this, false);
-		document.getElementById('sw-done').removeEventListener('touchstart', this, false);
-
-		document.removeEventListener('touchstart', this, false);
-		document.removeEventListener('touchmove', this, false);
-		window.removeEventListener('orientationchange', this, true);
-		window.removeEventListener('scroll', this, true);
-		
-		this.slotData = [];
-		this.cancelAction = function () {
-			return false;
-		};
-		
-		this.cancelDone = function () {
-			return true;
-		};
-		
-		this.reset();
-		
-		document.body.removeChild(document.getElementById('sw-wrapper'));
-	},
-	
-	close: function () {
-		this.swWrapper.style.webkitTransitionTimingFunction = 'ease-in';
-		this.swWrapper.style.webkitTransitionDuration = '400ms';
-		this.swWrapper.style.webkitTransform = 'translate3d(0, 0, 0)';
-		
-		this.swWrapper.addEventListener('webkitTransitionEnd', this, false);
-	},
-
-
-	/**
-	 *
-	 * Generic methods
-	 *
-	 */
-
-	addSlot: function (values, style, defaultValue) {
-		if (!style) {
-			style = '';
-		}
-		
-		style = style.split(' ');
-
-		for (var i = 0; i < style.length; i += 1) {
-			style[i] = 'sw-' + style[i];
-		}
-		
-		style = style.join(' ');
-
-		var obj = { 'values': values, 'style': style, 'defaultValue': defaultValue };
-		this.slotData.push(obj);
-	},
-
-	getSelectedValues: function () {
-		var index, count,
-		    i, l,
-			keys = [], values = [];
-
-		for (i in this.slotEl) {
-			// Remove any residual animation
-			this.slotEl[i].removeEventListener('webkitTransitionEnd', this, false);
-			this.slotEl[i].style.webkitTransitionDuration = '0';
-
-			if (this.slotEl[i].slotYPosition > 0) {
-				this.setPosition(i, 0);
-			} else if (this.slotEl[i].slotYPosition < this.slotEl[i].slotMaxScroll) {
-				this.setPosition(i, this.slotEl[i].slotMaxScroll);
-			}
-
-			index = -Math.round(this.slotEl[i].slotYPosition / this.cellHeight);
-
-			count = 0;
-			for (l in this.slotData[i].values) {
-				if (count == index) {
-					keys.push(l);
-					values.push(this.slotData[i].values[l]);
-					break;
-				}
-				
-				count += 1;
-			}
-		}
-
-		return { 'keys': keys, 'values': values };
-	},
-
-
-	/**
-	 *
-	 * Rolling slots
-	 *
-	 */
-
-	setPosition: function (slot, pos) {
-		this.slotEl[slot].slotYPosition = pos;
-		this.slotEl[slot].style.webkitTransform = 'translate3d(0, ' + pos + 'px, 0)';
-	},
-	
-	scrollStart: function (e) {
-		// Find the clicked slot
-		var xPos = e.targetTouches[0].clientX - this.swSlots.offsetLeft;	// Clicked position minus left offset (should be 11px)
-
-		// Find tapped slot
-		var slot = 0;
-		for (var i = 0; i < this.slotEl.length; i += 1) {
-			slot += this.slotEl[i].slotWidth;
-			
-			if (xPos < slot) {
-				this.activeSlot = i;
-				break;
-			}
-		}
-
-		// If slot is readonly do nothing
-		if (this.slotData[this.activeSlot].style.match('readonly')) {
-			this.swFrame.removeEventListener('touchmove', this, false);
-			this.swFrame.removeEventListener('touchend', this, false);
-			return false;
-		}
-
-		this.slotEl[this.activeSlot].removeEventListener('webkitTransitionEnd', this, false);	// Remove transition event (if any)
-		this.slotEl[this.activeSlot].style.webkitTransitionDuration = '0';		// Remove any residual transition
-		
-		// Stop and hold slot position
-		var theTransform = window.getComputedStyle(this.slotEl[this.activeSlot]).webkitTransform;
-		theTransform = new WebKitCSSMatrix(theTransform).m42;
-		if (theTransform != this.slotEl[this.activeSlot].slotYPosition) {
-			this.setPosition(this.activeSlot, theTransform);
-		}
-		
-		this.startY = e.targetTouches[0].clientY;
-		this.scrollStartY = this.slotEl[this.activeSlot].slotYPosition;
-		this.scrollStartTime = e.timeStamp;
-
-		this.swFrame.addEventListener('touchmove', this, false);
-		this.swFrame.addEventListener('touchend', this, false);
-		
-		return true;
-	},
-
-	scrollMove: function (e) {
-		var topDelta = e.targetTouches[0].clientY - this.startY;
-
-		if (this.slotEl[this.activeSlot].slotYPosition > 0 || this.slotEl[this.activeSlot].slotYPosition < this.slotEl[this.activeSlot].slotMaxScroll) {
-			topDelta /= 2;
-		}
-		
-		this.setPosition(this.activeSlot, this.slotEl[this.activeSlot].slotYPosition + topDelta);
-		this.startY = e.targetTouches[0].clientY;
-
-		// Prevent slingshot effect
-		if (e.timeStamp - this.scrollStartTime > 80) {
-			this.scrollStartY = this.slotEl[this.activeSlot].slotYPosition;
-			this.scrollStartTime = e.timeStamp;
-		}
-	},
-	
-	scrollEnd: function (e) {
-		this.swFrame.removeEventListener('touchmove', this, false);
-		this.swFrame.removeEventListener('touchend', this, false);
-
-		// If we are outside of the boundaries, let's go back to the sheepfold
-		if (this.slotEl[this.activeSlot].slotYPosition > 0 || this.slotEl[this.activeSlot].slotYPosition < this.slotEl[this.activeSlot].slotMaxScroll) {
-			this.scrollTo(this.activeSlot, this.slotEl[this.activeSlot].slotYPosition > 0 ? 0 : this.slotEl[this.activeSlot].slotMaxScroll);
-			return false;
-		}
-
-		// Lame formula to calculate a fake deceleration
-		var scrollDistance = this.slotEl[this.activeSlot].slotYPosition - this.scrollStartY;
-
-		// The drag session was too short
-		if (scrollDistance < this.cellHeight / 1.5 && scrollDistance > -this.cellHeight / 1.5) {
-			if (this.slotEl[this.activeSlot].slotYPosition % this.cellHeight) {
-				this.scrollTo(this.activeSlot, Math.round(this.slotEl[this.activeSlot].slotYPosition / this.cellHeight) * this.cellHeight, '100ms');
-			}
-
-			return false;
-		}
-
-		var scrollDuration = e.timeStamp - this.scrollStartTime;
-
-		var newDuration = (2 * scrollDistance / scrollDuration) / this.friction;
-		var newScrollDistance = (this.friction / 2) * (newDuration * newDuration);
-		
-		if (newDuration < 0) {
-			newDuration = -newDuration;
-			newScrollDistance = -newScrollDistance;
-		}
-
-		var newPosition = this.slotEl[this.activeSlot].slotYPosition + newScrollDistance;
-
-		if (newPosition > 0) {
-			// Prevent the slot to be dragged outside the visible area (top margin)
-			newPosition /= 2;
-			newDuration /= 3;
-
-			if (newPosition > this.swSlotWrapper.clientHeight / 4) {
-				newPosition = this.swSlotWrapper.clientHeight / 4;
-			}
-		} else if (newPosition < this.slotEl[this.activeSlot].slotMaxScroll) {
-			// Prevent the slot to be dragged outside the visible area (bottom margin)
-			newPosition = (newPosition - this.slotEl[this.activeSlot].slotMaxScroll) / 2 + this.slotEl[this.activeSlot].slotMaxScroll;
-			newDuration /= 3;
-			
-			if (newPosition < this.slotEl[this.activeSlot].slotMaxScroll - this.swSlotWrapper.clientHeight / 4) {
-				newPosition = this.slotEl[this.activeSlot].slotMaxScroll - this.swSlotWrapper.clientHeight / 4;
-			}
-		} else {
-			newPosition = Math.round(newPosition / this.cellHeight) * this.cellHeight;
-		}
-
-		this.scrollTo(this.activeSlot, Math.round(newPosition), Math.round(newDuration) + 'ms');
- 
-		return true;
-	},
-
-	scrollTo: function (slotNum, dest, runtime) {
-		this.slotEl[slotNum].style.webkitTransitionDuration = runtime ? runtime : '100ms';
-		this.setPosition(slotNum, dest ? dest : 0);
-
-		// If we are outside of the boundaries go back to the sheepfold
-		if (this.slotEl[slotNum].slotYPosition > 0 || this.slotEl[slotNum].slotYPosition < this.slotEl[slotNum].slotMaxScroll) {
-			this.slotEl[slotNum].addEventListener('webkitTransitionEnd', this, false);
-		}
-	},
-	
-	scrollToValue: function (slot, value) {
-		var yPos, count, i;
-
-		this.slotEl[slot].removeEventListener('webkitTransitionEnd', this, false);
-		this.slotEl[slot].style.webkitTransitionDuration = '0';
-		
-		count = 0;
-		for (i in this.slotData[slot].values) {
-			if (i == value) {
-				yPos = count * this.cellHeight;
-				this.setPosition(slot, yPos);
-				break;
-			}
-			
-			count -= 1;
-		}
-	},
-	
-	backWithinBoundaries: function (e) {
-		e.target.removeEventListener('webkitTransitionEnd', this, false);
-
-		this.scrollTo(e.target.slotPosition, e.target.slotYPosition > 0 ? 0 : e.target.slotMaxScroll, '150ms');
-		return false;
-	},
-
-
-	/**
-	 *
-	 * Buttons
-	 *
-	 */
-
-	tapDown: function (e) {
-		e.currentTarget.addEventListener('touchmove', this, false);
-		e.currentTarget.addEventListener('touchend', this, false);
-		e.currentTarget.className = 'sw-pressed';
-	},
-
-	tapCancel: function (e) {
-		e.currentTarget.removeEventListener('touchmove', this, false);
-		e.currentTarget.removeEventListener('touchend', this, false);
-		e.currentTarget.className = '';
-	},
-	
-	tapUp: function (e) {
-		this.tapCancel(e);
-
-		if (e.currentTarget.id == 'sw-cancel') {
-			this.cancelAction();
-		} else {
-			this.doneAction();
-		}
-		
-		this.close();
-	},
-
-	setCancelAction: function (action) {
-		this.cancelAction = action;
-	},
-
-	setDoneAction: function (action) {
-		this.doneAction = action;
-	},
-	
-	cancelAction: function () {
-		return false;
-	},
-
-	cancelDone: function () {
-		return true;
-	}
-};
\ No newline at end of file