exlinkA = new Image();
exlinkA.src = "/images/exlink1.png"

exlinkB = new Image();
exlinkB.src = "/images/exlink2.png"

tickcssA = new Image();
tickcssA.src = "/images/tick-css1.png"

tickcssB = new Image();
tickcssB.src = "/images/tick-css2.png"

curveA = new Image();
curveA.src = "/images/curve2_bottom.png"

curveB = new Image();
curveB.src = "/images/curve2_bottom_i.png"





function modAttach(){

	var viewportWidth = window.innerWidth;
	
	var DocumentHeight;
	if(document.body.scrollWidth){DocumentHeight = document.body.scrollHeight;}else 
	if(document.documentElement && document.documentElemnet.scrollWidth){DocumentHeight = document.documentElement.scrollHeight;}
	
	
	var browserWidth;
	if (window.innerWidth){browserWidth = window.innerWidth;}else
	if (document.documentElement && document.documentElement.clientWidth){browserWidth = document.documentElement.clientWidth;}else
	if (document.body.clientWidth){browserWidth = document.body.clientWidth;}

	var side_attach = document.getElementById("side_attach");

	side_attach.style.position = 'absolute';
	side_attach.style.visibility = 'visible';
	side_attach.style.left = browserWidth/2 + 360 + 'px';
	side_attach.style.top = DocumentHeight/2 - 300 + 'px';
	side_attach.style.width = '120px';
	side_attach.style.height = '600px';
	side_attach.style.zIndex = '90';
	side_attach.style.backgroundColor = '#FFF';
	side_attach.style.paddingTop = '10px';
	side_attach.style.paddingBottom = '10px';
	side_attach.style.paddingLeft = '10px';
	side_attach.style.paddingRight = '5px';
	side_attach.style.borderRight = '1px dashed #415361';
	side_attach.style.borderTop = '1px dashed #415361';
	side_attach.style.borderBottom = '1px dashed #415361';
	
	setInterval(modeCheck, 500);

}




function modeCheck(){

	var side_attach = document.getElementById("side_attach");
	
	var browserWidth;
	if (window.innerWidth){browserWidth = window.innerWidth;}else
	if (document.documentElement && document.documentElement.clientWidth){browserWidth = document.documentElement.clientWidth;}else
	if (document.body.clientWidth){browserWidth = document.body.clientWidth;}
	
	if(browserWidth < 1000){
		side_attach.style.visibility = 'hidden';
		side_attach.style.left = 0;
	}else{
		side_attach.style.left = browserWidth/2 + 360 + 'px';
		side_attach.style.visibility = 'visible';
	}
}





function addLoadEvent(func)
{	
	var oldonload = window.onload;
	if (typeof window.onload != 'function'){
    	window.onload = func;
	} else {
		window.onload = function(){
		oldonload();
		func();
		}
	}

}






//window.onload = modAttach;