/*
var className = ( document.all && !window.opera )? 'className' : 'class';
var Agent = navigator.userAgent;

var base_win_width = 990;
*/
var base_container_width = 950;
var base_main_width = 920;
var base_thumb_width = 380;
var base_global_paddingr = 0;
var base_global_paddingl = 0;

//var obj_container;
//var obj_main;
var obj_thumb;
//var obj_global;
/*
var obj_copy;
var limitwidth = 965;
*/
var limitheight = 700;

function init_liquidlayout() {
	obj_container = document.getElementById("container");
	obj_main = document.getElementById("main");
	obj_thumb = getThumbElement();
	//obj_global = document.getElementById("global");
	obj_copy = document.getElementById("copyimg");
	obj_bgcopy = document.getElementById("bgcopy");
	resize_thumb();
	replace_copy();
}

function replace_copy() {
	var new_top = getWinHeight() + getScrollY() - 20;
	if( getWinWidth() < limitwidth) {
		if (Agent.indexOf('Mac') != -1) {
			new_top -= 13;
		}
	}
	if( limitheight<new_top) {
		if( obj_copy) obj_copy.style.top = new_top + "px";
		if( obj_bgcopy) obj_bgcopy.style.top = new_top + "px";
	} else {
		if( obj_copy) obj_copy.style.top = limitheight + "px";
		if( obj_bgcopy) obj_bgcopy.style.top = limitheight + "px";
	}
}

function getScrollY() {
	if( document.body.scrollTop) return document.body.scrollTop;
	else if(document.documentElement.scrollTop) return document.documentElement.scrollTop;
	else return 0;
}

function resize_thumb() {
	var new_win_width =getWinWidth();
	var new_c_width = base_container_width;
	var new_m_width = base_main_width;
	var new_t_width = base_thumb_width;
	var new_g_paddingr = base_global_paddingr;
	var new_g_paddingl = base_global_paddingl;
	if( new_win_width > base_win_width) {
		var diff = new_win_width - base_win_width;
		new_c_width = base_container_width + diff;
		new_m_width = base_main_width + diff;
		new_t_width = base_thumb_width + diff;
		new_g_paddingr = base_global_paddingr + diff / 2;
		new_g_paddingl = base_global_paddingl + diff - new_g_paddingr;
	}
	obj_container.style.width = new_c_width + "px";
	obj_main.style.width = new_m_width + "px";
	obj_thumb.style.width = new_t_width + "px";
	//obj_global.style.marginRight = new_g_paddingr + "px";
	//obj_global.style.marginLeft = new_g_paddingl + "px";
}

function getWinWidth() {
	if(window.innerWidth){
		return window.innerWidth;
	}else if(document.documentElement && document.documentElement.clientWidth){
		return document.documentElement.clientWidth;
	}else if ( document.body && document.body.clientWidth){
		return document.body.clientWidth;
	}
}

function getWinHeight() {
	if(window.innerHeight)
		return window.innerHeight;
	if(document.body.parentNode.clientHeight)
		return document.body.parentNode.clientHeight;
	if(document.body.clientHeight)
		return document.body.clientHeight;
}

function getThumbElement() {
	var i, a;
	for (i = 0; (a = document.getElementsByTagName("div")[i]); i++) {
		if (a.getAttribute(className) == "thumb") {
			return a;
		}
	}
}

window.onload = function() {
	init_liquidlayout();
	initRollovers();
}

window.onresize=function(){
	resize_thumb();
	replace_copy();
}
window.onscroll=function(){
	replace_copy();
}