$(document).ready(function() {

//form styles
	$("input.field").each(function(){
		$(this).wrap("<span class=\"fieldbg\"/>")
	})
	$("textarea").each(function(){
		$(this).wrap("<span class=\"fieldtxtbg\"/>").after("<span class=\"txtbot\"/>")
})

var _devicetype = navigator.userAgent.toLowerCase()

	if ((_devicetype.indexOf("iphone")!= -1)|| (_devicetype.indexOf("ipad")!= -1)) {
		$("div.call-us div.top").append("<a href=\"tel:02920 398421\">(02920) 398421</a>")
		console.log(_devicetype)
	}




// get array of elements
var myArray = $("#qc li");
var count = 0;

// sort based on timestamp attribute
myArray.sort(function (a, b) {

    // convert to integers from strings
    a = parseInt($(a).attr("id"), 10);
    b = parseInt($(b).attr("id"), 10);
    count += 2;
    // compare
    if (a > b) {
        return 1;
    } else if (a < b) {
        return -1;
    } else {
        return 0;
    }
});

// put sorted results back on page
$("#qc").append(myArray);
$('#qc li:eq(3)').after('<li class="clear"></li>');
$('#qc li:eq(8)').after('<li class="clear"></li>');
$('#qc li:eq(13)').after('<li class="clear"></li>');
$('#qc li:eq(18)').after('<li class="clear"></li>');
$('#qc li:eq(23)').after('<li class="clear"></li>');
$('#qc li:eq(28)').after('<li class="clear"></li>');
$('#qc li:eq(33)').after('<li class="clear"></li>');
$('#qc li:eq(38)').after('<li class="clear"></li>');
$('#qc li:eq(43)').after('<li class="clear"></li>');
$('#qc li:eq(48)').after('<li class="clear"></li>');
$('#qc li:eq(53)').after('<li class="clear"></li>');
$('#qc li:eq(58)').after('<li class="clear"></li>');
$('#qc li:eq(63)').after('<li class="clear"></li>');
$('#qc li:eq(68)').after('<li class="clear"></li>');
$('#qc li:eq(73)').after('<li class="clear"></li>');
$('#qc li:eq(78)').after('<li class="clear"></li>');
$('#qc li:eq(83)').after('<li class="clear"></li>');


// get array of elements
var myArray = $("#juniors li");
var count = 0;

// sort based on timestamp attribute
myArray.sort(function (a, b) {

    // convert to integers from strings
    a = parseInt($(a).attr("id"), 10);
    b = parseInt($(b).attr("id"), 10);
    count += 2;
    // compare
    if (a > b) {
        return 1;
    } else if (a < b) {
        return -1;
    } else {
        return 0;
    }
});

// put sorted results back on page

$("#juniors").append(myArray);
$('#juniors li:eq(3)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(8)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(13)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(18)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(23)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(28)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(33)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(38)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(43)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(48)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(53)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(58)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(63)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(68)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(73)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(78)').after('<li class="clear">&nbsp;</li>');
$('#juniors li:eq(83)').after('<li class="clear">&nbsp;</li>');
})