$(document).ready(function(){

var associative_array = new Array();
associative_array["villacyprus"] = new Array("vc1.jpg","vc2.jpg","vc3.jpg","vc4.jpg","vc5.jpg");
associative_array["apartcyprus"] = new Array("ac1.jpg","ac2.jpg","ac3.jpg","ac4.jpg","ac5.jpg");                       
associative_array["apartspain"] = new Array("as1.jpg","as2.jpg","as3.jpg","as4.jpg","as5.jpg","as6.jpg","as7.jpg","as8.jpg");  
associative_array["pembrokeshire"] = new Array("p1.jpg","p2.jpg","p3.jpg","p4.jpg","p5.jpg","p6.jpg","p7.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(); } });

		                });