/*

  JAVASCRIPT FUNCTIONALITY
  ROSEMANN.COM
  CREATED 3/27/07
  Peter DeMarco
  Ryan Cunningham
  River City Studio

*/



// GLOBAL VARIABLES
var d = window.document;

var c = 0; // Default Portfolio Category
var p = 0; // Default Portfolio Category Project
var i = 0; // Default Portfolio Category Project Image


//////////////////////////////////////
//  GENERIC ROLLOVER FUNCTION       //
//////////////////////////////////////

function rollOver(img_name, img_src) {
	d[img_name].src = img_src;
}


//////////////////////////////////////
//  GENERIC RETURN ELEMENT FUNCTION //
//////////////////////////////////////

function getE( v ) {
  // e is for element!
  e = false;
  
  if ( d.getElementById ) {
    e = d.getElementById( v );
  }
  else if ( d.all ) {
    e = d.all[ v ];
  }

  return e;
}




//----------------------------------//
//////////////////////////////////////
//  PORTFOLIO FUNCTIONS             //
//////////////////////////////////////
//----------------------------------//


////////////////////////////////////////
//  PORTFILIO IMAGES PRELOADER        //
//  PRELOADS ALL IMAGES INTO A DIV    //
//  HIDDEN OFF OF THE TOP OF THE PAGE //
////////////////////////////////////////

function pre() {
  g = "";
  h = "";
  for ( a=0; a<projects.length; a++ ) {
    for ( b=0; b<projects[a].length; b++ ) {
      g += "<img src='/i/portfolio/thumbs/" + projects[a][b][2] + "'/>";
      for ( u=0;u<projects[a][b][3].length; u++ ) {
        h += "<img src='/i/portfolio/full/" + projects[a][b][3][u] + "' />";
      }
    }
  }

  e = getE( "pre" );
  e.innerHTML = "";
  e.innerHTML = g+h;
}


//////////////////////////////////////
//  CHANGE CATEGORY FUNCTION        //
//////////////////////////////////////

function p_changeCategory( cat ) {

  // clear the current category's menu style if there is one
  e = getE( 'pc'+c );
  e.style.cssText = "";
  
	c= cat;
  p = 0;
	i = 0;
	
  
   
	t = getE( "thumbs" );
	t.innerHTML = "";
	
	p_changeImage( i );
	p_changeProject( p );
	
	for (n=0; n<projects[c].length; n++) {
		t.innerHTML += "<img src=/i/portfolio/thumbs/" + projects[c][n][2] + " onMouseOver='p_changeProject(" + n + "); return false;' /> ";
	}
  
  // set the new current category's menu to red.
  e = getE( 'pc'+c );
  e.style.cssText = "color: #CC0000;";
}

//////////////////////////////////////
// CHANGE PROJECT FUNCTION          //
//////////////////////////////////////

function p_changeProject( proj ) {
  p = proj;

  e = getE( "picInfo" );
  titl = projects[ c ][ p ][ 0 ];
  copy = projects[ c ][ p ][ 1 ];
  
  e.innerHTML = "";
  e.innerHTML = "<h1>" + titl + "</h1>\n" + copy;

  i = 0;
  
  p_changeImage( i );

  h = "";
  for ( n=0; n<projects[c][p][3].length; n++ ) {
    h += "<a href='#' onClick='p_changeImage( " + n + " ); return false;'>" + (n+1) + "</a>\n";
  }
  e = getE( "picOrder" );
  e.innerHTML = "";
  e.innerHTML = h;
}

//////////////////////////////////////
//  CHANGE IMAGE FUNCTION           //
//////////////////////////////////////


function p_changeImage( img ) {

  // check for existence of another image in either direction.
  // if it doesn't exist, do nothing.
  if ( projects[ c ][ p ][ 3 ][ img ] ) {
    // set the global to the current image
    i = img;

    e = getE( "frame" );
    e.innerHTML = "";
    
    img = projects[ c ][ p ][ 3 ][ i ];

    // NEED TO FIGURE OUT IF THERE'S A LARGE COUNTERPART OR NOT
    // blank values by default
    lb = "";
    le = "";

    for ( n = 0; n < projects[ c ][ p ][ 4 ].length; n++ ) {
      if ( img == projects[ c ][ p ][ 4 ][n] ) {
        lb = "<a href='#' onClick=\"pop( '" + img + "' ); return false;\">";
        le = "</a>";
      }
    }
    
    
    e.innerHTML = lb + "<img src='/i/portfolio/full/" + img + "' />" + le;

    e = getE( "enlarge" );
    e.innerHTML = "<a>Enlarge</a>";
    e.innerHTML = lb + "Enlarge" + le;
    
  }

}


//////////////////////////////////////
//  POP UP WINDOW FOR LARGE IMAGE   //
//  VIEW IN PORTFOLIO.              //
//  PASSES THE IMAGE INFORMATION    //
//  TO A PHP SCRIPT THAT GRABS      //
//  AND DISPLAYS THE IMAGE.         //
//////////////////////////////////////

function pop( img ) {
  w = window.open( "/portfolio/pop.php?img=" + img, "_blank", "width=800,height=820,scrollbars=0,status=0,menubar=0,resizable=0" );
  
}