/**
 * @author Les Green, Intriguing Minds, Inc.
 */
//console.log(screen.width); 
//if (screen.width <= 1024) {
	//console.log('hello');
	//link = document.getElementsByTagName('link')[0];
	//link.href = 'styles_1024.css';
//}

 function bindHome() {
 	$("#body").imAnimTabber({
		mode:'manual',
		attribute: 'height',
		tabs: [{"caption": "About", "content_id": "about", "class_name": "about", "active_tab_class": "about_sel"},
		 {"caption": "Design", "content_id": "design", "class_name": "design", "active_tab_class": "design_sel"}, 
		 {"caption": "Socialize", "content_id": "socialize", "class_name": "socialize", "active_tab_class": "socialize_sel"},
		 {"caption": "Marketing", "content_id": "marketing", "class_name": "marketing", "active_tab_class": "marketing_sel"},
		 {"caption": "Commerce", "content_id": "commerce", "class_name": "commerce", "active_tab_class": "commerce_sel"} ]
	});
	
	$("#portfolio").imAnimTabber({
		mode:'manual',
		active_tab_class: "selected",
		//tab_container must be used with carousel option
		tab_container: 'design_menu',
		//carousel only works in manual mode. Also, can't style tabs individually 
		carousel: {"slide_container": "detailContainer", "slide_parent": "portfolio", "num_slides": 4}
	});
	
	$("#aBody").click(function () {
		$(".more").slideDown("slow");
		return false;
	});
	
	$("#dBody").click(function () {
		$("#design_text").css('display', 'none');
		$("#design_top").css('min-height', '19px');
		$("#design_top").css('height', '143px');
		$("#design_top").animate( {height: '19px' }, 'slow', 'linear', showMenu);
		$("#design_details").slideDown("slow");
		return false;
	});
	$("#blogService").hover(
		function () {
			$("#sideBar").css("display", "block");
			$("#sideBar").animate( {width : "230px"}, 'normal', 'linear');
		},
	 	function () {
			$("#sideBar").animate( {width : "0px"}, 'normal', 'linear', hideSideBar);
		}
	);
	
	function hideSideBar() {
		$("#sideBar").css("display", "none");
	};
	
	$("#contact").hover(
		function () {
			$("#contactText").css("display", "block");
			$("#contactText").animate( {top : "36px"}, 'normal', 'linear');
		},
	 	function () {
			$("#contactText").animate( {top : "16px"}, 'normal', 'linear', hideContact);
		}
	);
	
	function hideContact() {
		$("#contactText").css("display", "none");
	}
	
	function showMenu() {
		//console.log(designOpen);
		//$("#design_top").css("display", "block");
		$("#design_menu").css('display', 'block');
	}
	
  
	$("#contact").click(function() {
		$("#dlgContact").css("display", "block");
		$("#dlgContact").dialog({ 
    		buttons: { 
       			"Send": function() {
					$('#frmContact').imValidateForm({
				          responseDiv:  'response',
				          validate_func: 'validateFields',
				          validate_map: valMapMail,
				          url: 'lib/send_mail.php',
				          data_type: 'json'
				      }); 
					//$(this).dialog("close");
					//$(this).dialog("destroy");  
       			}, 
       			"Close": function() { 
           			$(this).dialog("close");
					$(this).dialog("destroy"); 
       			} 
    		}, 
			modal: true, 
    		overlay: { 
       			opacity: 0.5, 
       			background: "black" 
    		},
			autoOpen: false, 
			height: 350,
			width: 350,
			//show: 'drop',
			//position: [$($this).offset().left, $($this).offset().top],
			//position: [$($this).offset().left, $($this).scrollTop()+120],
			title: 'Contact Us'
		});
		$("#dlgContact").dialog("open");
		return false;	
	});
 	
 }