$(document).ready(function(){			
	setScreenClass();	
});

function setScreenClass(){
	var $window = $(window);
	if (($window.width()>=1024) && ($window.height()>=768)){
		$.ajax({
			type: "GET",
			url: "largePics",
			dataType: "html",			
			success: function(html, textStatus){
				$("#middle").removeClass("middle").addClass("largeMiddle");
				$("#quotePics").removeClass("quotePics").addClass("largeQuotePics");
				var $cycle = $("#cycle");
				$cycle.html(html);
				$cycle.cycle({ 
				    fx: 'fade',
				    speed: 500,
				    timeout: 3500,
				    random:  1
				});
			},
			error: function(XMLHttpRequest, textStatus, errorThrown){
			},
			complete: function (XMLHttpRequest, textStatus){				
			}			
		 });
	}
	else{
		$.ajax({
			type: "GET",
			url: "smallPics",
			dataType: "html",
			success: function(html, textStatus){
				$("#middle").removeClass("largeMiddle").addClass("middle");
				$("#quotePics").removeClass("largeQuotePics").addClass("quotePics");
				var $cycle = $("#cycle");
				$cycle.html(html);
				$cycle.cycle({ 
				    fx: 'fade',
				    speed: 500,
				    timeout: 3500,
				    random:  1
				});
			},
			error: function(XMLHttpRequest, textStatus, errorThrown){
			},
			complete: function (XMLHttpRequest, textStatus){
			}
		});
	}
};