$(document).ready(function(){
						   
//change JPG titleto match array for each portfolio section

var associative_array = new Array();
associative_array["xt"] = new Array("xt1.jpg","xt2.jpg","xt3.jpg","xt4.jpg","xt5.jpg");
associative_array["overview"] = new Array("bunique.jpg","xtaster.gif","kw.jpg","srblegal.gif","cim.gif","mw.gif","nbc.jpg","brynhill.jpg","wmf.gif");
associative_array["kw"] = new Array("kw1.jpg","kw2.jpg","kw3.jpg","kw4.jpg","kw5.jpg","kw6.jpg");                        
associative_array["cim"] = new Array("cim1.jpg","cim2.jpg","cim3.jpg","cim4.jpg","cim5.jpg","cim6.jpg");
associative_array["wm"] = new Array("wm1.jpg","wm2.jpg","wm3.jpg","wm4.jpg","wm5.jpg","wm6.jpg");



        var img = associative_array[client];            
	var number_tabs = img.length;

        var current_tab = 1;


        function update() {
                if(current_tab==1) {
                        $("img#viewer_back").attr("src","resource/images/controls_back_deactive.gif");
                        $("img#viewer_forward").attr("src","resource/images/controls_forward_active.gif")
                } else {
                        $("img#viewer_back").attr("src","resource/images/controls_back_active.gif");
                        $("img#viewer_forward").attr("src","resource/images/controls_forward_active.gif");
                }
                if(current_tab==number_tabs) {
                        $("img#viewer_forward").attr("src","resource/images/controls_forward_deactive.gif");
                }
                $("ul#viewer li").removeClass();
                $("ul#viewer li#img"+current_tab).addClass("on");
        }

        function swap(newimg) {
                $("div#viewer_window img").fadeOut(250, function() { //fade out
                        $("div#viewer_window img").attr("src", "resource/images/portfolio/"+newimg); //swap image
                        $(this).load(function() {
                                $("div#viewer_window img").fadeIn(250); //fade back in when image has loaded
                        });
                });
        }
		                        $("ul#viewer li").click(function() {
		                                if($(this).attr("class")!="on") { //only changed if not clicked current tab
		                                        $("ul#viewer li").removeClass(); //remove all highlighted styles
		                                        $(this).addClass("on"); //highlight clicked tab
		                                        var tab_clicked = parseInt(parseInt($(this).attr("id").substr(3,1))-1);
		                                        swap(img[tab_clicked]);
		                                        current_tab = tab_clicked+1;
		                                }
		                                update();
		                        });

		                        $("img#viewer_back").click(function(){ if(current_tab>1) { current_tab--; swap(img[current_tab-1]); update(); } });
		                        $("img#viewer_forward").click(function(){ if(current_tab<number_tabs) { swap(img[current_tab]); current_tab++; update(); } });

		                });