var imgarr = [];
        var cycledirection = 1; //0 - backwards
        var t = 6000; // default 6 seconds

        var autocycle;

	function preloadImages() {
        	a = imgarr;
		for(var i = 0; i<a.length; i++){
			jQuery("<img>").attr("src", "images/"+a[i]);
		}
	}

        function populateImgArr(arr) {
        	imgarr = arr;
		preloadImages();
        }

        function setCycleDirection(d) {
        	cycledirection = d;
        }

        function setIntervalAmount(i) {
  		t = i*1000;
                return i;
        }

        function startRotation(){
  		autocycle = setInterval("cycleImages(0)",t);
  		var rndNum = Math.floor(Math.random() * imgarr.length-1);
		$("#imageid").val(rndNum);
                cycleImages(0);
        }

	function cycleImages(callback){
		var clientimagearray = imgarr;
		var imageid = $("#imageid").val();

		if (cycledirection) imageid++;
		else imageid--;

                var previd = imageid-1;

		if (imageid > imgarr.length-1) {
                	imageid = 0;
                        previd = imgarr.length-1;
                }
                if (imageid == -1) {
                	imageid = imgarr.length-1;
                        previd = 0;
                }

		$("#imageid").val(imageid);
  		$("#maincontent .imgcon").fadeOut(function(){
                        $("#maincontent .imgcon").css({ background: "url(images/" + clientimagearray[imageid] + ")" });

                });
  		$("#maincontent .imgcon").fadeIn();

                if (callback !=0) callback();
        }

	$(document).ready(function(){
	        $(".small_square img").click(function(){
	         	url = $(this).prev().attr("id");
	                fn = url.split("."); fn = fn[0];
	        	cid = $(".mainsquare").attr("id");
	                if (fn != cid) {
			       	$(".mainsquare").attr("id", fn);
		  		$(".mainsquare").fadeOut(function(){
	 				$(".mainsquare").css({ background: "url(images/" + url + ")" });
	    			        $(".mainsquare").fadeIn();
	   	                });

	                        if(cid!='null') {
	                        	$("#"+cid).fadeOut(function(){
	                                	$("#"+fn).fadeIn();
	                        	});
	                	}else{
	                		$("#"+fn).fadeIn();
	                	}
	                }
                        return false;
	        });
		$(".small_square img").hover(function(){
			$(this).fadeTo("fast", 0.5);
	               },function(){
			$(this).fadeTo("fast", 1);
	               }
	        );
		$("ul.logos").find("img").hover(function(){
			$(this).fadeTo("fast", 0.5);
	               },function(){
			$(this).fadeTo("fast", 1);
	               }
	        );
                $("#nav_next").click(function(){
			self.clearInterval(autocycle);
                        setCycleDirection(1)
                	cycleImages(function(){
				autocycle = setInterval("cycleImages(0)",t);
                        });
                });
                $("#nav_prev").click(function(){
			self.clearInterval(autocycle);
                        setCycleDirection(0);
                	cycleImages(function(){
				autocycle = setInterval("cycleImages(0)",t);
                        });
                });


        });