function clickIE() {if (document.all) {return false;}} 
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) { 
if (e.which==2||e.which==3) {return false;}}} 
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} 
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} 
document.oncontextmenu=new Function("return false")

	var image1Blog = new Image(); 
	var image2Blog = new Image();
	var image3Blog = new Image();
	var image4Blog = new Image();
	var image5Blog = new Image(); 
	var image6Blog = new Image();
	var image7Blog = new Image();
	var image8Blog = new Image();
	var image9Blog = new Image();
	
	image1Blog.src = "images/blog/btn_blog_beach_on.png";
	image2Blog.src = "images/blog/btn_blog_beach_off.png";
	image3Blog.src = "images/blog/btn_blog_digress_on.png";
	image4Blog.src = "images/blog/btn_blog_digress_off.png";
	image5Blog.src = "images/blog/btn_blog_jump_on.png";
	image6Blog.src = "images/blog/btn_blog_jump_off.png";
	image7Blog.src = "images/blog/img_blog_419x108_01.jpg";
	image8Blog.src = "images/blog/img_blog_419x108_02.jpg";
	image9Blog.src = "images/blog/Jump-Image.jpg";
	
	var image1Nav = new Image(); 
	var image2Nav = new Image();
	var image3Nav = new Image();
	var image4Nav = new Image();
	var image5Nav = new Image(); 
	var image6Nav = new Image();
	var image7Nav = new Image();
	var image8Nav = new Image();
	var image9Nav = new Image();
	var image10Nav = new Image();
	var image11Nav = new Image();
	var image12Nav = new Image();
	
	image1Nav.src = "images/btn_commercial_on.png";
	image2Nav.src = "images/btn_commercial_off.png";
	image3Nav.src = "images/btn_personal_on.png";
	image4Nav.src = "images/btn_personal_off.png";
	image5Nav.src = "images/btn_motion_on.png";
	image6Nav.src = "images/btn_motion_off.png";
	image7Nav.src = "images/btn_tearsheets_on.png";
	image8Nav.src = "images/btn_tearsheets_off.png";
	image9Nav.src = "images/btn_work_off.png";
	image10Nav.src = "images/btn_work_on.png";
	image11Nav.src = "images/btn_blog_off.png";
	image12Nav.src = "images/btn_blog_on.png";


function build(page, num, size) {


    var realSize = getRealSize(size);
    
    preLoad(page, num, realSize);

    var outerHTML = '';
    for (i = 1; i < num + 1; i++) {

        outerHTML += '<div class="picture"><img src="images/pictures/' + page + '/' + realSize + '/img_' + i + '.jpg" id="image' + i + '" title="" alt="" /></div>';

        if (i == num) {
            //alert(i);
			document.getElementById('picShell').innerHTML = outerHTML;
            $('#image' + i).load(function() { changeSize(page, num); })
        }
    } 
	
}


function getRealSize(size) {

    var realSize;
    var browserwidth = $(window).width();
    var browserheight = $(window).height()

    if (size == 'mobile') {
        realSize = size;
    }
	else{
		
		if (browserwidth <= 480) {
        realSize = 'mobile';
		}
		if (browserwidth > 480 && browserwidth <= 1024) {
			 realSize = 'small';
		}
		if (browserwidth > 1024 && browserwidth <= 1280) {
			 realSize = 'med';
		 }
		if (browserwidth > 1280) {
			 realSize = 'large';
		 }
	}
    
    return realSize;
}


function preLoad(page, num, realSize) {
    
    for (i = 1; i < num + 1; i++) {
        
		eval('image' + i) = new Image();
		eval('image' + i).src = "images/pictures/" + page + "/" + realSize + "/img_" + i + ".jpg";
    }
}

function changeSize(page, num) {

    var browserwidth = $(window).width();
    var browserheight = $(window).height() - 4;
    var width = 15;
    var browser = navigator.appName;
    //if (browser == "Microsoft Internet Explorer" && /MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
        //var ieversion = new Number(RegExp.$1)
        //if (ieversion >= 8) {
           // width = 20;
        //}
    //}
    var div_Width = (width * num) + 5;

    for (i = 1; i < num + 1; i++) {
        if (page != 'tearsheets' && page != 'motion') {
            document.getElementById('image' + i).style.height = browserheight + 'px';
        }

        if (page == 'motion') {
            div_Width += 809;
        } else {
            div_Width += 521 //833; //document.getElementById('image' + i).clientWidth;
        }

        if (i == num) {
			
			if (page == 'tearsheets') {
                document.getElementById('tearsheetsShell').style.width = div_Width + 'px';
				
				//if(document.getElementById('tearsheetsShell').style.width != div_Width){
					//changeSize(page, num);
				//}
				//alert(div_Width);
            }
            else if (page == 'motion') {
                document.getElementById('motionShell').style.width = div_Width + 'px';
				
				//if(document.getElementById('motionShell').style.width != div_Width){
					//changeSize(page, num);
				//}
				//alert(div_Width);
            }
            else {
                document.getElementById('picShell').style.width = div_Width + 'px';
				
				//if(document.getElementById('picShell').style.width != div_Width){
					//changeSize(page, num);
				//}
            }
            
        }
    }
}

function changePosition(fot) {


    var $TopNav = $("#mainShell");
    var $Footer = $("#" + fot);
    var browserwidth = $(window).width();
    //var navWidth = document.getElementById('mainShell').style.width;
    var mLeft = '0';

    if (fot == 'footer_') {
        mLeft = '33';
    }

    if (browserwidth > 685) {

        //alert('test');
        $TopNav
              .stop()
        .animate({ "marginLeft": ($(window).scrollLeft()) + "px" }, "0");

        //$Footer
              //.stop()
              //.animate({ "marginLeft": ($(window).scrollLeft() + mLeft) + "px" }, "0");
    }
    else {

        document.getElementById('mainShell').style.marginLeft = '0px';
        //document.getElementById(fot).style.marginLeft = mLeft + 'px';
    }

}

function changeFooterPosition(pg){
	
	var actualHeight;
	
	if(pg == 'tearsheets'){
		actualHeight = 643;
	}else{
		actualHeight = 649;
	}
	
	//alert(actualHeight);
	var height = $(window).height() - actualHeight;
	
	if(height >= 0 ){
		document.getElementById('footer_').style.marginTop =  height + 'px';
	}
	
}
var tbOff;
var tbOff2;
var timeout_;

function blogNav(st) {
		if (st == 'on') {
			if(timeout_ == true){
			clearTimeout(tbOff);
			clearTimeout(tbOff2);
			//clearTimeout(tbOff3);
			}
			
			//document.getElementById('logoNavShell').style.height = '100%';
			document.getElementById('blogShell_').style.display = 'block';
			document.getElementById('blogNav').style.backgroundImage = "url('images/btn_blog_on.png')";
		}
		else {
			tbOff = setTimeout("document.getElementById('blogShell_').style.display = 'none'",300);
		 	tbOff2 = setTimeout("document.getElementById('blogNav').style.backgroundImage = \"url('images/btn_blog_off.png')\"",300);
			//tbOff3 = setTimeout("document.getElementById('logoNavShell').style.height = '55px'",300);
			//document.getElementById('blogShell_').style.display = 'none';
			//document.getElementById('blogNav').style.backgroundImage = "url('images/btn_blog_off.png')";
			timeout_ = true;
			}
	}