// CUSTOM SCREEN LAYOUTS BY SIZE AND MODEL
// version 18.3.2011 - Mimikou, checked

function give_image (linkobj, style) {
	src  ='images/kaisa_'+style+'.jpg';
	linkobj.attr('src', src);	
}

function give_style (linkobj, style) {
	href  ='css/size_'+style+'.css';
	linkobj.attr('href', href);	
}


function select_style (obj, img, style, minw, maxw) {
	if ((screen.width >= minw) && (screen.width < maxw)) {
		give_style(obj, style);
		give_image(img, style);
	}	
}


function select_layout () {
	linkobj = $("link[rel=stylesheet]:last");
	// default screen_standard.css

  // choose the img placeholder (for aoa arkkitehdit fullscreen image)
  linkimg = $("#fullscreen");
	
	// Mac 13" 1024 x 768 < up to 1440!
	select_style(linkobj, linkimg, '1024', 1024, 1440);
	
	// ipad 1024 x 768 (( no CSS:fixed ))
	select_style(linkobj, linkimg, '1024', 1024, 1024);

	// iphone4 960 x 640 (( no CSS:fixed ))
	select_style(linkobj, linkimg, '960', 960, 1024);

	// htc 480 x 800
	select_style(linkobj, linkimg, '960', 480, 960);

	// iphone3 320 x 480 (( no CSS:fixed ))
	select_style(linkobj, linkimg, '480', 320, 480);

	// 2000phone 128 x 160
	select_style(linkobj, linkimg, '320', 0, 320);

	// default macbook pro 1440x900
	select_style(linkobj, linkimg, '1440', 1440, 2550);

	// imac27
	select_style(linkobj, linkimg, '2560', 1920, 2560);
	
}

$(document).ready(function() {
  // do stuff when DOM is ready
  select_layout();
});