var mybrowser = navigator.userAgent;
if(mybrowser.indexOf('Firefox') != -1) { 
document.write('<link href="styles/firefox.css" rel="stylesheet" type="text/css" />');
}else if(mybrowser.indexOf('MSIE') != -1 ) {
	document.write('<link href="styles/ie.css" rel="stylesheet" type="text/css" />');
} else if(mybrowser.indexOf('Safari') != -1) { 
	document.write('<link href="styles/safari_chrome.css" rel="stylesheet" type="text/css" />');
}else if(mybrowser.indexOf('Chrome') != -1) { 
	document.write('<link href="safari_chrome.css" rel="stylesheet" type="text/css" />');
} else if(mybrowser.indexOf('Opera') != -1) { 
	document.write('<link href="styles/firefox.css" rel="stylesheet" type="text/css" />');
	}
	
	
	 
	  
		  
	      if (document.images)
    {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "images/menu_images/2wheel_over.jpg";
      image_url[1] = "images/menu_images/4wheel_over.jpg";
      image_url[3] = "images/menu_images/paintball.jpg";
	  image_url[4] = "images/menu_images/crewgear.jpg";
	image_url[5] = "images/menu_images/extras.jpg";
	
	
	 image_url[6] = "images/secondary_nav_images/contact_over.jpg";
	 image_url[7] = "images/secondary_nav_images/twitter_over.jpg";
	image_url[8] = "images/secondary_nav_images/facebook_over.jpg";
	
	
       var i = 0;
       for(i=0; i<=8; i++) 
         preload_image_object.src = image_url[i];
    }
		
	$(document).ready(function() {
//Show the paging and activate its first link
$(".paging").show();
$(".paging a:first").addClass("active");

//Get size of the image, how many images there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});


//Paging  and Slider Function
rotate = function(){
    var triggerID = $active.attr("rel") - 1; //Get number of times to slide
    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

    $(".paging a").removeClass('active'); //Remove all active class
    $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

    //Slider Animation
    $(".image_reel").animate({
        left: -image_reelPosition
    }, 600 );

}; 

//Rotation  and Timing Event
rotateSwitch = function(){
    play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
        $active = $('.paging a.active').next(); //Move to the next paging
        if ( $active.length === 0) { //If paging reaches the end...
            $active = $('.paging a:first'); //go back to first
        }
        rotate(); //Trigger the paging and slider function
    }, 7000); //Timer speed in milliseconds (7 seconds)
};

rotateSwitch(); //Run function on launch

$(".image_reel a").hover(function() {
    clearInterval(play); //Stop the rotation
}, function() {
    rotateSwitch(); //Resume rotation timer
});	

//On Click
$(".paging a").click(function() {
    $active = $(this); //Activate the clicked paging
    //Reset Timer
    clearInterval(play); //Stop the rotation
    rotate(); //Trigger rotation immediately
    rotateSwitch(); // Resume rotation timer
    return false; //Prevent browser jump to link anchor
});
});



var results;
var xmldoc;
var xmlhttp;

function showResults(str) { 
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null) {
 alert ("Browser does not support HTTP Request");
 return;
 }
 if (str.length==0)
  {
  document.getElementById("search_results").style.display = "none";
  } else {
var url="searchartist.php?scrhstr="+str;
xmlhttp.onreadystatechange=stateChanged;
xmlhttp.open("GET",url,true)
xmlhttp.send(null);
  }
}

function showNextStep(divs) {
	document.getElementById(divs).style.display ="block";
}

function dontHide() {
	document.getElementById("search_results").style.display = "block";
}

function stateChanged() { 
if (xmlhttp.readyState==4 || xmlhttp.readyState=="complete") { 
document.getElementById("search_results").style.display = "block";
document.getElementById("search_results").innerHTML=xmlhttp.responseText;
 } 
}

function registerFormSubmit(thisform) {
	results=GetXmlHttpObject();
	if (results==null) {
	alert ("Browser does not support HTTP Request");
	return;
}
var formdata = "";
formdata = "firstname=" + thisform.elements['fname'].value + "&lastname=" + thisform.elements['lname'].value + "&email=" + thisform.elements['email'].value + "&user=" + thisform.elements['c_username'].value + "&pass=" + thisform.elements['c_password'].value + "&country=" + thisform.elements['country'].value +"&fieldcount=6";

results.onreadystatechange=registerChanged;
results.open("POST", "register.php",true);
results.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
results.setRequestHeader("Content-length", formdata.length);
results.setRequestHeader("Connection", "close");
results.send(formdata);
return false;
}


function loginFormSubmit(thisform) {
	results=GetXmlHttpObject();
	if (results==null) {
	alert ("Browser does not support HTTP Request");
	return;
}
var formdata = "";
formdata = "user=" + thisform.elements['l_username'].value + "&pass=" + thisform.elements['l_password'].value +"&fieldcount=2";

results.onreadystatechange=loginChanged;
results.open("POST", "login.php",true);
results.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
results.setRequestHeader("Content-length", formdata.length);
results.setRequestHeader("Connection", "close");
results.send(formdata);
return false;
}

function registerChanged() { 
if (results.readyState==4 || results.readyState=="complete") {
xmldoc=results.responseXML;
document.getElementById("feedback1").innerHTML = xmldoc.getElementsByTagName("message1")[0].childNodes[0].nodeValue;

document.getElementById("feedback2").innerHTML = xmldoc.getElementsByTagName("message2")[0].childNodes[0].nodeValue;

document.getElementById("feedback3").innerHTML = xmldoc.getElementsByTagName("message3")[0].childNodes[0].nodeValue;

document.getElementById("feedback4").innerHTML = xmldoc.getElementsByTagName("message4")[0].childNodes[0].nodeValue;

document.getElementById("feedback5").innerHTML = xmldoc.getElementsByTagName("message5")[0].childNodes[0].nodeValue;

document.getElementById("feedback6").innerHTML = xmldoc.getElementsByTagName("message6")[0].childNodes[0].nodeValue;
}
}


function loginChanged() { 
if (results.readyState==4 || results.readyState=="complete") {
xmldoc=results.responseXML;
document.getElementById("user_feedback").innerHTML = xmldoc.getElementsByTagName("error1")[0].childNodes[0].nodeValue;
document.getElementById("password_feedback").innerHTML = xmldoc.getElementsByTagName("error2")[0].childNodes[0].nodeValue;
}
}

function GetXmlHttpObject() {
results=null;
try
 {
 results=new XMLHttpRequest();
 }
catch (e)
 {
 try
  {
  results=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  results=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return results;
}



function getXMLHTTP() { //fuction to return the xml http object
		var xmlhttp=false;	
		try{
			xmlhttp=new XMLHttpRequest();
		}
		catch(e)	{		
			try{			
				xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e){
				try{
				xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
				}
				catch(e1){
					xmlhttp=false;
				}
			}
		}
		 	
		return xmlhttp;
    }
	
	function getAlbums(artistId) {		
		
		var strURL="getAlbums.php?artist="+artistId;
		var req = getXMLHTTP();
		
		if (req) {
			
			req.onreadystatechange = function() {
				if (req.readyState == 4) {
					// only if "OK"
					if (req.status == 200) {						
						document.getElementById('albumdiv').innerHTML=req.responseText;	
						document.getElementById('album_id').value = "";	
						document.getElementById('selectAlbum').style.display = "block";				
					} else {
						alert("There was a problem while using XMLHTTP:\n" + req.statusText);
					}
				}				
			}			
			req.open("GET", strURL, true);
			req.send(null);
		}		
	}
	
	function showUpload(album) {
		document.getElementById("album_id").value = album;
		document.getElementById("addSong").style.display = "block";
	}