/**
* @author jsc
*/

function loadjscssfile(filename, filetype) {
    if (filetype == "js") { //if filename is a external JavaScript file
        var fileref = document.createElement('script')
        fileref.setAttribute("type", "text/javascript")
        fileref.setAttribute("src", filename)
    }
    else if (filetype == "css") { //if filename is an external CSS file
        var fileref = document.createElement("link")
        fileref.setAttribute("rel", "stylesheet")
        fileref.setAttribute("type", "text/css")
        fileref.setAttribute("href", filename)
    }
    if (typeof fileref != "undefined")
        document.getElementsByTagName("head")[0].appendChild(fileref)
}

$(function() {

    //global vars
    var locale = "en_gb", $pageWrap = $("div.PageWrap"), $page = $("div.Page");
    if (window.location.href.indexOf("ar_ae") > -1) locale = "ar_ae";

    var isIE = $.browser.msie;
    var isIE6 = isIE && ($.browser.version == 6.0);

    var swfEnabled = false;
    swfEnabled = typeof swfobject == "object" && swfobject.hasFlashPlayerVersion("8.0");

    //add 'FirstChild' for ie6 
    var firstChild = function() {
        $("li:first-child").addClass("FirstChild");
    }
    if ($.browser.msie && $.browser.version == "6.0") {
        firstChild();
        $(document).pngFix(); 
    }

    // add 'LastChild' (applied to all browsers)
    $("li:last-child").addClass("LastChild");

    //auto text handler
    $("div.Header input.Textbox,div.FAQSearch input.Textbox")
	.each(function() {
	    var autoText = "";
	    var defaultText = $(this).val();
	    $(this).bind('focus', function() {
	        autoText = $(this).val();
	        if (autoText == defaultText) $(this).val("");
	    })
		.bind('blur', function() {
		    if ($(this).val() == "")
		        $(this).val(defaultText);
		});
	});

    // image caption replacements
    var setFont = function(fSize, fWeight, sFamily, oAttrib) {
        var fStyle = { fontFamily: (sFamily == 'miso' ? 'MisoBold' : 'FS Clerkenwell'), fontWeight: fWeight, fontSize: fSize };
        return typeof oAttrib == 'object' ? $.extend(fStyle, oAttrib) : fStyle;
    }

    $("#Nav1").css({ marginLeft: 0 });

    if (!isIE) { $("#Nav1 li a").css({ letterSpacing: 0, 'line-height': '1em', padding: '3px 10px 4px 0' }); }
    if (isIE && $.browser.version >= 7.0) { $("#Nav1 li a").css({ letterSpacing: 0, 'line-height': '1em', padding: '1px 10px 4px 0' }); }

    Cufon.replace("#Nav1 li a", setFont(16, 300, 'miso', { hover: true }))
	("div.Welcome h2", setFont(24, 300))
	("div.Highlight h2", setFont(24, 300, '', { color: '#000000' }))
	("div.Highlight h4", setFont(16, 300, 'miso', { color: '#000000' }))
	("span.Launch", setFont(32, 300))
	("div.Highlight h3", setFont(18, 300))
	("div.PreviewWrap h3", setFont(24, 300))
	("div.InnerContent h2", setFont(40, 300, '', { letterSpacing: '-1px' }))
	("div.InnerContent h3", setFont(24, 300, '', { letterSpacing: '-1px' }))
	("ul.Previews h3", setFont(25, 300))
	("div.CEOMessage h3", setFont(24, 300))
	("div.CEOMessage h3 em", setFont(30, 300))
	("ul.SubNav li em", setFont(18, 300))
	("ul.SubNav li a", setFont(13, 300, 'miso', { hover: true }))
	("div.SectionTitle h3", setFont(40, 300))
	("a.BackToSection", setFont(18, 300, '', { color: '#333333', letterSpacing: 0 }))
	("div.Message a.BackToSection", setFont(18, 400, '', { color: '#ffffff', letterSpacing: 0 }))
	("div.Message2 a.BackToSection", setFont(18, 400, '', { color: '#ffffff', letterSpacing: 0 }))
	("div.ProjectsIntro h2", setFont(40, 300))
	("div.ProjectsIntro strong", setFont(18, 300, '', { letterSpacing: 0 }))
	("div.Message h2", setFont(50, 300, '', { letterSpacing: -1 }))
	("div.KCSummary .Section h3", setFont(25, 300, '', { letterSpacing: -1 }))
	("div.CareersSummary .Section h3", setFont(25, 300, '', { letterSpacing: -1 }))
	("ul.KCSummary2 li h3", setFont(20, 300, '', { color: '#333333' }))
	("div.LatestNews h3", setFont(22, 300, '', { color: '#333333' }))
	("ul.NewsList li h4", setFont(25, 300, '', { color: '#333333' }))
	("div.LogonInfo strong", setFont(26, 300, '', { color: '#ffffff' }))
	("ul.MediaSummary li a.MainLink", setFont(25, 300, '', { color: '#333333', letterSpacing: '-1px' }))
	("div.QuickContact strong", setFont(25, 300, '', { color: '#333333' }))
	("div.NewsRoomIntro h2", setFont(40, 300, '', { color: '#333333' }))
	("div.NewsRoomIntro h2 strong", setFont(25, 400, '', { color: '#941b1e' }))
	("div.NewsRoomIntro h3", setFont(18, 400, '', { color: '#941b1e' }))
	("div.NewsRoomIntro .Register h3", setFont(25, 300, '', { color: '#333333' }))
	("div.NewsRoomIntro .Register h3 strong", setFont(25, 300, '', { color: '#941b1e' }))
	("div.NewsRoomIntro .Login h3", setFont(25, 300, '', { color: '#941b1e' }))
	("div.NewsRoomIntro .RegisterForm h4", setFont(30, 300, '', { color: '#333333' }))
	("div.NewsRoomIntro .LoginForm h4", setFont(30, 300, '', { color: '#333333' }))
	("ul.MMSummary li h3", setFont(25, 300, '', { color: '#333333' }))
	("div.ContactUs h2", setFont(30, 200, '', { color: '#333333' }))
	("div.ContactUs h3", setFont(22, 400, '', {}))
	("div.CareersFooter h3", setFont(25, 300, '', { color: '#333333' }))
	("div.ThankYouMessage h4", setFont(33, 300, '', { color: '#961d31' }))
	("div.ThankYouMessage p", setFont(24, 300, '', { color: '#000000', letterSpacing: '-1px' }))
	("div.Message2 h2", setFont(35, 300, '', { color: '#000000', letterSpacing: '-1px' }))
	("div.Message2 h3", setFont(25, 300, '', { color: '#961d31', letterSpacing: '-1px' }))
	("div.Message2 h4", setFont(18, 300, '', { color: '#961d31' }))
	("ul.SubNav2 li h4", setFont(22, 300, '', { color: '#333333', letterSpacing: '-1px' }))
	("ul.SubNav3 li h4", setFont(22, 300, '', { color: '#333333', letterSpacing: '-1px' }))
	("div.KeepUptoDate h4", setFont(22, 300, '', { color: '#333333', letterSpacing: '-1px' }))
	("div.Send2Friend h2", setFont(30, 300, '', { color: '#000000', letterSpacing: '-1px' }))
	("div.SendToFriend h2", setFont(35, 300, '', { color: '#000000', letterSpacing: '-1px' }))
	("div.EmailCV h2", setFont(35, 300, '', { color: '#000000', letterSpacing: '-1px' }))
	("div.SearchResult h3", setFont(22, 300, '', { color: '#961d31' }))
	("div.GalleryWrap h3", setFont(22, 300, '', { color: '#961d31' }))
	("div.Spotlight blockquote", setFont(28, 300, '', { color: '#FFF' }))
	("p.Signature", setFont(16, 300, '', { color: '#FFF' }))
	("div.sitemapcontainer h4", setFont(25, 300, '', { color: '#961d31' }))
    ("div.sitemapcontainer h3", setFont(18, 300, '', { color: '#333333' }))
	;

    // SiteHelp mouseover
    $("div.SiteHelp .Handle").hover(function() {
        $("div.SiteHelp .Hint").fadeIn(300);
    });
    $("div.SiteHelp .Hint").click(function() { $(this).fadeOut(300) });

    // rectify SubNav style
    $("ul.SubNav li.Selected").next().addClass("NextToActive");

    // Projects map
    $("div.MapBubble").each(function() {
        var $me = $(this), $bubble = $("div.BubbleWrap", $me), $spot = $("img.MapSpot", $me).css({ opacity: 0 });
        if (!isIE) {
            $me.hover(function() {

                var showMap = function($t1, $t2) {
                    var $bubble2 = $("div.BubbleWrap", $t2);
                    var $spot2 = $("img.MapSpot", $t1);
                    $bubble2.fadeIn(100);
                    $spot2.animate({ opacity: 1 }, 100);
                }

                switch ($me[0].className) {
                    case "MapBubble Russia":
                        showMap($("div.Europe"), $("div.Russia"));
                        showMap($("div.Africa"), $("div.Russia"));
                        break;

                    case "MapBubble Europe":
                        showMap($("div.Africa"), $("div.Russia"));
                        showMap($("div.Russia"), $("div.Russia"));
                        break;

                    case "MapBubble Africa":
                        showMap($("div.Russia"), $("div.Russia"));
                        showMap($("div.Europe"), $("div.Russia"));
                        break;

                    case "MapBubble SAsia":
                        showMap($("div.SEAsia"), $("div.SEAsia"));
                        showMap($("div.China"), $("div.SEAsia"));
                        break;

                    case "MapBubble China":
                        showMap($("div.SAsia"), $("div.SEAsia"));
                        showMap($("div.SEAsia"), $("div.SEAsia"));
                        break;

                    case "MapBubble SEAsia":
                        showMap($("div.China"), $("div.SEAsia"));
                        showMap($("div.SAsia"), $("div.SEAsia"));
                        break;
                }

                $spot.animate({ opacity: 1 }, 100);
                $bubble.fadeIn(100);
                //$me.css({ zIndex: 11 });
            }, function() {
                var hideMap = function($t1, $t2) {
                    var $spot2 = $("img.MapSpot", $t1);
                    var $bubble2 = $("div.BubbleWrap", $t2);
                    $spot2.animate({ opacity: 0 }, 100);
                    $bubble2.fadeOut(100);
                }

                switch ($me[0].className) {
                    case "MapBubble Russia":
                        hideMap($("div.Europe"), $("div.Russia"));
                        hideMap($("div.Africa"), $("div.Russia"));
                        break;

                    case "MapBubble Europe":
                        hideMap($("div.Africa"), $("div.Russia"));
                        hideMap($("div.Russia"), $("div.Russia"));
                        break;

                    case "MapBubble Africa":
                        hideMap($("div.Russia"), $("div.Russia"));
                        hideMap($("div.Europe"), $("div.Russia"));
                        break;

                    case "MapBubble SAsia":
                        hideMap($("div.SEAsia"), $("div.SEAsia"));
                        hideMap($("div.China"), $("div.SEAsia"));
                        break;

                    case "MapBubble China":
                        hideMap($("div.SAsia"), $("div.SEAsia"));
                        hideMap($("div.SEAsia"), $("div.SEAsia"));
                        break;

                    case "MapBubble SEAsia":
                        hideMap($("div.China"), $("div.SEAsia"));
                        hideMap($("div.SAsia"), $("div.SEAsia"));
                        break;
                }

                $spot.animate({ opacity: 0 }, 100);
                $bubble.fadeOut(100);
                //$me.css({ zIndex: 10 });
            });
        }
        else {
            $me.hover(
				function() {
				    var showMap = function($t1, $t2) {
				        var $spot2 = $("img.MapSpot", $t1);
				        var $bubble2 = $("div.BubbleWrap", $t2);
				        $spot2.css({ opacity: 1 });
				        $bubble2.css({ display: 'block' });
				    }

				    switch ($me[0].className) {
				        case "MapBubble Russia":
				            showMap($("div.Europe"), $("div.Russia"));
				            showMap($("div.Africa"), $("div.Russia"));
				            break;

				        case "MapBubble Europe":
				            showMap($("div.Africa"), $("div.Russia"));
				            showMap($("div.Russia"), $("div.Russia"));
				            break;

				        case "MapBubble Africa":
				            showMap($("div.Russia"), $("div.Russia"));
				            showMap($("div.Europe"), $("div.Russia"));
				            break;

				        case "MapBubble SAsia":
				            showMap($("div.SEAsia"), $("div.SEAsia"));
				            showMap($("div.China"), $("div.SEAsia"));
				            break;

				        case "MapBubble China":
				            showMap($("div.SAsia"), $("div.SEAsia"));
				            showMap($("div.SEAsia"), $("div.SEAsia"));
				            break;

				        case "MapBubble SEAsia":
				            showMap($("div.China"), $("div.SEAsia"));
				            showMap($("div.SAsia"), $("div.SEAsia"));
				            break;
				    }

				    $spot.css({ opacity: 1 });
				    $bubble.css({ display: 'block' });
				    //$me.css({ zIndex: 11 });
				},
				function() {
				    var hideMap = function($t1, $t2) {
				        var $spot2 = $("img.MapSpot", $t1);
				        var $bubble2 = $("div.BubbleWrap", $t2);
				        $spot2.css({ opacity: 0 });
				        $bubble2.css({ display: 'none' });
				    }

				    switch ($me[0].className) {
				        case "MapBubble Russia":
				            hideMap($("div.Europe"), $("div.Russia"));
				            hideMap($("div.Africa"), $("div.Russia"));
				            break;

				        case "MapBubble Europe":
				            hideMap($("div.Africa"), $("div.Russia"));
				            hideMap($("div.Russia"), $("div.Russia"));
				            break;

				        case "MapBubble Africa":
				            hideMap($("div.Russia"), $("div.Russia"));
				            hideMap($("div.Europe"), $("div.Russia"));
				            break;

				        case "MapBubble SAsia":
				            hideMap($("div.SEAsia"), $("div.SEAsia"));
				            hideMap($("div.China"), $("div.SEAsia"));
				            break;

				        case "MapBubble China":
				            hideMap($("div.SAsia"), $("div.SEAsia"));
				            hideMap($("div.SEAsia"), $("div.SEAsia"));
				            break;

				        case "MapBubble SEAsia":
				            hideMap($("div.China"), $("div.SEAsia"));
				            hideMap($("div.SAsia"), $("div.SEAsia"));
				            break;
				    }

				    $spot.css({ opacity: 0 });
				    $bubble.css({ display: 'none' });
				    //$me.css({ zIndex: 10 });
				}
			);
        }
    });

    // Project Detail gallery pager
    $("div.ProjectDetail .Gallery").each(function() {
        var $me = $(this), $li = $("li", $me), $pager = $("<div class='Pager'><strong>Other Images:</strong></div>");
        $li.each(function(i) {
            $pager.append("<span>" + (i + 1) + "</span>");
        });

        $("img", $me).each(function() {
            if ($(this).load()[0].complete)
                $(this).css({ display: 'block' });
            else {
                $(this).load(function() {
                    $(this).css({ display: 'block' });
                    $(this).show();
                    $pager.show();
                })
            }
        });

        var $num = $("span", $pager);
        if ($num.length) {
            //initialize
            $num.eq(0).addClass('Selected');
            $li.css({ display: 'none' }).eq(0).css({ display: 'block' });
            $pager.appendTo($me);

            $num.click(function() {
                var $t = $(this), ndx = $num.index($t);
                $li.filter(":visible").fadeOut(function() {
                    $li.eq(ndx).fadeIn();
                    $num.removeClass('Selected');
                    $t.addClass('Selected');
                });
                //clear autoRoll and trigger again
                clearTimeout(tOut);
                autoRoll();
            });

            var tOut;
            var autoRoll = function() {
                if ($num.length > 1) {
                    tOut = setTimeout(function() {

                        var n = $num.index($num.filter(".Selected"));
                        if (n >= $num.length - 1) {
                            $num.eq(0).click();
                            clearTimeout(tOut);
                            autoRoll();
                        }
                        if ($num.eq(n).next()) {
                            $num.eq(n).next().click();
                            clearTimeout(tOut);
                            autoRoll();
                        }
                    }, 5000);
                }
                else
                    $pager.remove();
            }
            autoRoll();
        }
    });

    // Project detail and registration
    $("div.ProjectDetail .Detail").each(function() {
        var $me = $(this), $btn_reg = $("img.Button", $me), $btn_detail = $("a.Back", $me);
        var $frame1 = $(".Frame1", $me), $frame2 = $(".Frame2", $me);
        $btn_reg.click(function() {
            $frame1.fadeOut(function() {
                $frame2.fadeIn();
            });
            return false;
        });
        $btn_detail.click(function() {
            $frame2.fadeOut(function() {
                $frame1.fadeIn();
            });
            return false;
        });
        if (isPostback) $btn_reg.click();
    });

    $("div.Overlay").css({ opacity: .6 });

    // Knowledge Center item count
    //    $("div.KCSummary div.Section").each(function() {
    //        var $me = $(this), count = $("li", $me).length, $h3 = $("h3", $me);
    //        $("<strong class='ItemCount' />").html(count).insertAfter($h3);
    //    });

    // News room sign in
    $("div.NewsRoomIntro").each(function() {
        var $me = $(this), $login = $("div.LoginForm", $me), $register = $("div.RegisterForm", $me);
        var $btn1 = $("div.Login img"), $btn2 = $("div.Register img");
        $btn2.click(function() {
            $login.fadeOut(function() {
                $register.fadeIn();
                $btn1.parent().fadeIn();
            });
            $btn2.parent().fadeOut();
        }).css({ cursor: 'pointer' });
        $btn1.click(function() {
            $register.fadeOut(function() {
                $login.fadeIn();
                $btn2.parent().fadeIn();
            });
            $btn1.parent().fadeOut();
        }).css({ cursor: 'pointer' });
    });

    // handles Gallery pager
    $("div.Pager ul").each(function() {
        var $me = $(this), $li = $("li", $me), $prev = $("img.Prev", $me.parent()), $next = $("img.Next", $me.parent());
        $me.css({ width: $li.width() * $li.length });
        var imgPath1 = $prev.attr("src");
        var imgPath2 = $next.attr("src");
        if ($li.eq(0).hasClass("Selected")) {
            imgPath1 = imgPath1.replace(".gif", "Disabled.gif");
            $prev.attr("src", imgPath1);
        }
        else {
            imgPath1 = imgPath1.replace("Disabled.gif", ".gif");
            $prev.attr("src", imgPath1);
        }
        if ($li.eq($li.length - 1).hasClass("Selected")) {
            imgPath2 = imgPath2.replace(".gif", "Disabled.gif");
            $next.attr("src", imgPath2);
        }
        else {
            imgPath2 = imgPath2.replace("Disabled.gif", ".gif");
            $next.attr("src", imgPath2);
        }
    });

    // handles Image Gallery
    $("div.GalleryWrap").each(function() {
        var $me = $(this), $thumbs = $("ul.Thumbs > li > a", $me);
        var $canvas = $("div.Canvas"), $overlay = $("<div class='Overlay' />"), $prev = $("img.Prev", $canvas), $next = $("img.Next", $canvas);
        var $close = $("a.Close", $canvas), $main = $("img.MainImage", $canvas);
        var $specs = $("div.Specs", $canvas);
        if (!$me.hasClass('Video')) $('a.lightbox').lightBox();

        $thumbs.click(function() {
            var $t = $(this);
            if ($me.hasClass('Video')) playVideo($t);
            //else viewImage($t);
            return false;
        });

        var viewImage = function($t) {
            var _h = $(".PageWrap").height() + $(".FooterWrap").height();
            var src = $t.attr('href'), $res = $t.next("ul").clone();
            $overlay.height(_h).css({ opacity: .7 }).appendTo("body");
            $main.attr('src', src);
            $("ul", $specs).remove();
            if ($res.length) $res.appendTo($specs);
            $canvas.css({ display: 'block' }).find(".Bg").css({ opacity: .5 });

            $overlay.click(function() {
                $close.click();
            });

            var n = $thumbs.index($t);
            if (n == 0) $prev.hide();
            else $prev.show();
            if (n == $thumbs.length - 1) $next.hide();
            else $next.show();

            $prev.unbind('click').click(function() {
                var $p = $t.parent().prev();
                //$next.css({opacity:1});
                if (!$p.find(">a>img").length) return;
                viewImage($p.find("a"));
            });
            $next.unbind('click').click(function() {
                var $n = $t.parent().next();
                //$prev.css({opacity:1});
                if (!$n.find(">a>img").length) return;
                viewImage($n.find("a"));
            });
        }

        var playVideo = function($t) {
            var $player = $("<div class='VideoPlayer'><span id='VideoPlayerID'></span><a class='Close' href='#'>Close</a></div>");
            var _h = $(".PageWrap").height() + $(".FooterWrap").height();
            var $close = $(".Close", $player);
            var src = $t.attr('href')
            $overlay.height(_h).css({ opacity: .7 }).appendTo("body");

            $player.appendTo("body");

            swfobject.embedSWF("../../../$Common/flash/player.swf", "VideoPlayerID", "620", "410", "9.0.0", "expressInstall.swf", {}, { wmode: 'transparent', allowfullscreen: true, flashvars: "file=" + src + "&skin=../../../$Common/flash/modieus.swf" }, {});

            $close.click(function() {
                $player.remove();
                $overlay.remove();
                return false;
            });
            $overlay.click(function() {
                $close.click();
            });
        }

        $close.click(function() {
            $canvas.fadeOut(function() {
                $overlay.remove();
            });
            return false;
        });
    });

    // Testimonials Summary
    $("ul.TestiSummary li:odd").addClass('Grey');

    $("div.KCSummary div.Section").each(function() {
        var $me = $(this), $icon = $("a.VideoLink", $me);
        var $canvas = $("div.Canvas"), $overlay = $("<div class='Overlay' />"), $prev = $("img.Prev", $canvas), $next = $("img.Next", $canvas);
        var $close = $("a.Close", $canvas), $main = $("img.MainImage", $canvas);
        var $specs = $("div.Specs", $canvas);


        $icon.click(function() {
            var $t = $(this);
            playVideo($t);
            return false;
        });

        var playVideo = function($t) {
            var $player = $("<div class='VideoPlayer'><span id='VideoPlayerID'></span><a class='Close' href='#'>Close</a></div>");
            var $close = $(".Close", $player);
            var _h = $(".PageWrap").height() + $(".FooterWrap").height();
            var src = $t.attr('href')
            $player.appendTo("body");
            $overlay.height(_h).css({ opacity: .7 }).appendTo("body");

            swfobject.embedSWF("../$Common/flash/player.swf", "VideoPlayerID", "620", "410", "9.0.0", "expressInstall.swf", {}, { wmode: 'transparent', allowfullscreen: true, flashvars: "file=" + src + "&skin=../$Common/flash/modieus.swf" }, {});
            $close.click(function() {
                $player.remove();
                $overlay.remove();
                return false;
            });
            $overlay.click(function() {
                $close.click();
            });
        }

        $close.click(function() {
            $canvas.fadeOut(function() {
                $overlay.remove();
            });
            return false;
        });

        var $ul = $("div.KCSummary div.Section ul");
        var maxHeight = $ul.height();

        $("div.KCSummary div.Section ul").each(function() {
            if ($(this).height() > maxHeight)
                maxHeight = $(this).height();
        });


        $ul.height(maxHeight);
    });

    $("ul.KCSummary2 div.MediaIcon").each(function() {
        var $me = $(this), $icon = $("a.VideoLink", $me);
        var $canvas = $("div.Canvas"), $overlay = $("<div class='Overlay' />"), $prev = $("img.Prev", $canvas), $next = $("img.Next", $canvas);
        var $close = $("a.Close", $canvas), $main = $("img.MainImage", $canvas);
        var $specs = $("div.Specs", $canvas);


        $icon.click(function() {
            var $t = $(this);
            playVideo($t);
            return false;
        });

        var playVideo = function($t) {
            var $player = $("<div class='VideoPlayer'><span id='VideoPlayerID'></span><a class='Close' href='#'>Close</a></div>");
            var $close = $(".Close", $player);
            var _h = $(".PageWrap").height() + $(".FooterWrap").height();

            var src = $t.attr('href')
            $player.appendTo("body");
            $overlay.height(_h).css({ opacity: .7 }).appendTo("body");

            swfobject.embedSWF("../../$Common/flash/player.swf", "VideoPlayerID", "620", "410", "9.0.0", "expressInstall.swf", {}, { wmode: 'transparent', allowfullscreen: true, flashvars: "file=" + src + "&skin=../../$Common/flash/modieus.swf" }, {});
            $close.click(function() {
                $player.remove();
                $overlay.remove();
                return false;
            });
            $overlay.click(function() {
                $close.click();
            });
        }

        $close.click(function() {
            $canvas.fadeOut(function() {
                $overlay.remove();
            });
            return false;
        });
    });

    $("div.CallToAction").each(function() {
        var $me = $(this), $sendtofriend = $("a.SendToFriend", $me);
        var $canvas = $("div.SendToFriend"), $overlay = $("<div class='Overlay' />");
        var $close = $("a.Close", $canvas), $main = $("img.MainImage", $canvas);
        var $specs = $("div.Specs", $canvas);

        $sendtofriend.click(function() {
            var $t = $(this);
            viewForm($t);
            return false;
        });

        var viewForm = function($t) {
            var _h = $(".PageWrap").height() + $(".FooterWrap").height();
            var src = $t.attr('href'), $res = $t.next("ul").clone();
            $overlay.height(_h).css({ opacity: .7 }).appendTo("body");
            $main.attr('src', src);
            $("ul", $specs).remove();
            if ($res.length) $res.appendTo($specs);
            $canvas.css({ display: 'block' }).find(".Bg").css({ opacity: .5 });

            $overlay.click(function() {
                $close.click();
            });
        }

        $close.click(function() {
            $canvas.fadeOut(function() {
                $overlay.remove();
            });
            return false;
        });

        if (isPostback) $sendtofriend.click();
    });

    // Table Stripe
    $("table.ResultList tr:odd").addClass('Grey');

    $("div.InnerContent").each(function() {
        $("body").prepend("<div class='Extender' />");
        $(window).bind("load", function() {
            if ($("body").width() > 1112) $(".Extender").width(1112);
            else $(".Extender").width($("body").width());
        }).bind("resize", function() {
            if ($("body").width() > 1112) $(".Extender").width(1112);
            else $(".Extender").width($("body").width());
        });
    });

    $("div.KnowledgeInner div.Copy div.MediaIcon").each(function() {
        var $me = $(this), $icon = $("a.VideoLink", $me);
        var $canvas = $("div.Canvas"), $overlay = $("<div class='Overlay' />"), $prev = $("img.Prev", $canvas), $next = $("img.Next", $canvas);
        var $close = $("a.Close", $canvas), $main = $("img.MainImage", $canvas);
        var $specs = $("div.Specs", $canvas);


        $icon.click(function() {
            var $t = $(this);
            playVideo($t);
            return false;
        });

        var playVideo = function($t) {
            var _h = $(".PageWrap").height() + $(".FooterWrap").height();
            var $player = $("<div class='VideoPlayer'><span id='VideoPlayerID'></span><a class='Close' href='#'>Close</a></div>");
            var $close = $(".Close", $player);
            var src = $t.attr('href')
            $player.appendTo("body");
            $overlay.height(_h).css({ opacity: .7 }).appendTo("body");

            swfobject.embedSWF("../../$Common/flash/player.swf", "VideoPlayerID", "620", "410", "9.0.0", "expressInstall.swf", {}, { wmode: 'transparent', allowfullscreen: true, flashvars: "file=" + src + "&skin=../../$Common/flash/modieus.swf" }, {});
            $close.click(function() {
                $player.remove();
                $overlay.remove();
                return false;
            });
            $overlay.click(function() {
                $close.click();
            });
        }

        $close.click(function() {
            $canvas.fadeOut(function() {
                $overlay.remove();
            });
            return false;
        });
    });

    $("div.NewsRoom div.Copy div.MainImage").each(function() {
        var $me = $(this), $GalleryWrap = $("div.GalleryWrap"); $viewbutton = $("a.Button", $me);
        var $thumbs = $("ul.Thumbs > li > a", $GalleryWrap);
        var $canvas = $("div.Canvas"), $overlay = $("<div class='Overlay' />"), $prev = $("img.Prev", $canvas), $next = $("img.Next", $canvas);
        var $close = $("a.Close", $canvas), $main = $("img.MainImage", $canvas);
        var $specs = $("div.Specs", $canvas);
        var $downloads = $("div.Downloads", $canvas);
        $('a.lightbox').lightBox();

        $viewbutton.click(function() {
            var $t = $("div.GalleryWrap ul.Thumbs > li.first > a");
            //viewImage($t);
            $t.click();
            return false;
        });

        var viewImage = function($t) {
            var _h = $(".PageWrap").height() + $(".FooterWrap").height();
            var src = $t.attr('href'), $res = $t.next("ul").clone();
            $overlay.height(_h).css({ opacity: .7 }).appendTo("body");
            $main.attr('src', src);
            $("ul", $specs).remove();

            if ($res.length) {
                $downloads.show();
                $res.appendTo($specs);
            }
            else
                $downloads.hide();

            $canvas.css({ display: 'block' }).find(".Bg").css({ opacity: .5 });

            $overlay.click(function() {
                $close.click();
            });

            var n = $thumbs.index($t);
            if (n == 0) $prev.hide();
            else $prev.show();
            if (n == $thumbs.length - 1) $next.hide();
            else $next.show();

            $prev.unbind('click').click(function() {
                var $p = $t.parent().prev();
                //$next.css({opacity:1});
                if (!$p.find(">a").length) return;
                viewImage($p.find("a"));
            });
            $next.unbind('click').click(function() {
                var $n = $t.parent().next();
                //$prev.css({opacity:1});
                if (!$n.find(">a").length) return;
                viewImage($n.find("a"));
            });
        }

        $close.click(function() {
            $canvas.fadeOut(function() {
                $overlay.remove();
            });
            return false;
        });
    });

    //Project detail fix
    $("div.ProjectDetail h3 strong").each(function() {
        if ($(this).text().length > 40) $(this).css({ fontSize: 16, fontWeight: 'bold' });
    });

    $("a.EmailCV").each(function() {
        $emailcv = $(this);
        var $canvas = $("div.EmailCV"), $overlay = $("<div class='Overlay' />");
        var $close = $("a.Close", $canvas), $main = $("img.MainImage", $canvas);
        var $specs = $("div.Specs", $canvas);

        $emailcv.click(function() {
            var $t = $(this);
            viewForm($t);
            return false;
        });

        var viewForm = function($t) {
            var _h = $(".PageWrap").height() + $(".FooterWrap").height();
            var src = $t.attr('href'), $res = $t.next("ul").clone();
            $overlay.height(_h).css({ opacity: .7 }).appendTo("body");
            $main.attr('src', src);
            $("ul", $specs).remove();
            if ($res.length) $res.appendTo($specs);
            $canvas.css({ display: 'block' }).find(".Bg").css({ opacity: .5 });

            $overlay.click(function() {
                $close.click();
            });
        }

        $close.click(function() {
            $canvas.fadeOut(function() {
                $overlay.remove();
            });
            return false;
        });

        if (isPostback) $emailcv.click();
    });

    $("div.CUSTOMVIDEOLINK").each(function() {
        var $me = $(this), $icon = $("a.VideoLink", $me);
        var $canvas = $("div.Canvas"), $overlay = $("<div class='Overlay' />"), $prev = $("img.Prev", $canvas), $next = $("img.Next", $canvas);
        var $close = $("a.Close", $canvas), $main = $("img.MainImage", $canvas);
        var $specs = $("div.Specs", $canvas);


        $icon.click(function() {
            var $t = $(this);
            playVideo($t);
            return false;
        });

        var playVideo = function($t) {
            var _h = $(".PageWrap").height() + $(".FooterWrap").height();
            var $player = $("<div class='VideoPlayer'><span id='VideoPlayerID'></span><a class='Close' href='#'>Close</a></div>");
            var $close = $(".Close", $player);
            var src = $t.attr('href')
            $player.appendTo("body");
            $overlay.height(_h).css({ opacity: .7 }).appendTo("body");

            swfobject.embedSWF("../$Common/flash/player.swf", "VideoPlayerID", "620", "410", "9.0.0", "expressInstall.swf", {}, { wmode: 'transparent', allowfullscreen: true, flashvars: "file=" + src + "&skin=../$Common/flash/modieus.swf" }, {});
            $close.click(function() {
                $player.remove();
                $overlay.remove();
                return false;
            });
            $overlay.click(function() {
                $close.click();
            });
        }

        $close.click(function() {
            $canvas.fadeOut(function() {
                $overlay.remove();
            });
            return false;
        });
    });

    $("ul.NavMenu li").each(function() {

        var $me = $(this), $link = $("a.MenuLink", $me);

        $link.click(function() {
            if (getCookie("skipintro") == "1")
                setCookie("skipintro", "", 30);
        });
    });

});

function setCookie(c_name, value, expiredays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + expiredays);
    document.cookie = c_name + "=" + escape(value) +
((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
}

function getCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) c_end = document.cookie.length;
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}