var stafflock = false;
$(document).ready(function(){
	var abc = "ABCDEFGHI";
	
	/* startup code */
	$('div#middlesection_gridstaff dl dd,').css("opacity", 0); // hiding all descriptions (MSIE need this)
	$('dl dt.inactive img.active').hide();
	
	
	// ========================================== HOME MENU
	$('#home_menupad div.item a span').css("display","block").css("opacity",0); //initializing
	
    for (i = 1; i <= $('div#items_scroll').children().size(); i++) {
        $('div#items_scroll #menuitem' + i).hover(function(){
            $(this).removeClass("item").addClass("item_selected");
            var fade = $('#home_menupad div.item img');
            if (fade.is(':animated')) {
                fade.stop().fadeTo("fast", 0.30);
				$('a span',this).stop().fadeTo("fast",1);
            }
            else {
                fade.fadeTo("fast", 0.30);
				$('a span',this).fadeTo("fast",1);
            }
        }, function(){
            var fade = $('#home_menupad div.item img');
            if (fade.is(':animated')) {
                fade.stop().fadeTo("fast", 1);
				$('a span',this).stop().fadeTo("fast",0);
            }
            else {
                fade.fadeTo("fast", 1);
				$('a span',this).fadeTo("fast",0);
            }
            $(this).removeClass("item_selected");
            $(this).addClass("item");
        });
    }
    
	// ========================================== WORKS GRID
    for (i = 1; i <= 3; i++) {
        for (j = 1; j <= 4; j++) {
            $('#menuitem' + abc.charAt(i-1) + j).hover(function(){
                $(this).removeClass("item");
                $(this).addClass("item_selected");
                var fade = $('div.item img');
                if (fade.is(':animated')) {
                    fade.stop().fadeTo("fast", 0.30);
                }
                else {
                    fade.fadeTo("fast", 0.30);
                }
            }, function(){
                var fade = $('div.item img');
                if (fade.is(':animated')) {
                    fade.stop().fadeTo("fast", 1);
                }
                else {
                    fade.fadeTo("fast", 1);
                }
                $(this).removeClass("item_selected");
                $(this).addClass("item");
            });
        }
    }
    
    
    // ========================================== PRODUCTS GRID
    
    $('div.products dl dd').css("opacity", 0); // hiding all descriptions (preventing to be hidden on JS-disabled browsers.

    for (i = 1; i <= 2; i++) {
        for (j = 1; j <= 4; j++) {
		    $('#desc' + abc.charAt(i-1) + j).hover(function(){
				var curr_id = $(this).attr('id');
				var my_suffix = curr_id.charAt(curr_id.length-2) + curr_id.charAt(curr_id.length-1);
		        var fade = $('#desc' + my_suffix);
		        if (fade.is(':animated')) {
		            fade.stop().fadeTo("fast", 1);
		        }
		        else {
		            fade.fadeTo("fast", 1);
		        }
		    }, function(){
				var curr_id = $(this).attr('id');
				var my_suffix = curr_id.charAt(curr_id.length-2) + curr_id.charAt(curr_id.length-1);
		        var fade = $('#desc' + my_suffix);
		        if (fade.is(':animated')) {
		            fade.stop().fadeTo("fast", 0);
		        }
		        else {
		            fade.fadeTo("fast", 0);
		        }
		    });
		}
	}
    
    // PRODUCTS & SERVICES (2nd version)
    
    $('#middlesection_pas dd').hide();
	
    $('#p01_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#p01_desc').is(":hidden")) $('#p01_title').addClass('active');
		$('#middlesection_pas div.left_panel dd').hide(300);		
        $('#p01_desc').toggle(300);
    });
    $('#p02_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#p02_desc').is(":hidden")) $('#p02_title').addClass('active');		
		$('#middlesection_pas div.left_panel dd').hide(300);		
        $('#p02_desc').toggle(300);
    });
    $('#p03_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#p03_desc').is(":hidden")) $('#p03_title').addClass('active');		
		$('#middlesection_pas div.left_panel dd').hide(300);		
        $('#p03_desc').toggle(300);
    });
    $('#p04_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#p04_desc').is(":hidden")) $('#p04_title').addClass('active');		
		$('#middlesection_pas div.left_panel dd').hide(300);		
        $('#p04_desc').toggle(300);
    });
    $('#p05_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#p05_desc').is(":hidden")) $('#p05_title').addClass('active');		
		$('#middlesection_pas div.left_panel dd').hide(300);		
        $('#p05_desc').toggle(300);
    });
    $('#p06_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#p06_desc').is(":hidden")) $('#p06_title').addClass('active');		
		$('#middlesection_pas div.left_panel dd').hide(300);		
        $('#p06_desc').toggle(300);
    });
    $('#p07_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#p07_desc').is(":hidden")) $('#p07_title').addClass('active');		
		$('#middlesection_pas div.left_panel dd').hide(300);		
        $('#p07_desc').toggle(300);
    });
    $('#p08_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#p08_desc').is(":hidden")) $('#p08_title').addClass('active');		
		$('#middlesection_pas div.left_panel dd').hide(300);		
        $('#p08_desc').toggle(300);
    });
    $('#p09_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#p09_desc').is(":hidden")) $('#p09_title').addClass('active');		
		$('#middlesection_pas div.left_panel dd').hide(300);		
        $('#p09_desc').toggle(300);
    });


    $('#s01_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#s01_desc').is(":hidden")) $('#s01_title').addClass('active');		
		$('#middlesection_pas div.right_panel dd').hide(300);		
        $('#s01_desc').toggle(300);
    });
    $('#s02_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#s02_desc').is(":hidden")) $('#s02_title').addClass('active');		
		$('#middlesection_pas div.right_panel dd').hide(300);		
        $('#s02_desc').toggle(300);
    });
    $('#s03_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#s03_desc').is(":hidden")) $('#s03_title').addClass('active');		
		$('#middlesection_pas div.right_panel dd').hide(300);		
        $('#s03_desc').toggle(300);
    });
    $('#s04_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#s04_desc').is(":hidden")) $('#s04_title').addClass('active');		
		$('#middlesection_pas div.right_panel dd').hide(300);		
        $('#s04_desc').toggle(300);
    });
    $('#s05_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#s05_desc').is(":hidden")) $('#s05_title').addClass('active');		
		$('#middlesection_pas div.right_panel dd').hide(300);		
        $('#s05_desc').toggle(300);
    });
    $('#s06_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#s06_desc').is(":hidden")) $('#s06_title').addClass('active');		
		$('#middlesection_pas div.right_panel dd').hide(300);		
        $('#s06_desc').toggle(300);
    });
    $('#s07_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#s07_desc').is(":hidden")) $('#s07_title').addClass('active');		
		$('#middlesection_pas div.right_panel dd').hide(300);		
        $('#s07_desc').toggle(300);
    });
    $('#s08_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#s08_desc').is(":hidden")) $('#s08_title').addClass('active');		
		$('#middlesection_pas div.right_panel dd').hide(300);		
        $('#s08_desc').toggle(300);
    });
    $('#s09_title').click(function(){
		$('#middlesection_pas .active').removeClass('active');
		if ($('#s09_desc').is(":hidden")) $('#s09_title').addClass('active');		
		$('#middlesection_pas div.right_panel dd').hide(300);		
        $('#s09_desc').toggle(300);
    });

    // if is desired to have visible first items each row, please uncomment next lines
    //$('#p01_desc').toggle(300);
    //$('#s01_desc').toggle(300);
    	
	
	
	
    // ========================================== STAFF GRID
	for (i = 1; i <= 9; i++) {
		for (j = 1; j <= 4; j++) {

			$('div#middlesection_gridstaff dl dt#profile' + abc.charAt(i-1) + j).hover( function() {
				var curr_id = $(this).attr('id');
				var my_suffix = curr_id.charAt(curr_id.length-2) + curr_id.charAt(curr_id.length-1);
				var oStandbyImg = $('dt#profile' + my_suffix + ' img.standby');
				var oOpener = $('dt#profile' + my_suffix + ' a.opener');
				
				if (stafflock == false) {
					//do the process
					//$('dl dt.active img.standby').css('opacity',0.3);
					
					oStandbyImg.hide();
					$(this).addClass('active').removeClass('inactive');
					$('dl dt.active img.active').show();
					$('dt#profile' + my_suffix + ' span').hide();
					$('dl dt.inactive img.standby, dl dt.inactive span').css('opacity',0.3);
					if (oOpener.is(':animated')) {
						oOpener.stop().css("display","block").fadeTo(1000,0).fadeTo("medium", 1);
					} else {
						oOpener.css("opacity","0").css("display","block").fadeTo(1000,0).fadeTo("medium", 1);
					}
				}
				
			}, function(){
				var curr_id = $(this).attr('id');
				var my_suffix = curr_id.charAt(curr_id.length-2) + curr_id.charAt(curr_id.length-1);
				var oStandbyImg = $('dt#profile' + my_suffix +' img.standby');
				var oOpener = $('dt#profile' + my_suffix + ' a.opener');
					
				if (stafflock == false) {
					//do the process
					//$('dl dt.active img.standby').css('opacity',0.3);
					
					$('dl dt.inactive img.standby, dl dt.inactive span').css('opacity',1);
					$('dl dt.active img.active').hide();
					oStandbyImg.show();
					$('div#middlesection_gridstaff dl dt#profile' + my_suffix).addClass('inactive').removeClass('active');
					$('dt#profile' + my_suffix +' span').show();
					if (oOpener.is(':animated')) {
						oOpener.stop().fadeTo("fast", 0).css("display","none");
					} else {
						oOpener.fadeTo("medium", 0).css("display","none");
					}
				}
				
			});
			
			// click to expand bios
			$('div#middlesection_gridstaff dl dt#profile' + abc.charAt(i-1) + j + ' a.opener').click( function() {
				var curr_id = $(this).parent().attr('id');
				var my_suffix = curr_id.charAt(curr_id.length-2) + curr_id.charAt(curr_id.length-1);
				var oOpener = $('dt#profile' + my_suffix + ' a.opener');
				var oResume = $('dd#resume' + my_suffix);
				
				//if ($(oResume).find(":nth-child(3)").is('span.label')) oResume.css('overflow', 'hidden');
				//else oResume.css('overflow', 'auto');
				
				//let's gonna show it!
				oResume.css('z-index', '6000').fadeTo("medium", 1);
				
				oOpener.fadeTo("fast",0);
				$('dt#profile' + my_suffix + ' span').fadeTo("fast",0);
				stafflock=true;
			});
			
			// click to close bios
			$('div#middlesection_gridstaff dl dd#resume' + abc.charAt(i-1) + j +' a.closer_top, div#middlesection_gridstaff dl dd#resume' + abc.charAt(i-1) + j + ' a.closer_bottom, div#middlesection_gridstaff dl dd#resume' + abc.charAt(i-1) + j + ' a.closer_photo').click( function() {
				var curr_id = $(this).parent().attr('id');
				var my_suffix = curr_id.charAt(curr_id.length-2) + curr_id.charAt(curr_id.length-1);
				var oStandbyImg = $('dt#profile' + my_suffix +' img.standby');
				$(this).parent().fadeTo("medium",0).css('z-index','4000');
				$('dt#profile' + my_suffix + ' span').fadeTo("fast",1);
				
				//$('dl dt.inactive img.standby, dl dt.inactive span').css('opacity',1);

				$('dl dt.active img.active').hide();
				oStandbyImg.show();
				$('div#middlesection_gridstaff dl dt#profile' + my_suffix).addClass('inactive').removeClass('active');
				$('dt#profile' + my_suffix +' span').show();
				
				stafflock=false;
			});
		}
	}
	
	
    // ========================================== CONTACT SHEET (employments)
    
    $('div#middlesection_information div.right_panel dl').hide(300);
    $('#pos_title').click(function(){
		$('div#middlesection_information div.right_panel .active').removeClass('active');
		if ($('#pos_content').is(":hidden")) $('#pos_title').addClass('active');		
        $('#int_content').hide(300);
        $('#pos_content').toggle(300);
    });
    $('#int_title').click(function(){
		$('div#middlesection_information div.right_panel .active').removeClass('active');
		if ($('#int_content').is(":hidden")) $('#int_title').addClass('active');		
        $('#pos_content').hide(300);
        $('#int_content').toggle(300);
    });
    
	
    // ========================================== UI (general)
	// scroll on top menu (cases)
	$('div#header div.top_menu ul li.arrowed a').click(function(){
		var blkHeight = 72;
		var linHeight = 18;
		var oScroll = $('ul#topmenu_scroller');
		var cur_height = parseFloat($(oScroll).height());
		var my_offset = parseFloat($(oScroll).css("top"));  
		var units = "px";  
		var nu_offset = (my_offset - blkHeight);
		var nItems = $(oScroll).children().size();
		
		if (nu_offset <= (cur_height*-1))
			nu_offset=0;
		else if ((nItems%4) && (nu_offset <= (parseInt(nItems/4)*-blkHeight))) {
			nu_offset = my_offset - ((nItems%4)*linHeight);
		}
		$(oScroll).animate({ top: nu_offset + units }, "medium","swing");
	});
	
    // scroll on homepage menu (cases)
	$('div#home_menupad a.moreproof').click(function(){
		var oScroll = $('div#home_menupad div#items_scroll');
		var cur_height = parseFloat($(oScroll).height());
		var my_offset = parseFloat($(oScroll).css("top"));  
		var units = "px";  
		var nu_offset = (my_offset - 412);
		var nItems = $('div#items_scroll').children().size();
		
		if (nu_offset <= (cur_height*-1))
			nu_offset=0;
		else if ((nItems%4) && (nu_offset <= (parseInt(nItems/4)*-412))) {
			nu_offset = my_offset - ((nItems%4)*103);
		}
		$(oScroll).animate({ top: nu_offset + units }, "medium","swing");
	});
	
	// shocase startup
	$('#spad_step1').css("opacity",0).fadeTo("slow",1);
	$('#title_step1').animate({color: '#333333'},"medium");	
	
	
	
	
	// ================= More work scroller ====================


	for (i = 1; i <= $('div.page_selector ul').children().size(); i++) {
        $('div.page_selector ul li a#case' + i).click(function(){
			var cur_id = ($(this).attr('id'));
			var my_suffix = cur_id.substring(4,cur_id.length);
			$('div.page_selector ul li a.selected').removeClass("selected");
            $(this).addClass("selected");
			$('div#portfolio_wrapper div.morework_pad').css("display","none").css("left","1015px");
			$('div#portfolio_wrapper div#work' + my_suffix).css('display','block').animate({left: "0px" },400,"swing");
        });
    }
	
	
	$('#s01_media').click(function(){
		$('#s01_media').removeClass('active');
		if ($('#s01_media_desc').is(":hidden")) $('#s01_media').addClass('active');
				
        $('#s01_media_desc').toggle(300);
    });
	
	$('#s02_media').click(function(){
		$('#s02_media').removeClass('active');
		if ($('#s02_media_desc').is(":hidden")) $('#s02_media').addClass('active');
				
        $('#s02_media_desc').toggle(300);
    });
	
	
	
	//------------Media admin
	
	$('#rad_new_type_1').click(function(){
		 $('#pdfDiv').show(300);
		 $('#urlDiv').hide(300);
    });
	
	$('#rad_new_type_2').click(function(){
		 $('#pdfDiv').hide(300);
		 $('#urlDiv').show(300);
    });
	
	$('#btn_submitMedia').click(function(){
		var errors = "";
		if( $('#txt_date').attr("value") == "")
				errors+="Release Date is required\n";
		if( $('#txt_title').attr("value") == "")
				errors+="Title is required\n";
		if( $('#txt_url_text').attr("value") == "")
				errors+="URL Text is required\n";
		if($('#pdfDiv').is(":hidden")) 
			if( $('#upl_press_url').attr("value") == "")
				errors+="Site URL is required\n";
		if($('#urlDiv').is(":hidden")) 
			if( $('#upl_press').attr("value") == "" && !$('#lnkDownload').attr("href"))
				errors+="Press release is required and must be a PDF file\n";
		if( !$('#rad_type_1').is(":checked") && !$('#rad_type_2').is(":checked"))
				errors+="Section is required\n";
		if (errors != "") {
			alert(errors);
			return false;
		}
    });
	
	
	//-------Staff 
	
	$('#rad_type_1').click(function(){
		 $('#officeDiv').show(300);
		 $('#employeeDiv').hide(300);
		 $('#lbl_name').attr("innerHTML","Name");
		  $('#metrics').attr("innerHTML","(560px x 285px)");
		 $('#txt_lastName').attr("value","")
		 $('#txt_position').attr("value","")
		 $('#txt_bio').attr("value","")
    });
	
	$('#rad_type_2').click(function(){
		 $('#officeDiv').hide(300);
		 $('#employeeDiv').show(300);
		 $('#lbl_name').attr("innerHTML","First Name");
		 $('#metrics').attr("innerHTML","(106px x 90px)");
		 $('#txt_lastName').attr("value","")
		 $('#txt_position').attr("value","")
		 $('#txt_bio').attr("value","")
    });
	
	$('#rad_bio_1').click(function(){
		 $('#bioDiv').show(300);
		  $('#txt_lastName').attr("value","")
		 $('#txt_position').attr("value","")
		 $('#txt_bio').attr("value","")
    });
	
	$('#rad_bio_2').click(function(){
		 $('#bioDiv').hide(300);
		  $('#txt_lastName').attr("value","")
		 $('#txt_position').attr("value","")
		 $('#txt_bio').attr("value","")
    });
	
	
	$('#btn_submitStaff').click(function(){
		var errors = "";
		if( ($('#txt_order').attr("value") == "14" || $('#txt_order').attr("value") == "23") && $('#rad_type_1').is(":checked"))
				errors+="Office shot cannot be placed in order 14 nor 23\n";
		if( $('#txt_order').attr("value") == "")
				errors+="Order is required\n";
		if( $('#txt_name').attr("value") == "")
				if($('#rad_type_1').is(":checked"))
					errors+="Name is required\n";
				else
					errors+="First Name is required\n";
		if ($('#rad_bio_1').is(":checked") && $('#rad_type_2').is(":checked")) {
			if ($('#txt_lastName').attr("value") == "") 
				errors += "Last Name is required\n";
			if ($('#txt_position').attr("value") == "") 
				errors += "Position is required\n";
			if ($('#txt_bio').attr("value") == "") 
				errors += "Biography is required\n";
		}
		if (errors != "") {
			alert(errors);
			return false;
		}
    });
	
	
	// ================= Flexible Portfolio Grid ====================
	
	/* Adjusting container height */
	$('div.flex_portfolio').css('height', + (($('div.flex_portfolio').children().size()*94)-5) + 'px');
	
	/* Adjusting boundary styles */
	$('div.flex_portfolio div.line:first div').css('border-top','0px none');
	$('div.flex_portfolio div.line:last div').css('border-bottom','0px none');
	$('div.flex_portfolio div.line div:first-child').css('border-left','0px none');
	$('div.flex_portfolio div.line div:last-child').css('border-right','0px none');

	/* Flexible Portfolio Functions */
	
 	$('div.flex_portfolio div.line div').hover(function(){
        $(this).removeClass("item");
        $(this).addClass("item_selected");
        var fade = $('div.flex_portfolio div.line div.item img');
        if (fade.is(':animated')) {
            fade.stop().fadeTo("fast", 0.30);
        }
        else {
            fade.fadeTo("fast", 0.30);
        }
    }, function(){
        var fade = $('div.flex_portfolio div.line div.item img');
        if (fade.is(':animated')) {
            fade.stop().fadeTo("fast", 1);
        }
        else {
            fade.fadeTo("fast", 1);
        }
        $(this).removeClass("item_selected");
        $(this).addClass("item");
    });	
	
});