var subBannerWebDesign = '#subBannerWebDesign';
//var subBanner_Pos = $(subBannerWebDesign).css('marginTop'); //read CSS property "top"
//subBanner_Pos = parseInt(subBanner_Pos,10);	//remove non-numeric characters
var upperBarText = '#upperBar1,#upperBar2,#upperBar3,#upperBar4'

$(function(){
		var $navTabs = $('#tab1,#tab2,#tab3,#tab4');
		var $ulTabs = $('ul#tabs');
		var $tab1 = $('#tab1');
		var $tab2 = $('#tab2');
		var $tab3 = $('#tab3');
		var $tab4 = $('#tab4');

	$navTabs.css('opacity','0');
	$ulTabs.animate({opacity: 1.0}, 300).fadeIn(900, function() {
		$tab1.animate({opacity: '1'},400, function() {
			$tab2.animate({opacity: '1'},400, function() {
				$tab3.animate({opacity: '1'},400, function() {
					$tab4.animate({opacity: '1'}, 300)
				});
			});
		});	
	});
	
	$("#caAccordionMenu_webDesignLink").hide();
	$("#webDesignNoLink").show();
	$(subBannerWebDesign).css({opacity: 0, display: 'block'});
	setTimeout("$(subBannerWebDesign).animate({opacity: 1},1500)", 750);
	setTimeout('$("#contentWebDesign").fadeIn()', 1600);
	setTimeout('$("h1").fadeIn(500)', 1500);
	setTimeout('$("#tnBox1").fadeIn(800)', 1750);
	setTimeout('$("#tnBox2").fadeIn(800)', 1950);
	setTimeout('$("#tnBox3").fadeIn(800)', 2150);
	setTimeout('$("#tnBox4").fadeIn(800)', 2350);
	
	//Top Logo hover//
	$("#akLogo_Sub").hoverIntent({
		sensitivity: 3, 
		interval: 120, 
		over: logoOver, 
		timeout: 1, 
		out: logoOut
  	});
	
	//////////////////////WEB DESIGN PAGE JS////////////////////////////
	
		function iframeBG() {
		$('#webDesignWrapper,#caAccordionMenu,#textBox').animate({opacity: ".3"});
		$('#topLogo,#currentMonthYear').fadeOut(1500);
		$ulTabs.fadeOut();
	}
	
		$('#tnBox1 img').click(function() {
			$('<iframe id="iframe4" src="http://www.catgwynn.com/portraits" frameborder="0" width="0" height="0" scrolling="auto"></iframe>').insertAfter('#tnBox4');
			$('#iframe4').animate({width: "1050px", height: "800px", left: "-300px", top: "-230px", opacity: "1"}, 400);
			setTimeout('$("#upperBars,.button,#upperBar4,#lowerBar").fadeIn()', 500);
				iframeBG();
		});
		$('#tnBox2 img').click(function() {
			$('<iframe id="iframe1" src="http://laptops.adamkobrin.com" frameborder="1" width="0" height="0" scrolling="auto"></iframe>').insertAfter('#tnBox1');
			$('#iframe1').animate({width: "1050px", height: "800px", left: "-300px", top: "-230px", opacity: "1"}, 400);
			setTimeout('$("#upperBars,.button,#upperBar1,#lowerBar").fadeIn()', 500);
				iframeBG();
		});
		$('#tnBox3 img').click(function() {
			$('<iframe id="iframe3" src="http://adamkobrin.com/OneBrightWorld" frameborder="0" width="0" height="0" scrolling="auto"></iframe>').insertAfter('#tnBox3');
			$('#iframe3').animate({width: "1050px", height: "800px", left: "-300px", top: "-230px", opacity: "1"}, 400);
			setTimeout('$("#upperBars,.button,#upperBar3,#lowerBar").fadeIn()', 500);
				iframeBG();
		});
		$('#tnBox4 img').click(function() {
			$('<iframe id="iframe2" src="http://liberia.adamkobrin.com/OneBrightWorld/obwoverview2008/drawings.html" frameborder="0" width="0" height="0" scrolling="auto"></iframe>').insertAfter('#tnBox2');
			$('#iframe2').animate({width: "1050px", height: "800px", left: "-300px", top: "-230px", opacity: "1"}, 400);
			setTimeout('$("#upperBars,.button,#upperBar2,#lowerBar").fadeIn()', 500);	
				iframeBG();
					});
		
		$('.button').hover(
			function() {
				$(this).attr({src: "/ca/img/webDesign/buttonClose_hover.png"});
			},
			function() {
				$(this).attr({src: "/ca/img/webDesign/buttonClose.png"});
		});
		
		$('.button,#upperBars,#lowerBar').click(function() {
			$('#topLogo,#currentMonthYear').fadeIn();
			$(upperBarText).fadeOut();		
			$('.button,#upperBars,#lowerBar').fadeOut();
			$('iframe').animate({width: "0", height: "0", left: "50px", top: "0", opacity: "0"}, 500);
			$('#webDesignWrapper,#caAccordionMenu,#textBox').animate({opacity: "1"});
			$('body').animate({backgroundColor: "black"});
		});
		
	$tab1.click(function() {
		//tab1_click();
	});
	
	$tab2.click(function() {
		//tab1_click();
	});
	
	$tab3.bind('click', function() {
		//tab3_click();
		return false;
	});
	
	$tab4.bind('click', function() {
		tab4_click();
		//return false;
	});
	
	function tab4_click() {
		//$('#page1').fadeOut();
		//$('#contactPage').fadeIn();
	}
});

$(window).load(function(){
var $button = $('img.button')
	$button.attr('src','/ca/img/webDesign/buttonClose.png');
	 $('#webDesignWrapper').after('<img id="retouchWrapper" src="/ca/img/wrapper1000px_retouch_blackBG.jpg" style="position: absolute; display: none; left: -10px; top: -10px; margin-left: 0; margin-right: auto; " alt="Adam Kobrin" />')
});